.profile-card.svelte-1jaw67n{background:#111111e6;border:1px solid #222222;border-radius:20px;padding:0;min-width:21.25rem;max-width:26.25rem;animation:svelte-1jaw67n-fadeIn .6s ease forwards;overflow:hidden;position:relative}.profile-banner.svelte-1jaw67n{width:100%;height:7.5rem;background-size:cover;background-position:center;background-repeat:no-repeat}.profile-card.svelte-1jaw67n:has(.profile-banner:where(.svelte-1jaw67n)) .avatar-container:where(.svelte-1jaw67n){margin-top:-3.75rem}@keyframes svelte-1jaw67n-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-loading.svelte-1jaw67n{display:flex;align-items:center;gap:1rem}.avatar-skeleton.svelte-1jaw67n{width:6rem;height:6rem;border-radius:50%;flex-shrink:0}.info-skeleton.svelte-1jaw67n{flex:1}.text-skeleton.svelte-1jaw67n{height:24px;border-radius:6px;margin-bottom:.5rem;width:140px}.text-skeleton.short.svelte-1jaw67n{width:100px;height:18px}.skeleton.svelte-1jaw67n{background:linear-gradient(90deg,#111 25%,#1a1a1a,#111 75%);background-size:200% 100%;animation:svelte-1jaw67n-shimmer 1.5s infinite}@keyframes svelte-1jaw67n-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.profile-error.svelte-1jaw67n{color:#ef4444;display:flex;align-items:center;gap:.5rem}.profile-content.svelte-1jaw67n{display:flex;align-items:center;gap:1.25rem;padding:1.75rem}.avatar-container.svelte-1jaw67n{position:relative;flex-shrink:0}.avatar.svelte-1jaw67n{width:6rem;height:6rem;border-radius:50%;object-fit:cover;border:.25rem solid;background:#111;box-shadow:0 8px 16px #0006}.avatar-decoration.svelte-1jaw67n{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.status-dot.svelte-1jaw67n{position:absolute;bottom:.25rem;right:.25rem;width:1.5rem;height:1.5rem;border-radius:50%;border:.25rem solid #111111}.status-dot.pulse.svelte-1jaw67n{animation:svelte-1jaw67n-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes svelte-1jaw67n-pulse{0%,to{opacity:1}50%{opacity:.5}}.user-info.svelte-1jaw67n{flex:1;min-width:0}.name-row.svelte-1jaw67n{display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem;flex-wrap:wrap}.display-name.svelte-1jaw67n{font-size:1.5rem;font-weight:700;color:#fff}.guild-badge.svelte-1jaw67n{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#5865f233;border-radius:4px;border:1px solid rgba(88,101,242,.3)}.guild-badge.svelte-1jaw67n img:where(.svelte-1jaw67n){width:1rem;height:1rem}.guild-badge.svelte-1jaw67n span:where(.svelte-1jaw67n){font-size:.75rem;font-weight:600;color:#5865f2}.username-handle.svelte-1jaw67n{font-size:.875rem;color:#666;margin-bottom:.5rem}.status-row.svelte-1jaw67n{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.status-text.svelte-1jaw67n{font-size:.9375rem;font-weight:500}.platform-icons.svelte-1jaw67n{display:flex;align-items:center;gap:.5rem}.platform-icon.svelte-1jaw67n{font-size:.875rem;opacity:.9;transition:transform .2s ease}.platform-icon.svelte-1jaw67n:hover{transform:scale(1.2)}.custom-status.svelte-1jaw67n{font-size:.9rem;color:#a0a0a0;line-height:1.4;margin-top:.5rem;padding:.5rem .75rem;background:#1e1e1e99;border-radius:8px;border-left:3px solid #00ff88;display:flex;align-items:flex-start;gap:.5rem}.status-emoji.svelte-1jaw67n{font-size:1.125rem;flex-shrink:0}.status-text-content.svelte-1jaw67n{word-break:break-word}.activity-wrapper.svelte-hdhoap{display:flex;flex-direction:column;gap:1rem}.activity-card.svelte-hdhoap{background:#111111e6;border:1px solid #222222;border-radius:16px;padding:1.25rem;width:100%;animation:svelte-hdhoap-fadeIn .6s ease forwards}.activity-card.spotify-card.svelte-hdhoap{border-color:#22c55e4d}@keyframes svelte-hdhoap-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-state.svelte-hdhoap{display:flex;align-items:center;gap:1rem}.image-skeleton.svelte-hdhoap{width:64px;height:64px;border-radius:12px;flex-shrink:0}.text-skeletons.svelte-hdhoap{flex:1}.text-skeleton.svelte-hdhoap{height:20px;border-radius:6px;margin-bottom:.5rem;width:120px}.text-skeleton.short.svelte-hdhoap{width:160px;height:16px}.text-skeleton.shorter.svelte-hdhoap{width:140px;height:16px;margin-bottom:0}.skeleton.svelte-hdhoap{background:linear-gradient(90deg,#111 25%,#1a1a1a,#111 75%);background-size:200% 100%;animation:svelte-hdhoap-shimmer 1.5s infinite}@keyframes svelte-hdhoap-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.section-header.svelte-hdhoap{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}.section-header.spotify.svelte-hdhoap{color:#22c55e}.section-header.spotify.svelte-hdhoap i:where(.svelte-hdhoap){font-size:1.25rem}.section-header.game.svelte-hdhoap{color:#0f8}.section-header.game.svelte-hdhoap i:where(.svelte-hdhoap){font-size:1.125rem}.activity-content.svelte-hdhoap{display:flex;align-items:center;gap:1rem}.activity-image-container.svelte-hdhoap{position:relative;flex-shrink:0}.activity-image.svelte-hdhoap{width:64px;height:64px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000004d;flex-shrink:0}.activity-badge.svelte-hdhoap{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:50%;border:2px solid #111111}.activity-placeholder.svelte-hdhoap{width:64px;height:64px;border-radius:12px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-placeholder.svelte-hdhoap i:where(.svelte-hdhoap){font-size:1.5rem;color:#666}.activity-info.svelte-hdhoap{flex:1;min-width:0}.activity-title.svelte-hdhoap{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-detail.svelte-hdhoap{font-size:.875rem;color:#a0a0a0;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-sub.svelte-hdhoap{font-size:.75rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-container.svelte-hdhoap{margin-top:1rem}.progress-bar.svelte-hdhoap{height:6px;background:#333;border-radius:3px;overflow:hidden}.progress-fill.svelte-hdhoap{height:100%;transition:width 1s linear}.progress-fill.spotify.svelte-hdhoap{background:#22c55e}.progress-time.svelte-hdhoap{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#666}.no-activity.svelte-hdhoap{text-align:center;padding:1.5rem 0}.no-activity-icon.svelte-hdhoap{width:64px;height:64px;border-radius:50%;background:#1a1a1a80;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.no-activity-icon.svelte-hdhoap i:where(.svelte-hdhoap){font-size:1.5rem;color:#666}.no-activity-text.svelte-hdhoap{color:#a0a0a0;font-weight:500;margin-bottom:.25rem}.no-activity-sub.svelte-hdhoap{font-size:.75rem;color:#666}.album-link.svelte-hdhoap{position:relative;display:block;flex-shrink:0}.album-link.svelte-hdhoap .activity-image:where(.svelte-hdhoap){transition:transform .2s ease,box-shadow .2s ease}.album-link.svelte-hdhoap:hover .activity-image:where(.svelte-hdhoap){transform:scale(1.05);box-shadow:0 6px 20px #22c55e4d}.play-overlay.svelte-hdhoap{position:absolute;inset:0;background:#00000080;border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.album-link.svelte-hdhoap:hover .play-overlay:where(.svelte-hdhoap){opacity:1}.play-overlay.svelte-hdhoap i:where(.svelte-hdhoap){font-size:1.5rem;color:#22c55e}.activity-title-link.svelte-hdhoap{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-decoration:none;transition:color .2s ease}.activity-title-link.svelte-hdhoap:hover{color:#22c55e}.activity-meta.svelte-hdhoap{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #222222}.meta-item.svelte-hdhoap{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#666}.meta-item.svelte-hdhoap i:where(.svelte-hdhoap){font-size:.75rem}.meta-item.party.svelte-hdhoap{color:#60a5fa}.meta-item.time.svelte-hdhoap{color:#a78bfa}.social-link.svelte-nbrh1g:hover{background-color:var(--hover-color);box-shadow:0 0 20px color-mix(in srgb,var(--hover-color) 50%,transparent)}.social-link.svelte-nbrh1g:hover i:where(.svelte-nbrh1g){color:#fff}.nav-bar.svelte-ocbj1u{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #222222}.nav-inner.svelte-ocbj1u{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo.svelte-ocbj1u{font-size:1.25rem;font-weight:700;color:#0f8;text-decoration:none;transition:opacity .2s ease}.nav-logo.svelte-ocbj1u:hover{opacity:.8}.nav-logo.svelte-ocbj1u .bracket:where(.svelte-ocbj1u){color:#fff}.nav-links.svelte-ocbj1u{display:none;align-items:center;gap:.5rem}@media(min-width:768px){.nav-links.svelte-ocbj1u{display:flex}}.nav-link.svelte-ocbj1u{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:10px;font-size:.9375rem;color:#a0a0a0;text-decoration:none;transition:all .2s ease}.nav-link.svelte-ocbj1u:hover{color:#fff;background:#ffffff0d}.nav-link.active.svelte-ocbj1u{color:#0f8;background:#00ff881a}.nav-link.svelte-ocbj1u i:where(.svelte-ocbj1u){font-size:.875rem}.mobile-toggle.svelte-ocbj1u{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:10px;border:none;background:transparent;color:#a0a0a0;font-size:1.25rem;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.mobile-toggle.svelte-ocbj1u{display:none}}.mobile-toggle.svelte-ocbj1u:hover{color:#fff;background:#ffffff0d}.mobile-menu.svelte-ocbj1u{position:absolute;top:100%;left:0;right:0;background:#000000f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #222222;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-link.svelte-ocbj1u{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;font-size:1rem;color:#a0a0a0;text-decoration:none;transition:all .2s ease}.mobile-link.svelte-ocbj1u:hover{color:#fff;background:#ffffff0d}.mobile-link.active.svelte-ocbj1u{color:#0f8;background:#00ff881a}@media(min-width:1440px){.nav-inner.svelte-ocbj1u{max-width:1200px}}@media(min-width:1920px){.nav-inner.svelte-ocbj1u{max-width:1320px}}@media(min-width:2560px){.nav-inner.svelte-ocbj1u{max-width:1480px;padding:1rem 2.5rem}}