.profile-card{--pd-bg:var(--color-background,#000);--pd-text:var(--color-text,#f0f2f5);--pd-muted:var(--color-text-dim,#a8b3cf);--pd-surface:var(--surface-low,#111114);--pd-surface-raised:var(--surface-high,#1a1a1e);--pd-border:var(--color-border,#ffffff1a);--pd-accent:var(--primary-color,#00f0ff);--pd-accent-bg:#00f0ff14;--pd-danger:#ef4444;--pd-font:var(--font-satoshi,"Satoshi", sans-serif);--pd-font-body:var(--font-body,"Quicksand", sans-serif);z-index:1100;background:var(--pd-bg);border:1px solid var(--pd-border);width:min(360px,100vw - 24px);color:var(--pd-text);font-family:var(--pd-font);opacity:0;border-radius:16px;position:absolute;top:calc(100% + 10px);right:0;transform:scale(.96)translateY(-4px);box-shadow:0 8px 24px -6px #0000004d,0 32px 64px -12px #00000080}.profile-card:before{content:"";background:var(--pd-bg);border-left:1px solid var(--pd-border);border-top:1px solid var(--pd-border);border-radius:2px 0 0;width:10px;height:10px;position:absolute;top:-5px;right:22px;transform:rotate(45deg)}[data-theme=light] .profile-card{box-shadow:0 4px 16px -4px #0000000f,0 24px 48px -8px #00000014}.profile-content{flex-direction:column;gap:0;padding:16px;display:flex}.profile-divider{background:var(--pd-border);height:1px;margin:8px 0}.identity-section{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex;position:relative}.identity-section:hover{border-color:#00f0ff33}.avatar-wrapper{flex-shrink:0;width:52px;height:52px;position:relative}.avatar-ring{background:var(--pd-accent-bg);border-radius:50%;width:100%;height:100%;padding:1px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;box-shadow:0 0 0 1px #ffffff0f}.avatar-wrapper:hover .avatar-ring{transform:scale(1.05);box-shadow:0 0 16px #00f0ff26,0 0 0 1px #ffffff1f}[data-theme=light] .avatar-ring{background:linear-gradient(135deg, var(--pd-accent), #10e9f933)}.avatar-container{cursor:pointer;background:var(--pd-surface-raised);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:filter .25s,transform .25s}.avatar-container:hover .avatar-image{filter:brightness(.5);transform:scale(1.06)}.avatar-hover-overlay{opacity:0;color:#fff;background:#0000004d;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-container:hover .avatar-hover-overlay{opacity:1}.status-logo{background:var(--pd-bg);border:2px solid var(--pd-bg);object-fit:contain;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;bottom:-1px;right:-1px;box-shadow:0 2px 6px #0000004d}.avatar-wrapper:hover .status-logo{transform:scale(1.1)rotate(-5deg)}.user-info{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:0;display:flex}.name-row{align-items:center;gap:6px;display:flex}.user-name{color:var(--pd-text);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;line-height:1.2;overflow:hidden}.verified-badge-icon{flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.verified-badge-icon:hover{transform:scale(1.2)rotate(5deg)}.verification-badge-wrap{cursor:default;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.verification-badge-wrap:after{content:attr(data-tooltip);border:1px solid var(--pd-border);color:var(--pd-text);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#0a0a0cf5;border-radius:4px;padding:8px;font-size:.75rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.verification-badge-wrap:before{content:"";border-left:1px solid var(--pd-border);border-top:1px solid var(--pd-border);opacity:0;pointer-events:none;z-index:19;background:#0a0a0cf5;border-radius:15px;width:8px;height:8px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)translateY(4px)rotate(45deg)}.verification-badge-wrap:hover:after,.verification-badge-wrap:hover:before,.verification-badge-wrap:focus-visible:after,.verification-badge-wrap:focus-visible:before{opacity:1;transform:translate(-50%)translateY(0)}.verify-action{cursor:pointer;color:var(--pd-muted)}.verify-action:hover{color:var(--pd-accent);transform:scale(1.08)rotate(-3deg)}.verification-badge-wrap:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #00f0ff59}.top-edit-btn{cursor:pointer;width:28px;height:28px;color:var(--pd-muted);opacity:.6;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:inline-flex}.identity-section:hover .top-edit-btn{opacity:1}.top-edit-btn:hover{background:var(--pd-accent-bg);border-color:var(--pd-accent);color:var(--pd-accent);opacity:1}.user-email{color:var(--pd-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;line-height:1.3;font-family:var(--pd-font-body);margin-top:2px;overflow:hidden}.verify-status{letter-spacing:.01em;align-items:center;gap:4px;margin-top:6px;font-size:.7rem;font-weight:600;line-height:1.2;display:inline-flex}.verify-status--verified{color:var(--pd-accent);opacity:.85}.verify-status-icon{flex-shrink:0}.verify-status--verified .verify-status-icon{color:var(--pd-accent)}.verify-status--unverified{color:var(--pd-muted);opacity:.7;cursor:pointer;padding-bottom:1px;transition:all .2s}.verify-status--unverified:hover{opacity:1;color:#f59e0b}.verify-status--unverified .verify-status-icon{color:#f59e0b;opacity:.7;transition:opacity .2s}.verify-status--unverified:hover .verify-status-icon{opacity:1}.user-meta-info{border-top:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;padding-top:6px;display:flex}.meta-row-item{color:var(--pd-muted);background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:0;font-size:.85rem;font-weight:600;line-height:1.3;transition:color .2s;display:inline-flex}.meta-row-item:hover{color:var(--pd-accent)}.meta-row-item:after{content:"";display:none}.meta-row-item:last-child:after{display:none}.meta-icon{opacity:.6;flex-shrink:0;transition:opacity .2s}.meta-row-item:hover .meta-icon{opacity:.9}.flag-wrap{align-items:center;gap:3px;display:inline-flex}.country-flag-icon{object-fit:cover;box-shadow:none;border-radius:2px}.bio-section{border-top:none;margin-top:0;padding:14px 16px;position:relative}.details-section{flex-direction:column;gap:10px;width:100%;padding:8px 12px 14px;display:flex}.details-section+.profile-divider,.profile-divider+.details-section{display:none}.bio-section-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.bio-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--pd-muted);font-size:.64rem;font-weight:700}.bio-section-meta{color:var(--pd-muted);font-size:.64rem;font-weight:600;font-family:var(--pd-font-body)}.bio-text{color:var(--pd-text);font-size:.8rem;line-height:1.5;font-family:var(--pd-font-body);margin:0;font-weight:400}.bio-text--filled{color:var(--pd-text)}.bio-text--editing{color:var(--pd-muted);font-size:.76rem}.bio-empty-state{width:100%;color:var(--pd-muted);font-family:var(--pd-font-body);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s;display:block}.bio-empty-state:hover{color:var(--pd-text)}.bio-empty-state-copy{color:inherit;font-size:.78rem;line-height:1.45}.inline-bio-edit{border:1px solid var(--pd-border);background:var(--pd-bg);width:100%;min-height:50px;color:var(--pd-text);resize:vertical;font-size:.8rem;font-family:var(--pd-font-body);border-radius:8px;outline:none;padding:10px 12px;line-height:1.5;transition:border-color .2s}.inline-bio-edit:focus{border-color:var(--pd-accent)}.inline-bio-edit::placeholder{color:var(--pd-muted);opacity:.5}.menu-options{flex-direction:column;gap:2px;display:flex}.menu-item{cursor:pointer;width:100%;color:var(--pd-text);font-family:var(--pd-font);background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 8px;transition:background .15s,padding .15s;display:flex}.menu-item:hover{background:var(--pd-surface);padding-left:10px}.menu-left{align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:flex}.menu-left svg{color:var(--pd-muted);transition:color .15s}.menu-item:hover .menu-left svg{color:var(--pd-accent)}.menu-right{align-items:center;gap:8px;display:flex}.chevron{color:var(--pd-muted);opacity:.3;transition:all .2s}.menu-item:hover .chevron{opacity:.7;color:var(--pd-accent);transform:translate(3px)}.menu-right .badge{background:var(--pd-accent-bg);min-width:20px;height:20px;color:var(--pd-accent);border-radius:5px;justify-content:center;align-items:center;margin-bottom:0;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.appearance-section{justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;display:flex}.section-label{color:var(--pd-muted);opacity:.7;white-space:nowrap;font-size:.75rem;font-weight:600}.theme-switcher{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:10px;gap:3px;padding:3px;display:flex}.theme-btn{cursor:pointer;height:28px;color:var(--pd-muted);white-space:nowrap;font-size:.7rem;font-weight:500;font-family:var(--pd-font);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 9px;transition:all .2s;display:flex}.theme-btn:hover{color:var(--pd-text)}.theme-btn.active{background:var(--pd-bg);color:var(--pd-text);box-shadow:0 1px 2px #0000001a}.location-edit-panel{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex}.edit-panel-header{flex-direction:column;gap:6px;display:flex}.edit-panel-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--pd-muted);opacity:.7;font-size:.62rem;font-weight:700}.edit-panel-title{color:var(--pd-text);margin:0;font-size:.95rem;font-weight:700;line-height:1.25}.edit-panel-copy{color:var(--pd-muted);max-width:34ch;margin:0;font-size:.76rem;line-height:1.45}.edit-panel-grid{flex-direction:column;gap:14px;display:flex}.edit-field{flex-direction:column;gap:6px;display:flex}.edit-field--bio{margin-top:2px}.detail-label{color:var(--pd-muted);opacity:.6;letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:700}.edit-input{border:1px solid var(--pd-border);background:var(--pd-bg);height:36px;color:var(--pd-text);font-size:.78rem;font-family:var(--pd-font);border-radius:9px;outline:none;padding:0 11px;transition:border-color .2s,box-shadow .2s}.edit-input:focus{border-color:var(--pd-accent);box-shadow:0 0 0 3px #00f0ff14}.edit-input::placeholder{color:var(--pd-muted);opacity:.5}.edit-field-hint{color:var(--pd-muted);opacity:.7;justify-content:space-between;gap:12px;font-size:.64rem;font-weight:600;display:flex}.country-field-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.country-field-row .country-dropdown{flex:1;min-width:0;position:relative}.country-select-trigger{align-items:center;display:flex;position:relative}.country-select-trigger .country-search-input{width:100%;padding-right:28px}.country-chevron{color:var(--pd-muted);pointer-events:none;opacity:.5;transition:transform .2s;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.country-chevron.rotated{transform:translateY(-50%)rotate(180deg)}.country-dropdown-menu{background:var(--pd-bg);border:1px solid var(--pd-border);z-index:100;border-radius:10px;max-height:180px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px -8px #0006}.country-option{color:var(--pd-text);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 9px;font-size:.75rem;transition:background .1s;display:flex}.country-option-label{align-items:center;gap:7px;display:inline-flex}.country-option:hover{background:var(--pd-surface)}.country-option.selected{background:var(--pd-accent-bg);color:var(--pd-accent);font-weight:600}.country-option.no-results{color:var(--pd-muted);cursor:default;justify-content:center;padding:12px;font-style:italic}.detect-location-btn{border:1px solid var(--pd-border);background:var(--pd-bg);width:36px;height:36px;color:var(--pd-muted);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.detect-location-btn:hover{background:var(--pd-accent-bg);color:var(--pd-accent);border-color:var(--pd-accent)}.auto-detect-pill{background:var(--pd-accent-bg);color:var(--pd-accent);letter-spacing:.03em;white-space:nowrap;border-radius:5px;flex-shrink:0;align-items:center;padding:3px 7px;font-size:.55rem;font-weight:700;display:inline-flex}.timezone-select-wrap{border:1px solid var(--pd-border);background:var(--pd-bg);border-radius:9px;width:100%;padding:5px 11px}.timezone-select-wrap>*{width:100%}.edit-actions{justify-content:flex-end;gap:8px;margin-top:2px;padding-top:2px;display:flex}.edit-secondary-btn,.edit-primary-btn{cursor:pointer;height:32px;font-size:.75rem;font-weight:600;font-family:var(--pd-font);border-radius:8px;padding:0 14px;transition:all .15s}.edit-secondary-btn{border:1px solid var(--pd-border);color:var(--pd-muted);background:0 0}.edit-secondary-btn:hover{background:var(--pd-surface-raised)}.edit-primary-btn{background:var(--pd-accent);color:#000;border:none}.edit-primary-btn:hover{background:#00d4e0;box-shadow:0 4px 12px #00f0ff40}.logout-row{cursor:pointer;width:100%;color:var(--pd-danger);font-size:.82rem;font-weight:600;font-family:var(--pd-font);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 8px;transition:background .15s,padding .15s;display:flex}.logout-row:hover{background:#ef444414;padding-left:10px}.logout-icon{transition:transform .15s}.logout-row:hover .logout-icon{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.profile-card{opacity:1;transform:none}.avatar-ring,.avatar-wrapper:hover .avatar-ring,.avatar-container .avatar-image,.avatar-hover-overlay,.avatar-wrapper .status-logo,.verified-badge-icon,.top-edit-btn,.inline-bio-edit,.meta-row-item,.meta-row-item .meta-icon,.bio-section:before,.bio-text-muted,.bio-text-muted:before,.verify-status--unverified,.verify-status--unverified .verify-status-icon,.menu-item,.menu-item .chevron,.logout-row,.logout-row .logout-icon{transition:none!important;transform:none!important}}@media (max-width:480px){.profile-card{width:calc(100vw - 20px)}.identity-section{gap:12px;padding:14px}.avatar-wrapper{width:52px;height:52px}.user-name{font-size:.95rem}.meta-row-item{font-size:.75rem}.bio-section{padding:12px 14px}.bio-empty-state-copy{font-size:.75rem}.location-edit-panel{padding:12px}.edit-panel-copy{max-width:none}.edit-field-hint{flex-direction:column;gap:4px}.profile-content{padding:14px}}
:root{--nav-bg-start:#28282b;--nav-bg-end:#232323;--nav-border:#ffffff14;--nav-text-inactive:#ffffffe6;--nav-text-active:#fff;--nav-icon-inactive:#ffffffe6;--nav-icon-active:#000;--nav-shadow:#0006;--nav-glass-bg:#28282bd9}[data-theme=light]{--nav-bg-start:#fff;--nav-bg-end:#f4f4f4;--nav-border:#00000014;--nav-text-inactive:#000000e6;--nav-text-active:#000;--nav-icon-inactive:#000000e6;--nav-icon-active:#fff;--nav-shadow:#0000001a;--nav-glass-bg:#ffffffd9}.premium-mobile-nav{left:50%;bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:9999;width:min(100% - 1.25rem,25.5rem);height:66px;filter:drop-shadow(0 14px 28px var(--nav-shadow));border-radius:35px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s;animation:.6s cubic-bezier(.16,1,.3,1) forwards navFadeUp;display:none;position:fixed;transform:translate(-50%)}body.header-is-hidden .premium-mobile-nav{pointer-events:none;opacity:0!important;transform:translate(-50%)translateY(130px)!important}@keyframes navFadeUp{0%{opacity:0;transform:translate(-50%)translateY(30px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.nav-bg-svg{pointer-events:none;z-index:1;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}.nav-floating-indicator{pointer-events:none;z-index:2;background:linear-gradient(135deg,#00f0ff,#00c6ff);border-radius:50%;width:48px;height:48px;position:absolute;top:-24px;left:0;box-shadow:0 4px 16px #00f0ff66}.nav-items-container{z-index:3;width:100%;height:100%;display:flex;position:relative}.nav-item-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.nav-item-btn:focus-visible{border-radius:16px;outline:2px solid #00f0ff;box-shadow:inset 0 0 0 2px #fff3}.icon-wrap{color:var(--nav-icon-inactive);will-change:transform, color, opacity;justify-content:center;align-items:center;transition:color .4s;display:flex;position:absolute;top:18px}.nav-item-btn.active .icon-wrap{color:var(--nav-icon-active)}.nav-label{font-family:var(--font-space), sans-serif;letter-spacing:.02em;color:var(--nav-text-inactive);will-change:transform, color, opacity;font-size:.7rem;font-weight:500;transition:color .4s;position:absolute;bottom:8px}.nav-item-btn.active .nav-label{color:var(--nav-text-active)}@media (max-width:768px){.premium-mobile-nav{display:block}}@media (max-width:380px){.premium-mobile-nav{border-radius:33px;width:calc(100% - .5rem);height:64px}.nav-bg-svg{border-radius:33px}}.mobile-more-menu{bottom:calc(max(12px, env(safe-area-inset-bottom,0px)) + 80px);background:var(--nav-glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--nav-border);z-index:9998;box-shadow:0 10px 24px var(--nav-shadow), inset 0 1px 0 #ffffff0d;opacity:0;pointer-events:none;transform-origin:100% 100%;border-radius:16px;flex-direction:column;min-width:170px;padding:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;right:max(.5rem,50% - 11.75rem);transform:translateY(20px)scale(.95)}.mobile-more-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mobile-more-menu ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mobile-more-menu a{color:var(--nav-text-inactive);font-family:var(--font-space), sans-serif;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.mobile-more-menu a:active{transform:scale(.96)}.mobile-more-menu a.active,.mobile-more-menu a:hover,.mobile-more-menu a:active{color:var(--nav-text-active);background:#00f0ff1a}.mobile-more-menu a svg{color:var(--nav-text-inactive);transition:color .2s}.mobile-more-menu a.active svg,.mobile-more-menu a:hover svg,.mobile-more-menu a:active svg{color:#00f0ff}@media (min-width:769px){.mobile-more-menu{display:none!important}}
:root{--glass-bg:#ffffff0f;--glass-border:#ffffff1f;--glass-glow:#00f0ff73;--bottomnav-bg:#101116;--bottomnav-border:#ffffff17;--bottomnav-shadow:0 18px 50px #00000061;--bottomnav-inset-shadow:0 2px 0 #ffffff08 inset;--bottomnav-item-color:#ffffff6b;--bottomnav-item-hover-color:#ffffffb8;--bottomnav-item-active-color:#fff;--bottomnav-focus-ring:#00f0ff59;--bottomnav-circle-bg:linear-gradient(180deg, #34f3ff 0%, #00bfd2 100%);--bottomnav-circle-border:#0a0a0af5;--bottomnav-circle-shadow:0 10px 24px #00f0ff57;--bottomnav-icon-active-color:#0a1114;--bottomnav-label-active-color:#fff;--bottomnav-ripple:#00f0ff2e;--bottomnav-hover-tint:#ffffff0f;--bottomnav-dropdown-bg:#0f0f0ff5;--bottomnav-dropdown-border:#ffffff1a;--bottomnav-dropdown-shadow:0 14px 34px #00000073;--bottomnav-dropdown-link-color:#ffffffbf;--bottomnav-dropdown-link-active-bg:#ffffff1a;--bottomnav-dropdown-link-active-color:#fff;--bottomnav-dropdown-arrow-bg:#0f0f0ff2;--bottomnav-dropdown-arrow-border:#ffffff1a;--bottomnav-goo-base:#101116;--bottomnav-goo-shadow:#0000004d}[data-theme=light]{--bottomnav-bg:#fff;--bottomnav-border:#0000000a;--bottomnav-shadow:0 18px 50px #00000014;--bottomnav-inset-shadow:0 1px 0 #fff inset;--bottomnav-item-color:#00000073;--bottomnav-item-hover-color:#000000b3;--bottomnav-item-active-color:#000;--bottomnav-focus-ring:#0000001a;--bottomnav-circle-bg:#fff;--bottomnav-circle-border:#0000000a;--bottomnav-circle-shadow:0 4px 14px #00000014;--bottomnav-icon-active-color:#000;--bottomnav-label-active-color:#000;--bottomnav-ripple:#0000000d;--bottomnav-hover-tint:#0000000a;--bottomnav-dropdown-bg:#fffffffa;--bottomnav-dropdown-border:#00000014;--bottomnav-dropdown-shadow:0 14px 34px #0000001f;--bottomnav-dropdown-link-color:#000000b3;--bottomnav-dropdown-link-active-bg:#0000000d;--bottomnav-dropdown-link-active-color:#000;--bottomnav-dropdown-arrow-bg:#fffffffa;--bottomnav-dropdown-arrow-border:#00000014;--bottomnav-goo-base:#f5f5f5;--bottomnav-goo-shadow:#0000000d}@keyframes headerFallDown{0%{opacity:0;top:-100px}to{opacity:1;top:10px}}.site-header{-webkit-backdrop-filter:blur(12px);z-index:1000;color:#fff;background:#000c;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;width:99%;max-width:99%;height:65px;margin:0 auto;padding:0 1.5rem;transition:width .5s cubic-bezier(.33,1,.68,1),top .5s cubic-bezier(.33,1,.68,1),background-color .4s,opacity .35s;display:flex;position:fixed;top:10px;left:0;right:0}.site-header.header-enter{animation:.8s cubic-bezier(.16,1,.3,1) headerFallDown}.site-header.scrolled{-webkit-backdrop-filter:blur(12px);background:#000;border:1px solid #ffffff14;border-radius:12px;width:95%;max-width:1600px;padding:0 1.5rem;top:10px;box-shadow:0 12px 40px #0000004d}.site-header.header-hidden{opacity:0;pointer-events:none;top:-100px}@media (max-width:768px){.site-header{border-radius:0;width:100%;left:0;transform:translateY(0)}.site-header.header-hidden{opacity:0;transform:translateY(-200%)}@keyframes headerFallDown{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}}.left-container{z-index:10002;justify-self:start;align-items:center;gap:1rem;min-width:0;display:flex}.middle-container{justify-content:center;justify-self:center;align-items:center;display:flex}.right-container{justify-self:end;align-items:center;gap:1.5rem;display:flex;position:relative}.header-logo #logo{object-fit:contain;filter:contrast(100)brightness(100);flex-shrink:0;width:auto;height:42px;position:relative;bottom:3px}.header-logo{flex-shrink:1;align-items:center;gap:0;min-width:0;font-family:Russo One,sans-serif;font-size:1.3rem;font-weight:400;text-decoration:none;display:flex;position:relative}[data-theme=dark] .header-logo,[data-theme=light] .header-logo{color:var(--color-text)}.header-logo span{white-space:nowrap;line-height:1}.hopper-text{background:linear-gradient(135deg,#00f0ff 0%,#09c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.navbar-container{display:flex}.main-nav{justify-content:center;display:flex}.main-nav ul{align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-btn{text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin:0 10px;padding:6px 2px;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex;position:relative;min-width:auto!important}.nav-btn:hover,.nav-btn.active{color:#00f0ff;background:0 0}.nav-btn:after{content:"";transform-origin:100%;background-color:#00f0ff;width:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-btn:hover:after{transform-origin:0;transform:scaleX(1)}.nav-btn.active:after{background-color:#00f0ff;transform:scaleX(1)}.collections-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;align-items:center;padding:0 10px;transition:opacity .2s,transform .2s;display:flex}.collections-btn:hover{color:var(--primary-color);transform:translateY(-2px)}.collections-svg{transition:color .3s}.sign-btn{flex-shrink:0;align-items:center;gap:.5rem;display:flex;position:relative}.sign-btn-join{cursor:pointer;color:#fff;font-family:var(--font-space), sans-serif;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #fff3;border-radius:18px;outline:none;flex-shrink:0;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;transform:translateZ(0)}.sign-btn-join:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.sign-btn-join:active{transform:translateY(0)}.sign-btn-login{cursor:pointer;color:#ffffffa6;font-family:var(--font-space), sans-serif;letter-spacing:.02em;white-space:nowrap;background:0 0;border:none;border-radius:18px;outline:none;flex-shrink:0;padding:.55rem 1rem;font-size:.9rem;font-weight:600;transition:color .2s,transform .2s;transform:translateZ(0)}.sign-btn-login:hover{color:#fff;transform:translateY(-1px)}.sign-btn-login:active{transform:translateY(0)}.sign-btn button:not(.sign-btn-join):not(.sign-btn-login){cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:none;border:1px solid var(--glass-border);color:#e1e0e0;font-family:var(--font-space), sans-serif;letter-spacing:.02em;border-radius:18px;outline:none;padding:.6rem 1.4rem;font-size:1rem;font-weight:700;transition:color .3s,transform .3s}.sign-btn button:not(.sign-btn-join):not(.sign-btn-login):hover{color:#00f0ff;border-color:#00f0ff;transform:translateY(-2px)scale(1.03)}.sign-btn button:not(.sign-btn-join):not(.sign-btn-login):active{transform:translateY(0)scale(.98)}.hamburger{cursor:pointer;z-index:10002;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .2s;display:none;position:relative}.hamburger:active{transform:scale(.96)}.ham-line{transform-origin:50%;background:#fff;border-radius:999px;width:20px;height:2px;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .25s,width .25s;display:block;position:absolute}.ham-line:first-child{transform:translateY(-6px)}.ham-line:nth-child(2){width:14px;right:8px}.ham-line:nth-child(3){transform:translateY(6px)}.hamburger.is-open .ham-line:first-child{transform:translateY(0)rotate(45deg)}.hamburger.is-open .ham-line:nth-child(2){opacity:0;width:0}.hamburger.is-open .ham-line:nth-child(3){transform:translateY(0)rotate(-45deg)}.profile-wrapper{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.profile-wrapper:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#00f0ff,#09c);border-radius:50%;padding:1.5px;transition:all .4s cubic-bezier(.23,1,.32,1);position:absolute;inset:-3px;transform:scale(.9);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-wrapper:hover{border-color:#00f0ff4d;transform:scale(1.08)translateY(-2px)}.profile-wrapper:hover:before{opacity:1;transform:scale(1)}.status-indicator{z-index:10;background:#10b981;border:1px solid #000;border-radius:50%;width:11px;height:11px;transition:all .3s;position:absolute;bottom:1px;right:1px}.profile-wrapper:hover .status-indicator{transform:scale(1.2);box-shadow:0 0 8px #10b981}.profile-inner{z-index:1;background-color:#050505;border-radius:50%;width:100%;height:100%;transition:all .4s;position:relative;overflow:hidden}.profile-wrapper:hover .profile-inner{transform:scale(.94)}.profile-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.profile-wrapper:hover .profile-img{transform:scale(1.1)}.mobile-menu-overlay{z-index:10000;pointer-events:none;visibility:hidden;position:fixed;inset:0}.mobile-menu-overlay.open{visibility:visible;pointer-events:auto}.mobile-menu-overlay:before{content:"";opacity:0;background:#00000080;transition:opacity .35s;position:absolute;inset:0}.mobile-menu-overlay.open:before{opacity:1}.mobile-menu-panel{will-change:transform;z-index:1;background:#0a0a0a;border-right:1px solid #ffffff12;flex-direction:column;width:min(300px,82vw);height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;transform:translate(-100%)}.mobile-menu-overlay.open .mobile-menu-panel{transform:translate(0)}.mobile-menu-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:.5rem;transition:opacity .2s;display:flex}.mobile-menu-close:hover{opacity:1}.mobile-menu-header{border-bottom:1px solid #ffffff0f;align-items:center;height:65px;padding:0 1.5rem;display:flex}.mobile-nav{flex:1;padding:.5rem 0;overflow-y:auto}.mobile-nav ul{margin:0;padding:0;list-style:none}.mobile-nav ul li{opacity:1;transition:all .3s;transform:none}.mobile-menu-overlay.open .mobile-nav ul li{opacity:1;transform:none}.mobile-nav-link{font-family:var(--font-space), sans-serif;letter-spacing:.02em;color:#ffffff8c;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s,padding-left .2s;display:flex}.mobile-nav-link:after{content:"→";opacity:0;font-size:.8rem;transition:opacity .2s,transform .2s;transform:translate(-4px)}.mobile-nav-link:hover,.mobile-nav-link.active{color:#fff;padding-left:1.75rem}.mobile-nav-link:hover:after,.mobile-nav-link.active:after{opacity:.4;transform:translate(0)}@media (max-width:1200px){.site-header{gap:1rem;padding:0 1.5rem}.left-container,.main-nav ul{gap:.8rem}.nav-btn{font-size:.78rem}}@media (max-width:992px){.site-header{padding:0 1rem}.left-container{flex:0 auto;max-width:210px}.header-logo{gap:.15rem}.header-logo span{font-size:1.1rem}.main-nav ul{gap:.6rem}.nav-btn{font-size:.75rem}}@media (max-width:1250px){.hamburger{display:flex}.desktop-nav,.middle-container{display:none}.right-container{gap:.75rem}}@media (max-width:768px){.site-header.mobile-search-active{background:0 0;border-bottom-color:#0000}.site-header.mobile-search-active>.left-container,.site-header.mobile-search-active>.middle-container,.site-header.mobile-search-active>.right-container{opacity:0;pointer-events:none}.site-header{opacity:1;background:#0009;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;width:100%;max-width:none;height:64px;padding:0 1rem;animation:none;top:0;left:0;transform:none!important}.site-header.scrolled{width:100%;max-width:none;box-shadow:none;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:0 1rem;top:0;left:0;transform:none!important}.header-logo{gap:.28rem}.header-logo span{line-height:.9;display:block}.site-header.mobile-search-active .header-logo span{display:none}.right-container{gap:.75rem}.profile-box-container{width:18rem;right:.5rem}}@media (max-width:600px){.sign-btn-login{display:none}}@media (max-width:480px){.site-header{height:65px;padding:0 .8rem}.header-logo #logo{width:auto;height:36px}.header-logo span{line-height:.88}.profile-box-container{width:16rem;right:.3rem}.sign-btn-join{padding:.45rem .85rem;font-size:.78rem}.profile-wrapper,.profile-inner{width:38px;height:38px}}@media (min-width:769px) and (max-width:1250px){.site-header{padding:0 1.5rem}.left-container{gap:1.2rem}.main-nav ul{gap:.8rem}.nav-btn{font-size:.78rem}}@media (min-width:1400px){.left-container{gap:2rem}.nav-btn{font-size:.85rem}}.nav-dropdown{padding:10px 0;position:relative}.dropdown-trigger{border-color:#0000;justify-content:center;align-items:center;gap:6px;display:inline-flex}.nav-dropdown:hover .dropdown-trigger{color:#fff}.dropdown-icon{opacity:.6;transition:transform .3s cubic-bezier(.23,1,.32,1)}.nav-dropdown:hover .dropdown-icon{opacity:1;transform:rotate(180deg)}.dropdown-menu{-webkit-backdrop-filter:blur(32px)saturate(150%);opacity:0;visibility:hidden;z-index:1000;background:#0a0a0f;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:6px;min-width:180px;padding:8px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff08}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-item{font-family:var(--font-space), sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3;text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;padding:10px 16px;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.dropdown-item:hover{color:#fff;background:#ffffff1f;border-color:#ffffff26}@media (max-width:768px){.nav-dropdown{display:none}}.theme-toggle-btn{cursor:pointer;color:#ffffff8c;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:6px 8px;transition:color .2s,background .2s;display:flex}.theme-toggle-btn:hover{color:#fff;background:#ffffff14}@keyframes theme-icon-spin{0%{transform:rotate(0)scale(1)}35%{transform:rotate(180deg)scale(.65)}70%{transform:rotate(330deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.theme-toggle-btn.spinning svg{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards theme-icon-spin}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:.5s cubic-bezier(.22,1,.36,1) forwards theme-circle-reveal}@keyframes theme-circle-reveal{0%{clip-path:circle(0% at var(--toggle-x,95%) var(--toggle-y,36px))}to{clip-path:circle(150% at var(--toggle-x,95%) var(--toggle-y,36px))}}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}[data-theme=light]{--glass-bg:#ffffffd9;--glass-border:#00000014;--glass-glow:#09b3}[data-theme=light] .site-header{color:#0d1117;background:#f0f4f8f7;border-bottom-color:#0000000f}[data-theme=light] .site-header.scrolled{background:#f5f7faf2;border-color:#00000014;box-shadow:0 8px 32px #00000014}[data-theme=light] .nav-btn{color:#0d1117bf;background:0 0}[data-theme=light] .nav-btn:hover,[data-theme=light] .nav-btn.active{color:#00b4d8;background:0 0}[data-theme=light] .nav-btn:after{background-color:#00b4d8}[data-theme=light] .ham-line{background:#0d1117}[data-theme=light] .mobile-menu-panel{background:#f5f7fa;border-right-color:#0000000f}[data-theme=light] .mobile-menu-header{border-bottom-color:#0000000d}[data-theme=light] .mobile-nav-link{color:#0d111799;border-bottom-color:#0000000a}[data-theme=light] .mobile-nav-link:hover,[data-theme=light] .mobile-nav-link.active{color:#0d1117}[data-theme=light] .sign-btn-login{color:#0d1117a6}[data-theme=light] .sign-btn-login:hover{color:#0d1117}[data-theme=light] .sign-btn-join{color:#0d1117;background:#0d11170d;border-color:#0d111733}[data-theme=light] .sign-btn-join:hover{background:#0d11171a;border-color:#0d111766}[data-theme=light] .dropdown-menu{background:#f5f7faf2;border-color:#00000014;box-shadow:0 25px 50px -12px #0000001f,0 0 0 1px #0000000a}[data-theme=light] .dropdown-item{color:#0d1117b3;background:#0000000a;border-color:#0000000f}[data-theme=light] .dropdown-item:hover{color:#0d1117;background:#00000014;border-color:#0000001f}[data-theme=light] .profile-inner{background-color:#e8f0fe}[data-theme=light] .theme-toggle-btn{color:#0d111780}[data-theme=light] .theme-toggle-btn:hover{color:#0d1117;background:#0000000f}[data-theme=light] .mobile-menu-overlay:before{background:#00000040}@keyframes bottomNavRise{0%{opacity:0;transform:translate(-50%)translateY(28px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes bottomNavRipple{0%{opacity:.5;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}.mobile-bottom-nav{left:50%;bottom:max(12px, env(safe-area-inset-bottom,0px));background:var(--bottomnav-bg);width:min(100% - 1.25rem,25.5rem);height:66px;box-shadow:none;filter:drop-shadow(0 12px 24px #0000001f);z-index:9999;view-transition-name:mobile-bottom-nav;border:0;border-radius:35px;justify-content:space-between;align-items:stretch;gap:.15rem;padding:0;animation:.55s cubic-bezier(.16,1,.3,1) .15s both bottomNavRise;display:none;position:fixed;overflow:visible;transform:translate(-50%);-webkit-mask-image:radial-gradient(36px at 50% 4px,#0000 100%,#000 100%);mask-image:radial-gradient(36px at 50% 4px,#0000 100%,#000 100%)}.mobile-bottom-nav[data-active=search] .bottom-nav-bump{opacity:0!important}.bottom-nav-item.center-notch{justify-content:flex-end;padding-bottom:8px;position:relative;overflow:visible}.bottom-nav-item.center-notch:before{content:"";background:var(--bottomnav-circle-bg);z-index:2;pointer-events:none;border:none;border-radius:50%;width:58px;height:58px;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.bottom-nav-item.center-notch .bottom-nav-icon{z-index:3;color:var(--bottomnav-icon-active-color);transition:transform .2s;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bottom-nav-item.center-notch.active .bottom-nav-icon{transform:translate(-50%)scale(1.1)}.bottom-nav-item.center-notch>span.imagine-label{z-index:3;color:var(--bottomnav-label-active-color);margin-top:auto;font-weight:700;position:relative;transform:none}.bottom-nav-item.center-notch.active>span.imagine-label{transform:none}.bottom-nav-bump{opacity:0;--bump-x:0px;filter:none;z-index:1;pointer-events:none;transition:opacity .28s,filter .28s;position:absolute;inset:0}.bottom-nav-bump.is-visible{opacity:1}.bottom-nav-pill{display:none}.bottom-nav-halo{background:var(--bottomnav-goo-base);width:68px;height:68px;transform:translateX(var(--bump-x));will-change:transform;border-radius:50%;margin-left:-34px;transition:transform .52s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-20px;left:50%}.bottom-nav-item{z-index:2;min-width:0;height:100%;min-height:48px;color:var(--bottomnav-item-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:16px;outline:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0 4px;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),color .2s,background-color .2s;display:flex;position:relative;overflow:visible}.bottom-nav-item:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:0;background:0 0;transition:opacity .18s;position:absolute;inset:0}.bottom-nav-item:hover:after,.bottom-nav-item:focus-visible:after{opacity:1}.bottom-nav-item:focus-visible{box-shadow:0 0 0 2px var(--bottomnav-focus-ring)}.bottom-nav-item:active:after{background:var(--bottomnav-ripple);opacity:1}.bottom-nav-icon{z-index:3;transition:transform .22s cubic-bezier(.16,1,.3,1),color .2s,opacity .2s;position:relative}.bottom-nav-item>span:last-of-type{z-index:3;font-family:var(--font-space), sans-serif;letter-spacing:.03em;font-size:.62rem;font-weight:500;line-height:1;transition:transform .22s cubic-bezier(.16,1,.3,1),color .2s,font-weight .2s;position:relative}.bottom-nav-item:before{content:none}.bottom-nav-item.active{color:var(--bottomnav-item-active-color);gap:7px}.bottom-nav-item.active .bottom-nav-icon{color:var(--bottomnav-label-active-color);transform:translateY(-16px)scale(1.02)}.bottom-nav-item.active>span:last-of-type{color:var(--bottomnav-label-active-color);font-weight:700;transform:translateY(-10px)}.bottom-nav-item.active .plus-icon{transition-delay:60ms;transform:translateY(-16px)rotate(45deg)}.bottom-nav-item:hover{color:var(--bottomnav-item-hover-color)}.bottom-nav-item:hover:not(.active) .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-item:active:not(.active) .bottom-nav-icon{transform:scale(.92)}@media (max-width:768px){.mobile-bottom-nav{display:flex}.hamburger{display:none!important}}.bottom-inverted-dropdown{background:var(--bottomnav-dropdown-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bottomnav-dropdown-border);width:192px;box-shadow:var(--bottomnav-dropdown-shadow);transform-origin:100% 100%;opacity:0;pointer-events:none;z-index:10001;border-radius:16px;flex-direction:column;gap:4px;padding:.5rem;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:calc(100% + 12px);right:.8rem;transform:translateY(10px)scale(.96)}.bottom-inverted-dropdown:after{content:"";background:var(--bottomnav-dropdown-arrow-bg);border-right:1px solid var(--bottomnav-dropdown-arrow-border);border-bottom:1px solid var(--bottomnav-dropdown-arrow-border);width:12px;height:12px;position:absolute;bottom:-6px;right:22px;transform:rotate(45deg)}.bottom-inverted-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.bottom-dropdown-link{color:var(--bottomnav-dropdown-link-color);font-family:var(--font-space), sans-serif;border-radius:10px;padding:11px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:block;position:relative}.bottom-dropdown-link:hover{background:var(--bottomnav-dropdown-link-active-bg);color:var(--bottomnav-dropdown-link-active-color)}.bottom-dropdown-link:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav,.bottom-nav-item,.bottom-nav-icon,.bottom-nav-item span,.bottom-nav-bump,.bottom-nav-halo,.bottom-nav-item:after,.bottom-inverted-dropdown,.bottom-dropdown-link,.bottom-nav-item.active .plus-icon{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}@media (max-width:380px){.mobile-bottom-nav{border-radius:33px;width:calc(100% - .5rem);height:64px;padding:0}.bottom-nav-item>span:last-of-type{font-size:.58rem}.bottom-nav-bump{border-radius:24px}.bottom-nav-halo{width:60px;height:60px;margin-left:-30px;top:-16px}}.library-flight-particle{z-index:99999;pointer-events:none;background:radial-gradient(circle,#00f0ff 0%,#00adb5 100%);border-radius:50%;width:20px;height:20px;position:fixed;top:0;left:0;box-shadow:0 0 15px #00f0ff,0 0 30px #00f0ff66}.library-flight-particle-like{z-index:99999;pointer-events:none;background:radial-gradient(circle,#f43f5e 0%,#ec4899 100%);border-radius:50%;width:20px;height:20px;position:fixed;top:0;left:0;box-shadow:0 0 15px #f43f5e,0 0 30px #f43f5e66}.collections-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.collections-btn.animate-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards collectionsPopIn}.collections-btn.animate-catch{animation:.45s cubic-bezier(.25,1,.5,1) forwards collectionsCatch}@keyframes collectionsPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes collectionsCatch{0%{transform:scale(1)}25%{color:var(--accent-glow);filter:drop-shadow(0 0 12px var(--accent-glow));transform:scale(1.35)rotate(-8deg)}50%{transform:scale(.8)rotate(4deg)}75%{transform:scale(1.15)rotate(-2deg)}to{color:currentColor;filter:none;transform:scale(1)}}
:root{--sb-bg:#ffffff12;--sb-border:#ffffff1a;--sb-input-color:#fff;--sb-placeholder:#ffffff80;--sb-results-bg:#0a0a0fd9;--sb-results-border:#ffffff1a;--sb-results-shadow:#00000080;--sb-result-color:#ffffffb3;--sb-title-color:#fff;--sb-no-results:#ffffff80;--sb-divider:#ffffff0d;--sb-clear-bg:#ffffff1a;--sb-clear-color:#fff9;--sb-view-all-bg:#ffffff0d;--mo-header-border:#ffffff1a;--mo-back-bg:#ffffff14;--mo-back-color:#fff;--mo-input-color:#fff;--mo-placeholder:#ffffff80;--mo-clear-bg:#ffffff1a;--mo-clear-color:#ffffffb3;--mo-count-color:#ffffffb3;--mo-item-bg:#ffffff0d;--mo-item-border:#ffffff1a;--mo-item-color:#fff;--mo-title-color:#fff;--mo-loading-color:#ffffffb3;--mo-icon-muted:#ffffff4d;--mo-no-res-title:#fff;--mo-no-res-text:#fff9;--mo-ph-text:#fff;--mo-ph-hint:#ffffff80;--mo-trigger-bg:#ffffff14;--mo-trigger-border:#ffffff26;--mo-image-border:#ffffff26;--mo-overlay-bg:#0d1117}[data-theme=light]{--sb-bg:#0000000a;--sb-border:#0000001f;--sb-input-color:#0d1117;--sb-placeholder:#00000061;--sb-results-bg:#f5f7fad9;--sb-results-border:#00000014;--sb-results-shadow:#0000001f;--sb-result-color:#0d1117b3;--sb-title-color:#0d1117;--sb-no-results:#0d11178c;--sb-divider:#0000000f;--sb-clear-bg:#00000012;--sb-clear-color:#00000080;--sb-view-all-bg:#0000000a;--mo-header-border:#00000014;--mo-back-bg:#0000000f;--mo-back-color:#0d1117;--mo-input-color:#0d1117;--mo-placeholder:#00000061;--mo-clear-bg:#00000012;--mo-clear-color:#00000080;--mo-count-color:#0000008c;--mo-item-bg:#00000008;--mo-item-border:#00000014;--mo-item-color:#0d1117;--mo-title-color:#0d1117;--mo-loading-color:#0000008c;--mo-icon-muted:#00000040;--mo-no-res-title:#0d1117;--mo-no-res-text:#0000008c;--mo-ph-text:#0d1117;--mo-ph-hint:#00000073;--mo-trigger-bg:#0000000f;--mo-trigger-border:#0000001f;--mo-image-border:#0000001f;--mo-overlay-bg:#f0f4f8}.searchbar-container{cursor:text;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;justify-content:flex-start;align-items:center;width:clamp(200px,30vw,260px);min-width:200px;max-width:400px;height:42px;transition:width .5s cubic-bezier(.65,0,.35,1),border-color .3s,box-shadow .3s,background .3s;display:flex;position:relative;overflow:hidden}.searchbar-container:focus-within,.searchbar-container:hover{background:#ffffff1f;border-color:#ffffff26;width:clamp(220px,32vw,280px)}[data-theme=light] .searchbar-container{background:#ffffffb3;border-color:#0088aa4d}[data-theme=light] .searchbar-container:focus-within,[data-theme=light] .searchbar-container:hover{border-color:#08a9}.searchbar-container .search-icon{color:var(--primary-color);z-index:2;flex-shrink:0;width:clamp(16px,3vw,18px);height:clamp(16px,3vw,18px);margin-left:1rem;transition:color .3s,filter .3s}.searchbar-container:focus-within .search-icon,.searchbar-container:hover .search-icon{color:var(--primary-color);filter:drop-shadow(0 0 12px #00f0ff99)}[data-theme=light] .searchbar-container:focus-within .search-icon,[data-theme=light] .searchbar-container:hover .search-icon{filter:drop-shadow(0 0 8px #08a6)}.searchbar{opacity:1;color:var(--sb-input-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;border:none;outline:none;flex:1;padding:.65rem 2.5rem .65rem .5rem;font-family:inherit;font-size:.9rem;transition:opacity .4s .2s}.searchbar:focus{outline:none}.searchbar::placeholder{color:var(--sb-placeholder)}.search-results{background:var(--sb-results-bg);-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--sb-results-border);box-shadow:0 25px 50px -12px var(--sb-results-shadow), 0 0 0 1px #ffffff08;z-index:999;isolation:isolate;overscroll-behavior:contain;border-radius:12px;flex-direction:column;min-height:60px;max-height:480px;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;display:flex;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow:hidden}.search-results-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:.5rem;width:100%;max-height:420px;margin:0;padding:.75rem;list-style:none;display:flex;overflow:hidden auto}.search-results-list::-webkit-scrollbar{width:3px}.search-results-list::-webkit-scrollbar-track{background:0 0}.search-results-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.result-item{list-style:none}.result-link{color:var(--sb-result-color);box-sizing:border-box;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:70px;padding:.85rem 1rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:flex}.result-link:hover,.result-link:focus{color:var(--sb-title-color);background-color:#ffffff14;border-color:#ffffff1a;transform:translateY(-1px)}[data-theme=light] .result-link:hover,[data-theme=light] .result-link:focus{background-color:#0000000a;border-color:#00000014}[data-theme=light] .result-category{color:#0d111799}[data-theme=light] .search-spinner,[data-theme=light] .search-spinner-large{border-color:#0d1117 #0000001a #0000001a}[data-theme=light] .search-loading-state{color:var(--sb-title-color)}.result-image{object-fit:cover;border:1px solid var(--mo-image-border);width:56px;height:56px;color:var(--sb-no-results);text-align:center;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.result-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.result-title{color:var(--sb-title-color);-webkit-line-clamp:2;line-clamp:2;word-wrap:break-word;-webkit-box-orient:vertical;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;display:-webkit-box;overflow:hidden}.result-category{color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;font-family:Quicksand,sans-serif;font-size:.8rem;overflow:hidden}.no-results{text-align:center;color:var(--sb-no-results);padding:1.5rem 1rem}.view-all-results-link{text-align:center;width:96%;color:var(--accent-glow);background-color:var(--sb-view-all-bg);border:none;border-top:1px solid var(--sb-divider);border-radius:10px;outline:none;margin:0 auto 5px;padding:.75rem;font-weight:600;text-decoration:none;transition:background-color .3s;display:block}.view-all-results-link:hover{cursor:pointer;background-color:#00f0ff33}[data-theme=light] .view-all-results-link{color:var(--primary-color)}[data-theme=light] .view-all-results-link:hover{background-color:#0088aa1f}.search-clear-btn{z-index:3;background:var(--sb-clear-bg);width:20px;height:20px;color:var(--sb-clear-color);cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,opacity .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.searchbar-container:focus-within .search-clear-btn{opacity:1;pointer-events:auto}.search-clear-btn:hover{color:var(--primary-color);background:#00f0ff33}.search-loading{z-index:3;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-spinner{border:2px solid #00f0ff4d;border-top:2px solid var(--primary-color);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.search-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.search-spinner-large{border:3px solid #00f0ff4d;border-top:3px solid var(--primary-color);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.loading-results{text-align:start;width:100%;padding:1rem 1.2rem;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.mobile-search-trigger{background:var(--mo-trigger-bg);border:1px solid var(--mo-trigger-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:all .3s;display:none}.mobile-search-trigger:active{background:#00f0ff26;transform:scale(.95)}.search-icon-mobile{color:var(--primary-color);width:20px;height:20px}.mobile-search-overlay{background:var(--mo-overlay-bg);z-index:9998;flex-direction:column;width:100%;height:100%;animation:.3s cubic-bezier(.4,0,.2,1) mobileOverlaySlideIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes mobileOverlaySlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-search-header{background:var(--mo-overlay-bg);border-bottom:1px solid var(--mo-header-border);z-index:2;flex-shrink:0;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;position:relative}.mobile-search-back{background:var(--mo-back-bg);width:40px;height:40px;color:var(--mo-back-color);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-search-back:active{transform:scale(.95)}.mobile-search-input-wrapper{background:var(--mo-overlay-bg);border:1px solid #00f0ff4d;border-radius:12px;flex:1;align-items:center;gap:.5rem;padding:.6rem .875rem;display:flex;box-shadow:0 0 20px #00f0ff14}[data-theme=light] .mobile-search-input-wrapper{border-color:#0088aa59;box-shadow:0 0 16px #0088aa12}.mobile-search-icon{color:var(--primary-color);flex-shrink:0;width:20px;height:20px}.mobile-search-input{color:var(--mo-input-color);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Quicksand,sans-serif;font-size:1rem}.mobile-search-input::placeholder{color:var(--mo-placeholder)}.mobile-search-clear{background:var(--mo-clear-bg);width:28px;height:28px;color:var(--mo-clear-color);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-search-clear:active{transform:scale(.9)}.mobile-search-content{padding:1rem;padding-bottom:max(90px, env(safe-area-inset-bottom,90px));-webkit-overflow-scrolling:touch;background:var(--mo-overlay-bg);z-index:1;flex:1;position:relative;overflow:hidden auto}.mobile-search-count{color:var(--mo-count-color);margin-bottom:.875rem;padding:.25rem 0;font-family:Quicksand,sans-serif;font-size:.875rem}.mobile-search-results{flex-direction:column;gap:.625rem;margin:0;padding:0 0 1.5rem;list-style:none;display:flex}.mobile-result-item{opacity:0;list-style:none;animation:.3s forwards mobileResultFadeIn}@keyframes mobileResultFadeIn{to{opacity:1}}.mobile-result-item:first-child{animation-delay:50ms}.mobile-result-item:nth-child(2){animation-delay:.1s}.mobile-result-item:nth-child(3){animation-delay:.15s}.mobile-result-item:nth-child(4){animation-delay:.2s}.mobile-result-item:nth-child(5){animation-delay:.25s}.mobile-result-link{background:var(--mo-item-bg);border:1px solid var(--mo-item-border);color:var(--mo-item-color);box-sizing:border-box;cursor:pointer;border-radius:12px;align-items:center;gap:.875rem;min-height:76px;padding:1rem;text-decoration:none;transition:all .25s;display:flex}.mobile-result-link:active{background:#00f0ff1a;border-color:#00f0ff4d;transform:scale(.98)}.mobile-result-link:hover{background:#00f0ff14;border-color:#00f0ff40}[data-theme=light] .mobile-result-link:active,[data-theme=light] .mobile-result-link:hover{background:#0088aa12;border-color:#08a3}.mobile-result-image{object-fit:cover;border:1px solid var(--mo-image-border);width:60px;height:60px;color:var(--sb-no-results);text-align:center;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.mobile-result-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.mobile-result-title{color:var(--mo-title-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:Quicksand,sans-serif;font-size:.925rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.mobile-result-category{color:var(--primary-color);font-family:Quicksand,sans-serif;font-size:.8rem}.mobile-view-all-btn{width:100%;margin-top:1.25rem;margin-bottom:max(1.5rem, env(safe-area-inset-bottom,1.5rem));color:var(--primary-color);cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#00f0ff26,#00b4ff14);border:1px solid #00f0ff4d;border-radius:12px;padding:1rem;font-family:Quicksand,sans-serif;font-size:.975rem;font-weight:600;transition:all .3s}.mobile-view-all-btn:active{background:linear-gradient(135deg,#00f0ff40,#00b4ff26);transform:scale(.98)}[data-theme=light] .mobile-view-all-btn{background:linear-gradient(135deg,#0088aa1a,#0064880f);border-color:#0088aa40}.mobile-search-loading{color:var(--mo-loading-color);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.mobile-search-spinner{border:3px solid #00f0ff33;border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.mobile-no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.mobile-no-results-icon{color:var(--mo-icon-muted);margin-bottom:.5rem}.mobile-no-results-title{color:var(--mo-no-res-title);margin:0;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:600}.mobile-no-results-text{color:var(--mo-no-res-text);margin:0;font-family:Quicksand,sans-serif;font-size:.925rem}.mobile-search-placeholder{text-align:center;background:var(--mo-overlay-bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:240px;padding:3rem 1.5rem;display:flex}.mobile-search-placeholder-icon{color:#00f0ff4d;margin-bottom:.75rem;animation:2s ease-in-out infinite mobilePlaceholderPulse}[data-theme=light] .mobile-search-placeholder-icon{color:#0088aa4d}@keyframes mobilePlaceholderPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.mobile-search-placeholder-text{color:var(--mo-ph-text);margin:0;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:600}.mobile-search-placeholder-hint{color:var(--mo-ph-hint);margin:0;font-family:Quicksand,sans-serif;font-size:.925rem}body.mobile-search-open{width:100%;position:fixed;overflow:hidden}@media (max-width:992px){.searchbar-container{max-width:240px}.searchbar-container:focus-within,.searchbar-container:hover{width:clamp(180px,34vw,240px)}}@media (max-width:768px){.searchbar-container,.search-results{display:none!important}.mobile-search-trigger{display:flex}}@media (max-width:380px){.mobile-search-header{gap:.5rem;padding:.75rem}.mobile-search-back{width:36px;height:36px}.mobile-search-input-wrapper{padding:.55rem .75rem}.mobile-search-input{font-size:.95rem}.mobile-search-content{padding:.75rem}.mobile-result-image{width:52px;height:52px}.mobile-result-link{gap:.75rem;min-height:68px;padding:.875rem}.mobile-result-title{font-size:.875rem}}@media (max-height:500px) and (orientation:landscape){.mobile-search-placeholder{min-height:120px;padding:1.5rem}.mobile-search-loading,.mobile-no-results{padding:1.5rem 1rem}}