:root{--bg:#2a1232;--card:#4a1f4f;--card2:#63275f;--pink:#ff4fa8;--pink2:#ff9dd5;--pink3:#ffe3f6;--pinkdeep:#c62aa0;--violet:#8b5cf6;--gold:#ffd76a;--cream:#fff4fb;--muted:#d8bfd4;--good:#6fe3a0;--bad:#f5a8b3;--radius:18px;--border:#ff9dd538;--header-h:54px;--sa-top:max(env(safe-area-inset-top), 10px);--surface-50:#4a1f4f80;--surface-solid-50:#3a174380;--surface-solid:#3a1743;--shadow:0 8px 28px #ff4fa847, 0 2px 10px #00000059;--shadow-soft:0 10px 30px #14041a80, 0 2px 8px #14041a59;--nav-h:66px;--glass-bg:linear-gradient(155deg,#4a1a4f9e,#5f22669e);--z-content:2;--z-fixed-ui:40;--z-nav:45;--z-miniplayer:48;--z-header:60;--z-backdrop:1000;--z-modal:1001;--z-auth:2000;--z-toast:3000}*{box-sizing:border-box}body.overlay-open{overflow:hidden}html,body{margin:0;padding:0;overflow-x:hidden}#bgImage{z-index:0;background:radial-gradient(circle at 15% 0,#ff4fa847 0%,#0000 45%),radial-gradient(circle at 85% 15%,#8b5cf63d 0%,#0000 50%),url(/assets/legacy/5689e79ee5367b89.jpg) top/cover no-repeat;background-color:var(--bg);position:fixed;inset:0}body{background:var(--bg);color:var(--cream);justify-content:center;min-height:100vh;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}#sparkleLayer{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.sparkle{opacity:0;filter:drop-shadow(0 0 4px #ffb6e6cc);font-size:14px;animation:3.2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:.85;transform:scale(1.15)rotate(25deg)}}#app{z-index:2;width:100%;max-width:428px;min-height:100vh;padding-top:calc(var(--header-h) + var(--sa-top) + 6px);padding-bottom:calc(var(--nav-h) + var(--mini-h,0px) + 22px + env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));flex-direction:column;transition:padding-bottom .28s cubic-bezier(.22,.61,.36,1);display:flex;position:relative}.app-header{width:auto;z-index:var(--z-header);height:calc(var(--header-h) + var(--sa-top));padding-top:var(--sa-top);padding-bottom:0;padding-left:max(8px, env(safe-area-inset-left), calc((100vw - 428px) / 2));padding-right:max(8px, env(safe-area-inset-right), calc((100vw - 428px) / 2));background:var(--surface-solid);border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0;transform:none}.app-header-brand{cursor:pointer;text-align:start;min-width:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0;display:flex;overflow:hidden}.app-header-brand:active{transform:scale(.98)}.app-header-brand:focus-visible{outline:2px solid var(--pink2);outline-offset:2px}.app-header-wordmark-img{object-fit:contain;filter:drop-shadow(0 2px 10px #ff4fa873);flex:none;width:auto;max-width:min(38vw,132px);height:clamp(30px,11vw,46px);display:block}.app-header-sep{background:var(--border);flex-shrink:0;align-self:center;width:1px;height:18px}.app-header-title{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.app-header-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.app-header-btn{cursor:pointer;width:38px;height:38px;color:var(--cream);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.app-header-btn svg{width:21px;height:21px;display:block}.app-header-btn:active{transform:scale(.92)}.app-header-btn .nav-badge{top:2px;background:var(--pink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;inset-inline-end:2px}.app-header-btn .nav-badge.hidden{display:none}#app:has(#screen-onboarding.active) .app-header-actions{display:none}.app-header-btn-bell{color:var(--pink)}.app-header-btn.app-header-btn-bell svg{width:23px;height:23px}.app-header{transition:transform .22s,opacity .22s}.app-header.app-header-hidden{opacity:0;pointer-events:none;transform:translateY(-115%)}@media (width<=360px){.app-header-wordmark-img{max-width:38vw;height:32px}.app-header-title{font-size:11px}.app-header-btn{width:34px;height:34px}.app-header-btn svg{width:19px;height:19px}.app-header-btn.app-header-btn-bell svg{width:21px;height:21px}}.header{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;display:flex;position:relative}.logo-img{filter:drop-shadow(0 6px 20px #ff4fa880)drop-shadow(0 0 30px #c65ef240);width:230px;max-width:70%;height:auto;animation:4.5s ease-in-out infinite logoFloat;display:block}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:200%}}.subtitle{color:#7a1150;-webkit-backdrop-filter:blur(4px);background:#fff0f8b8;border-radius:999px;margin-top:2px;padding:4px 14px;font-size:12.5px;font-weight:700;box-shadow:0 2px 10px #ff4fa840}.screen{flex-direction:column;flex:1;gap:14px;display:none}.screen.active{display:flex}#app:has(#screen-home.active) .header{margin-top:auto}#app:has(#screen-home.active) #screen-home{flex:none}#app:has(#screen-onboarding.active) .header{margin-top:auto}#app:has(#screen-onboarding.active) #screen-onboarding{flex:none;margin-bottom:auto}.tile-glass,.is-glass{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);padding:14px}.tile-glass-sm{border-radius:14px;padding:10px 12px}.card{background:linear-gradient(155deg,var(--card),var(--card2));border-radius:var(--radius);box-shadow:var(--shadow-soft);border:1px solid var(--border);padding:18px}#screen-history .card,#screen-settings .card,#screen-recent .activity-twin-card,#screen-recent #recentNeedleCard{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px)}.home-brand{justify-content:center;margin:2px 0 4px;display:flex}.home-brand img{filter:drop-shadow(0 6px 20px #ff4fa880)drop-shadow(0 0 30px #c65ef240);width:clamp(190px,62vw,290px);height:auto;animation:4.5s ease-in-out infinite logoFloat;display:block}.home-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.icon-tile{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--cream);text-align:center;box-shadow:var(--shadow-soft);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 10px;transition:transform .12s;display:flex;position:relative;overflow:visible}.icon-tile:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#0000 40%,#ffffff29 50%,#0000 60%) 120% 0/220% 100%;transition:background-position .6s;position:absolute;inset:0;overflow:hidden}.icon-tile:active{transform:scale(.97)}.icon-tile:active:after{background-position:-20% 0}.icon-tile-icon{object-fit:contain;z-index:2;filter:drop-shadow(0 6px 14px #00000073);width:68px;height:68px;display:block;position:relative}.icon-tile-label{font-size:14.5px;font-weight:700;line-height:1.3}.home-tile-primary{text-align:right;background:linear-gradient(120deg,var(--pinkdeep),var(--pink) 55%,var(--violet));min-height:clamp(150px,42vw,210px);box-shadow:0 12px 32px #ff4fa861, var(--shadow-soft);border:1px solid #ffffff38;flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:16px;padding:30px 22px}.home-tile-primary .icon-tile-icon{flex-shrink:0;width:clamp(120px,36vw,160px);height:clamp(120px,36vw,160px);margin-block:calc(-1*clamp(16px,5vw,24px));margin-inline-start:calc(-1*clamp(8px,3vw,14px))}.home-tile-primary .icon-tile-label{letter-spacing:-.02em;font-size:clamp(30px,9.5vw,46px);font-weight:900;line-height:1.05}.home-tile-primary .home-tile-sub{color:#ffffffe0;margin-top:8px;font-size:clamp(14px,3.8vw,17px);font-weight:600}.home-tile-square{aspect-ratio:1;text-align:center;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:12px 6px 10px}.home-tile-square.is-active{border:1.5px solid var(--pink)}.home-tile-square .icon-tile-icon{width:clamp(56px,19vw,78px);height:clamp(56px,19vw,78px);margin-top:calc(-1*clamp(6px,2.2vw,10px));margin-bottom:calc(-1*clamp(2px,1vw,4px))}.home-tile-square .icon-tile-label{font-size:clamp(12px,3.4vw,14px)}.home-tile-square .home-tile-sub{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(8.5px,2.3vw,10px);line-height:1.2;overflow:hidden}.home-tile-square .home-tile-text{flex:0 auto;width:100%}.home-tile-sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.home-tile-text{flex:1;min-width:0}.home-tile-badge{color:var(--bg);background:var(--good);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.home-flag{cursor:pointer;align-items:center;gap:12px;margin-top:16px;transition:transform .12s;display:flex}.home-flag:active{transform:scale(.985)}.home-flag.hidden{display:none}.home-flag-main{flex:1;min-width:0}.home-flag-kicker{letter-spacing:.12em;color:#fff;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:800}.home-flag-title{color:var(--cream);font-size:13.5px;font-weight:800}.home-flag-sub{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.35}.home-flag-dots{gap:6px;margin-top:8px;display:flex}.home-flag-dotwrap{flex-direction:column;align-items:center;gap:3px;display:flex}.home-flag-dotcount{color:var(--muted);font-size:9px;font-weight:700;line-height:1}.home-flag-dot{border:1px solid var(--border);background:#ffffff24;border-radius:50%;width:12px;height:12px}.home-flag-dot.is-on{background:var(--dot);box-shadow:0 0 8px var(--dot);border-color:#0000}.home-flag-count{color:var(--gold);margin-top:6px;font-size:11px;font-weight:800}.home-flag.is-complete .home-flag-count{color:var(--pink,#ff9dd5)}.pride-complete-badge{color:var(--gold);margin-inline-start:6px;font-size:11px;font-weight:800}.pride-card.is-complete{box-shadow:inset 0 0 0 1px #ff9dd559}.home-flag-cta{border:1px solid var(--border);color:var(--cream);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ff9dd524;border-radius:999px;margin-top:10px;padding:6px 14px;font-family:inherit;font-size:11.5px;font-weight:800;display:inline-block}.home-flag-cta:active{transform:scale(.96)}.home-flag-stack{border:1px solid var(--border);width:clamp(74px,24vw,96px);box-shadow:var(--shadow-soft);border-radius:12px;flex-direction:column;flex:none;display:flex;overflow:hidden}.home-flag-stack img{object-fit:cover;object-position:center;width:100%;height:clamp(11px,3.6vw,15px);display:block}.pride-card-highlight{outline:2px solid var(--pink);outline-offset:3px;box-shadow:0 0 0 6px #ff4fa82e, var(--shadow-soft);transition:box-shadow .3s}.home-recent{margin-top:16px}.home-recent-title{color:var(--cream);text-shadow:0 2px 8px #14041ad9;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;font-weight:800;display:flex}.home-section-icon{object-fit:contain;filter:drop-shadow(0 2px 6px #00000059);flex:none;width:26px;height:26px}.home-recent-list{flex-direction:column;gap:8px;display:flex}.home-recent-item{cursor:pointer;align-items:center;gap:10px;display:flex}.home-recent-item img{object-fit:cover;border-radius:8px;flex-shrink:0;width:34px;height:34px}.home-recent-emoji{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.home-recent-main{flex:1;min-width:0}.home-recent-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.home-recent-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.home-recent-empty{color:var(--muted);font-size:12px}.bottom-nav{z-index:var(--z-nav);width:min(100%,428px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#4a1f4feb,#2a1232fa);border-radius:22px 22px 0 0;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #14041a8c}.bottom-nav.hidden{display:none}.bottom-nav-item{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px;transition:color .15s,background .15s;display:flex}.bottom-nav-item img{object-fit:contain;opacity:.62;width:26px;height:26px;transition:opacity .15s,filter .15s,transform .15s}.bottom-nav-label{font-size:10px;font-weight:700;line-height:1.1}.bottom-nav-item:hover img{opacity:.85}.bottom-nav-item.active{color:var(--cream);background:linear-gradient(155deg,#ff4fa83d,#8b5cf62e)}.bottom-nav-item.active img{opacity:1;filter:drop-shadow(0 0 8px #ff4fa8bf);transform:translateY(-1px)}.bottom-nav-item:active{transform:scale(.96)}.btn{background:linear-gradient(90deg,var(--pink),var(--pinkdeep));color:#fff;cursor:pointer;text-shadow:0 1px 2px #00000040;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15.5px;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #ff4fa873}.btn.secondary{color:var(--pink2);border:1.5px solid var(--pink);box-shadow:none;background:0 0}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;border:1px solid #ffffff1f}.btn:disabled{opacity:.45}.row{gap:10px;display:flex}.row>*{flex:1}.progress{background:#ffffff14;border-radius:6px;height:7px;overflow:hidden}.progress>div{background:linear-gradient(90deg,var(--pink),var(--gold));height:100%;transition:width .25s;box-shadow:0 0 8px #ff4fa8b3}.qtext{margin:10px 0 4px;font-size:19px;font-weight:700;line-height:1.35}.qsub{color:var(--muted);margin-bottom:10px;font-size:12.5px}.options{flex-direction:column;gap:10px;display:flex}.opt{background:var(--surface-50);border:1.5px solid var(--border);cursor:pointer;color:var(--cream);text-align:right;border-radius:14px;padding:14px 16px;font-size:15.5px;transition:transform .1s}.opt:active{background:linear-gradient(90deg,var(--pink),var(--pinkdeep));color:#fff;transform:scale(.98)}.record-card{text-align:center;padding:26px 18px;position:relative}.record-card .ic{filter:drop-shadow(0 0 10px #ff4fa880);margin-bottom:6px;font-size:44px}.cover-art{object-fit:cover;cursor:pointer;border:2px solid #ffffff26;border-radius:14px;width:96px;height:96px;box-shadow:0 6px 18px #ff4fa873}.ic{cursor:pointer}.v-ic{object-fit:contain;vertical-align:-.15em;width:1.05em;height:1.05em;display:inline-block}.cover-lightbox-img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;max-width:280px;margin:0 auto;display:block;box-shadow:0 8px 26px #ff4fa880}.cover-lightbox-emoji{text-align:center;filter:drop-shadow(0 0 14px #ff4fa880);margin:10px auto;font-size:110px}.platform-links{gap:10px;margin-top:14px;display:flex}.alt-covers-row{gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.alt-cover-thumb{object-fit:cover;cursor:pointer;opacity:.8;border:2px solid #0000;border-radius:10px;flex-shrink:0;width:56px;height:56px}.alt-cover-thumb.selected{border-color:var(--pink);opacity:1}.alt-cover-upload{cursor:pointer;border:2px dashed var(--border);width:56px;height:56px;color:var(--pink2);background:#ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.exclude-row{background:#e78a921a;border:1px solid #e78a924d;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:10px;display:flex}.exclude-badge{color:var(--bad);background:#e78a9238;border:1px solid #e78a9280}.record-card .artist{color:var(--pink2);letter-spacing:.2px;font-size:14.5px;font-weight:700}.record-card .album{margin:4px 0 10px;font-size:23px;font-weight:800;line-height:1.3}.meta-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.tag{color:var(--pink2);background:#ff4fa82e;border:1px solid #ff4fa873;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.tag.genre{color:#d9c3d1;direction:ltr;unicode-bidi:isolate;background:#ffffff12;border-color:#ffffff29}.tag.muted{color:var(--muted);background:#ffffff0f;border-color:#ffffff1a}.meta-line{color:var(--muted);margin-top:10px;font-size:12.5px}.enrich-suggest-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.enrich-accept-btn{width:auto;box-shadow:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.topbar{align-items:center;gap:8px;margin-top:20px;margin-bottom:6px;display:flex}.back{background:var(--surface-50);border:1px solid var(--border);color:var(--pink2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;display:flex}.close-icon{background:var(--surface-50);border:1px solid var(--border);width:32px;height:32px;color:var(--pink2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:15px;display:flex}.page-title{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:8px;min-width:0;font-size:14.5px;font-weight:800;display:flex}.page-title span{overflow-wrap:break-word;white-space:normal;max-width:100%;line-height:1.25}.page-title .page-title-sub{color:var(--muted);margin-top:1px;font-size:11.5px;font-weight:600;display:block}.page-title img{object-fit:contain;filter:drop-shadow(0 2px 6px #ff4fa866);flex-shrink:0;width:40px;height:40px}.topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}label{color:var(--muted);margin:12px 0 5px;font-size:13px;display:block}input[type=text],input[type=number],select,textarea{background:var(--surface-solid);border:1.5px solid var(--border);width:100%;color:var(--cream);border-radius:10px;padding:11px 12px;font-size:15px}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--pink);outline:none}textarea{text-align:left;direction:ltr;min-height:110px;font-family:monospace}.hint{color:var(--muted);margin-top:4px;font-size:11.5px}.success-box{background:#8fbf9a24;border:1px solid #8fbf9a66;border-radius:12px;margin-top:10px;padding:12px;font-size:13.5px}.add-suggest-box{margin-top:8px}.add-suggest-box.flash{animation:.9s add-suggest-flash}@keyframes add-suggest-flash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #ec48998c}}.add-suggest-inner{background:#ec48991a;border:1px solid #ec489966;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.add-suggest-cover{object-fit:cover;border-radius:8px;flex:none;width:44px;height:44px}.add-suggest-text{flex:1;min-width:0;font-size:13px}.add-suggest-title{color:#ec4899;margin-bottom:2px;font-weight:600}.add-suggest-cand{color:var(--text,#f5e6d3);word-break:break-word}.add-suggest-actions{flex-direction:column;flex:none;gap:6px;display:flex}.add-suggest-actions .btn{white-space:nowrap;padding:6px 12px;font-size:12.5px}@media (width<=480px){.add-suggest-inner{flex-wrap:wrap}.add-suggest-actions{flex-direction:row}}.error-box{background:#e78a9224;border:1px solid #e78a9273;border-radius:12px;margin-top:10px;padding:12px;font-size:13.5px}.search-box{margin-bottom:10px}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.cover-grid-item{cursor:pointer;position:relative}.cover-grid-item img{aspect-ratio:1;object-fit:cover;background:#ffffff12;border-radius:10px;width:100%;display:block}.cover-grid-item .cg-fallback{aspect-ratio:1;background:#ffffff12;border-radius:10px;justify-content:center;align-items:center;width:100%;font-size:26px;display:flex}.cover-grid-item .cg-badges{top:3px;filter:drop-shadow(0 1px 2px #0009);gap:2px;font-size:11px;display:flex;position:absolute;inset-inline-start:3px}.cover-grid-item .cg-title{bottom:0;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1406149e;border-radius:0 0 10px 10px;padding:4px 6px;font-size:10.5px;font-weight:600;line-height:1.25;position:absolute;inset-inline:0;overflow:hidden}.list-item{cursor:pointer;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:12px 4px;font-size:14px;display:flex}.swipe-row{position:relative;overflow:hidden}.swipe-action-delete{color:#fff;cursor:pointer;background:#c0392b;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0}.swipe-content{background:var(--card);touch-action:pan-y;will-change:transform;position:relative}.swipe-content.swiping{transition:none}.swipe-content:not(.swiping){transition:transform .2s}.list-thumb-wrap{background:#ffffff12;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;overflow:hidden}.list-thumb-wrap img{object-fit:cover;width:100%;height:100%;display:block}.list-group-header{z-index:2;color:var(--gold);background:var(--card);border-bottom:1px solid #ffffff1a;padding:8px 4px;font-size:13px;font-weight:800;position:sticky;top:0}.list-item .n{flex:1;min-width:0;font-weight:700}.list-item .n .artist-inline{color:var(--muted);font-weight:500}.list-item .n .a{color:var(--muted);font-size:12.5px;font-weight:400;display:block}.count-pill{color:var(--pink2);direction:ltr;unicode-bidi:isolate;background:#ff4f9629;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.fab-add{background:linear-gradient(90deg,var(--pink),var(--pinkdeep));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:16px;line-height:1;display:flex;box-shadow:0 3px 10px #ff4fa880}.fab-icon-only{width:32px;height:32px;box-shadow:none!important;background:0 0!important;border-radius:0!important}.fab-icon-only img{object-fit:contain;filter:drop-shadow(0 2px 5px #00000059);width:100%;height:100%}.footer-note{text-align:center;color:#8a5c72;margin-top:20px;padding-top:0;font-size:11.5px}.spin-info{color:var(--muted);text-align:center;margin-top:8px;font-size:12.5px}.spin-badge{color:var(--gold);direction:ltr;unicode-bidi:isolate;background:#ffd76a29;border-radius:999px;margin-inline-start:6px;padding:1px 8px;font-size:11px;display:inline-block}.history-stats{gap:10px;margin-bottom:4px;display:flex}.history-stats .stat-box{text-align:center;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:14px;flex:1;padding:12px 6px}.history-stats .stat-box .num{color:var(--pink2);direction:ltr;unicode-bidi:isolate;font-size:20px;font-weight:800}.history-stats .stat-box .lbl{color:var(--muted);margin-top:2px;font-size:11px}.activity-header-card{text-align:center;padding-top:0;position:relative;overflow:hidden}.activity-banner{background:linear-gradient(155deg,var(--card),var(--card2));cursor:pointer;background-position:50%;background-size:cover;width:calc(100% + 36px);height:clamp(210px,62vw,340px);margin:0 -18px;position:relative}.activity-banner-edit{bottom:6px;background:#00000073;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;position:absolute;inset-inline-end:10px}.activity-avatar-outer{z-index:1;margin:-42px auto 0;position:relative}.activity-avatar-outer .settings-avatar-wrap{border:3px solid var(--card)}.activity-friends-row{background:var(--border);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.activity-friends-row .activity-friends-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.activity-stat-row{gap:10px;margin-top:10px;display:flex}.activity-stat{text-align:center;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:14px;flex:1;padding:10px 6px}.activity-stat img{object-fit:contain;width:30px;height:30px;margin-bottom:4px}.activity-stat .num{color:var(--pink2);direction:ltr;unicode-bidi:isolate;font-size:19px;font-weight:800}.activity-stat .lbl{color:var(--muted);margin-top:2px;font-size:10.5px}.activity-twin-row{gap:10px;margin-top:10px;display:flex}.activity-twin-card{text-align:center;flex:1;margin-top:0}.activity-twin-header{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.activity-twin-header img{object-fit:contain;flex-shrink:0;width:46px;height:46px}.activity-twin-card .num{color:var(--pink2);direction:ltr;unicode-bidi:isolate;font-size:22px;font-weight:800}.history-item .last{color:var(--muted);font-size:11.5px}.history-item .cnt{color:var(--gold);direction:ltr;unicode-bidi:isolate;font-size:13px;font-weight:700}.empty-hint{color:var(--muted);text-align:center;padding:20px 10px;font-size:13px}.rating-row{color:var(--muted);justify-content:center;align-items:center;gap:2px;margin-top:6px;font-size:12.5px;display:flex}.rating-row .lbl{margin-inline-end:6px}.star{cursor:pointer;color:#ffffff38;-webkit-user-select:none;user-select:none;padding:0 1px;font-size:21px;line-height:1;display:inline-block;position:relative}.star.filled{color:var(--gold);text-shadow:0 0 6px #ffd76aa6}.star-glyph{display:block}.star-half-fill{top:0;white-space:nowrap;pointer-events:none;width:50%;color:var(--gold);text-shadow:0 0 6px #ffd76aa6;position:absolute;inset-inline-start:1px;overflow:hidden}.star-hit{cursor:pointer;width:50%;position:absolute;top:0;bottom:0}.star-hit-start{inset-inline-start:0}.star-hit-end{inset-inline-end:0}.rating-row-static{color:var(--muted);font-size:11px}.rating-note{margin-top:8px}.rating-note-input{min-height:0;direction:inherit;text-align:start;resize:vertical;padding:8px 10px;font-family:inherit;font-size:13px}.hidden{display:none!important}.ob-panel{border:1px solid var(--border);background:#ffffff0d;border-radius:14px;margin:-2px 0 4px;padding:12px}.feedback-link{color:var(--pink2);align-items:center;gap:5px;margin-top:8px;font-size:12px;text-decoration:none;display:inline-flex}.switch-profile-link{text-align:center;color:var(--muted);cursor:pointer;margin-top:10px;font-size:11.5px;text-decoration:underline;display:block}.dedication{text-align:center;color:#8a5c72;opacity:.85;margin-top:14px;font-size:11px}.settings-dedication{text-align:center;color:var(--muted);opacity:.8;margin:22px 4px 6px;font-size:11px;line-height:1.5}.example-link{text-align:center;color:var(--pink2);cursor:pointer;margin-top:8px;font-size:12px;text-decoration:underline;display:block}.example-table{border-collapse:collapse;direction:rtl;width:100%;margin-top:8px;font-size:10.5px}.example-table th,.example-table td{text-align:center;border:1px solid #ffffff26;padding:4px 5px}.example-table th{color:var(--pink2);background:#ff4fa840;font-weight:700}.example-table td{color:var(--cream)}.stack{flex-direction:column;gap:10px;display:flex}a{color:var(--pink2)}.sync-status{color:var(--muted);text-align:center;margin-top:2px;font-size:12px}.modal-overlay{z-index:var(--z-modal);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.groovd-confirm-overlay{z-index:calc(var(--z-modal) + 20);align-items:center;padding:18px}.groovd-confirm-card{background:var(--card2);border:1px solid var(--border);width:100%;max-width:340px;box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:18px 16px 14px}.groovd-confirm-text{color:var(--text);margin-bottom:14px;font-size:14.5px;font-weight:600;line-height:1.5}.groovd-confirm-actions{gap:8px;display:flex}.groovd-confirm-actions .btn{flex:1}.groovd-confirm-actions .btn-ghost{border:1px solid var(--border);color:var(--text);background:#ffffff14}.groovd-confirm-actions .btn-danger{color:#fff;background:#b3243c;border:1px solid #d0384f}.activity-handle{color:var(--muted);direction:ltr;margin-top:2px;font-size:13px;font-weight:600}.spin-delete-btn{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px 6px;font-size:16px}.spin-delete-btn:hover{opacity:1}.modal-box{background:var(--card2);padding:20px 18px max(30px, calc(env(safe-area-inset-bottom) + 16px));max-height:calc(100dvh - var(--sa-top) - 12px);width:100%;max-width:428px;box-shadow:var(--shadow);border-radius:20px 20px 0 0;position:relative;overflow:auto}.modal-close{top:12px;border:1px solid var(--border);width:30px;height:30px;color:var(--pink2);cursor:pointer;z-index:2;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset-inline-end:14px}.settings-gear-btn{top:6px;cursor:pointer;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:absolute;inset-inline-start:6px}.settings-gear-btn img{object-fit:contain;filter:drop-shadow(0 2px 5px #00000073);width:26px;height:26px}.settings-title-icon{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin-inline-end:6px}.settings-avatar-outer{width:84px;height:84px;position:relative}.settings-avatar-wrap{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex;overflow:hidden}.settings-avatar-wrap img{object-fit:cover;width:100%;height:100%}.settings-avatar-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:34px;display:flex}.settings-avatar-placeholder img{object-fit:contain;opacity:.9;width:56%;height:56%}.pride-flag-patch{object-fit:contain;filter:drop-shadow(0 1px 4px #0009);width:32px;height:32px;position:absolute;bottom:-4px;right:-4px}.settings-section-label{color:var(--pink2);text-transform:uppercase;letter-spacing:.03em;opacity:.85;margin:6px 4px 0;font-size:12.5px;font-weight:700}.settings-tab-view{flex-direction:column;gap:10px;display:flex}html[dir=ltr] body{direction:ltr}html[dir=ltr] .list-item .n .a{text-align:left}html[dir=ltr] .example-table{direction:ltr}.icon-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--pink2);cursor:pointer;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:19px;display:flex}.icon-btn.active{background:linear-gradient(90deg,var(--pink),var(--pinkdeep));color:#fff;border-color:#0000}.icon-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.fav-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 2px 10px;display:flex;overflow-x:auto}.fav-carousel .fav-card{scroll-snap-align:start;text-align:center;cursor:pointer;flex-shrink:0;width:84px}.fav-carousel .fav-card .ic{background:linear-gradient(155deg,var(--card),var(--card2));width:76px;height:76px;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;margin:0 auto;font-size:32px;display:flex}.fav-carousel .fav-card img.ic{object-fit:cover}.fav-carousel .fav-card .cap{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10.5px;overflow:hidden}.filter-bar{gap:8px;margin-bottom:4px;padding-bottom:6px;display:flex;overflow-x:auto}.filter-chip{background:var(--surface-solid-50);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:12.5px}.filter-chip.active{background:linear-gradient(90deg,var(--pink),var(--pinkdeep));color:#fff;border-color:#0000}.letter-row{gap:6px;margin-bottom:4px;padding-bottom:6px;display:flex;overflow-x:auto}.stat-pill-row{flex-wrap:wrap;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.stat-pill{background:var(--surface-solid);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11.5px}.stat-pill b{color:var(--pink2);font-weight:700}.chart-bars{flex-direction:column;gap:9px;display:flex}.chart-bar-row{align-items:center;gap:8px;display:flex}.chart-bar-label{width:104px;color:var(--cream);flex-shrink:0;font-size:11.5px;line-height:1.25}.chart-bar-track{background:#ffffff14;border-radius:8px;flex:1;min-width:0;height:13px;overflow:hidden}.chart-bar-fill{background:linear-gradient(90deg,var(--violet),var(--pink));border-radius:8px;height:100%;box-shadow:0 0 6px #ff4fa866}.chart-bar-count{text-align:left;width:26px;color:var(--pink2);direction:ltr;flex-shrink:0;font-size:12px;font-weight:700}.chart-expand-toggle{text-align:center;color:var(--pink2);cursor:pointer;margin-top:8px;font-size:11.5px;text-decoration:underline}.timeline-toggle{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.timeline-toggle-chip{color:var(--muted);cursor:pointer;background:#ffffff14;border-radius:12px;padding:4px 10px;font-size:11px}.timeline-toggle-chip.active{background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff}.timeline-caption{text-align:center;min-height:14px;margin-bottom:6px}.timeline-scroll{-webkit-overflow-scrolling:touch;align-items:flex-start;gap:3px;height:116px;padding:4px 2px 6px;display:flex;overflow-x:auto}.timeline-col{cursor:pointer;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;width:9px;height:100%;display:flex;position:relative}.timeline-bar-track{align-items:flex-end;width:7px;height:100%;display:flex}.timeline-bar-fill{background:linear-gradient(180deg,var(--pink),var(--violet));border-radius:3px 3px 0 0;width:100%;min-height:2px}.timeline-bar-fill.empty{background:#ffffff1a}.timeline-year-label{color:var(--muted);white-space:nowrap;font-size:8.5px;position:absolute;bottom:-16px}.timeline-bar-fill.open{box-shadow:0 0 0 1.5px var(--cream)}.timeline-drill{border-top:1px dashed #ffffff1f;margin-top:22px;padding-top:10px}.timeline-graph-wrap{flex:none}.timeline-plot{position:relative}.timeline-svg{display:block;position:absolute;inset:0;overflow:visible}.timeline-line{stroke:var(--border);stroke-width:1.4px}.timeline-dot{fill:var(--pink);cursor:pointer}.timeline-dot.empty{fill:#ffffff2e}.timeline-dot.open{stroke:var(--cream);stroke-width:1.6px}.timeline-dot-count{color:var(--cream);white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #00000080;font-size:9.5px;font-weight:700;position:absolute;transform:translate(-50%)}.timeline-dot-labels{height:14px;margin-top:2px;position:relative}.timeline-dot-label{color:var(--muted);white-space:nowrap;font-size:8.5px;position:absolute;top:0;transform:translate(-50%)}.pie-panel{margin:4px 0 10px}.pie-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pie-chart{border-radius:50%;flex-shrink:0;width:92px;height:92px}.pie-legend{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.pie-legend-row{color:var(--cream);align-items:center;gap:6px;font-size:11px;display:flex}.pie-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.pie-legend-label{flex:1}.pie-legend-count{color:var(--pink2);direction:ltr;font-weight:700}.pie-wrap2{justify-content:center;display:flex}.pie-svg-wrap{width:130px;height:130px}.pie-svg{width:100%;height:100%;transform:rotate(-90deg)}.pie-seg{cursor:pointer;transition:opacity .15s}.pie-seg:active{opacity:.7}.pie-caption{text-align:center;min-height:14px;margin-top:8px}.rating-block{margin-bottom:14px}.rating-block:last-child{margin-bottom:0}.rating-block-title{color:var(--cream);margin-bottom:6px;font-size:12.5px;font-weight:700}.top-rank-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:6px 0;display:flex}.top-rank-row:last-child{border-bottom:none}.top-rank-num{text-align:center;width:22px;color:var(--pink2);flex-shrink:0;font-size:13px;font-weight:800}.top-rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.top-rank-name .a{color:var(--muted);font-size:11.5px;font-weight:400}.top-rank-count{color:var(--muted);direction:ltr;flex-shrink:0;font-size:12px}.letter-chip{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffff12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.letter-chip.active{background:linear-gradient(90deg,var(--pink),var(--pinkdeep));color:#fff;border-color:#0000}.detail-cover-wrap{text-align:center;margin-bottom:6px}.detail-cover-wrap img,.detail-cover-wrap .ic{object-fit:cover;border-radius:18px;width:180px;height:180px;box-shadow:0 10px 28px #ff4fa880}.detail-cover-wrap .ic{background:linear-gradient(155deg,var(--card),var(--card2));justify-content:center;align-items:center;margin:0 auto;font-size:70px;display:flex}.wiki-blurb{color:var(--cream);margin-top:12px;font-size:13.5px;line-height:1.55}.wiki-blurb.loading,.wiki-blurb.empty{color:var(--muted);font-style:italic}.tracklist{margin-top:6px}.tracklist.loading,.tracklist.empty{color:var(--muted);font-size:13px;font-style:italic}.tracklist-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.tracklist-item:last-child{border-bottom:none}.tracklist-num{text-align:center;width:20px;color:var(--muted);direction:ltr;flex-shrink:0}.tracklist-name{flex:1;min-width:0}.track-fav{cursor:pointer;color:#ffffff38;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-shrink:0;margin:0;padding:0 2px;font-size:16px;line-height:1}.track-fav.active{color:var(--gold);text-shadow:0 0 6px #ffd76aa6}.wiki-source{color:var(--muted);margin-top:6px;font-size:10.5px}.wiki-fix-link{color:var(--muted);cursor:pointer;font-size:11.5px;text-decoration:underline}.side-picker{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.side-chip{border:1px solid var(--border);width:32px;height:32px;color:var(--cream);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.side-chip:active{background:linear-gradient(90deg,var(--pink),var(--pinkdeep))}.partial-picker{text-align:center;margin-top:10px}.custom-time-toggle{color:var(--muted);cursor:pointer;font-size:11.5px;text-decoration:underline}.custom-time-picker{text-align:center;background:#ffffff0d;border-radius:12px;margin-top:8px;padding:10px}.custom-time-input{border:1px solid var(--border);color:var(--cream);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff14;border-radius:8px;padding:6px 8px;font-size:13px}.needle-progress-label{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:5px;font-size:11.5px;display:flex}.needle-progress-track{background:#ffffff14;border-radius:5px;width:100%;height:9px;overflow:hidden}.needle-progress-fill{background:#ffc7ea;border-radius:5px;height:100%;transition:width .3s}.needle-progress-fill.full{background:#ff8fd6}.wishlist-item{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 4px;display:flex}.wishlist-item .ic{object-fit:cover;background:linear-gradient(155deg,var(--card),var(--card2));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.wishlist-item .n{flex:1;font-size:13.5px;font-weight:700}.wishlist-item .n .a{color:var(--muted);font-size:11.5px;font-weight:400;display:block}.wishlist-item .wishlist-link{color:var(--pink2);margin-top:3px;font-size:11px;font-weight:600;text-decoration:underline;display:inline-block}.prize-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.prize-tile{cursor:pointer;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;display:flex}.prize-tile:active{transform:scale(.96)}.prize-tile img{object-fit:contain;width:64px;height:64px}.prize-tile-label{text-align:center;color:var(--cream);font-size:10.5px;line-height:1.2}.prize-title-icon{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin-inline-end:6px}.prize-section-icon{object-fit:contain;vertical-align:middle;width:20px;height:20px;margin-inline-end:6px}.prize-modal-desc{color:var(--cream);text-align:center;margin-top:6px;font-size:13.5px;line-height:1.5}.prize-modal-progress-track{background:#ffffff14;border-radius:8px;height:14px;margin-top:14px;overflow:hidden}.prize-modal-progress-fill{background:linear-gradient(90deg,var(--violet),var(--pink));border-radius:8px;height:100%}.prize-modal-progress-label{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.prize-compare{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.prize-compare-row{align-items:center;gap:8px;display:flex}.prize-compare-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:0 0 84px;font-size:11.5px;font-weight:700;overflow:hidden}.prize-compare-track{background:#ffffff14;border-radius:6px;flex:1;height:8px;overflow:hidden}.prize-compare-fill{background:linear-gradient(90deg,var(--violet),var(--pink));border-radius:6px;height:100%}.prize-compare-fill.is-me{background:linear-gradient(90deg,#7dd3fc,#38bdf8)}.prize-compare-val{color:var(--muted);flex:none;font-size:11.5px;font-weight:700}#prizeModalImg{object-fit:contain;width:130px;height:130px;margin:0 auto;display:block}.pride-card{margin-top:10px;padding:14px}.pride-card-title{align-items:center;gap:6px;margin-bottom:8px;font-size:14.5px;display:flex}.pride-body{direction:ltr;align-items:center;gap:14px;display:flex}.pride-bars{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pride-flag-wrap{cursor:pointer;flex-shrink:0;justify-content:center;display:flex}.pride-flag-stack{flex-direction:column;width:96px;display:flex}.pride-flag-stack img{width:100%;height:auto;display:block}.pride-flag-stack-modal{width:220px;margin:0 auto}.pride-bar-row{align-items:center;gap:8px;display:flex}.pride-bar-label{width:52px;color:var(--cream);flex-shrink:0;font-size:11px}.pride-bar-track{background:#ffffff14;border-radius:5px;flex:1;height:9px;overflow:hidden}.pride-bar-fill{border-radius:5px;height:100%;transition:width .3s}.pride-bar-count{width:34px;color:var(--muted);text-align:end;flex-shrink:0;font-size:10.5px}.pride-bar-done{color:#7cfc9a;flex:1;font-size:11px;font-weight:600}#prizeToastLayer{top:max(10px, env(safe-area-inset-top));z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:0;right:0}.prize-toast{pointer-events:auto;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);opacity:0;border-radius:14px;align-items:center;gap:10px;width:min(92vw,380px);padding:10px 28px 10px 12px;transition:opacity .3s,transform .3s;display:flex;position:relative;transform:translateY(-16px);box-shadow:0 8px 24px #0006}.prize-toast.show{opacity:1;transform:translateY(0)}.prize-toast img{object-fit:contain;flex-shrink:0;width:48px;height:48px}.prize-toast-body{flex:1;min-width:0}.prize-toast-title{color:var(--gold);font-size:12.5px;font-weight:800}.prize-toast-desc{color:var(--muted);margin-top:2px;font-size:11.5px}.prize-toast-cta{color:var(--pink2);cursor:pointer;margin-top:4px;font-size:11.5px;text-decoration:underline;display:inline-block}.prize-toast-close{top:6px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;inset-inline-end:6px}.legacy-fragment{display:contents}.legacy-runtime-error{z-index:99999;color:#fff;background:#3b0b22;border-radius:10px;padding:10px 12px;font:12px/1.4 system-ui;position:fixed;bottom:12px;left:12px;right:12px}.browse-primary-controls{margin-top:4px;margin-bottom:2px}.filter-chip.disabled{opacity:.42;pointer-events:none}#root{justify-content:center;width:100%;min-width:0;max-width:100%;display:flex}#app{min-width:0}.screen,.listening-page-fragment,.soc-screen,.social-feature-root{min-width:0;max-width:100%}.screen>*,.soc-screen>*{min-width:0}input[type=text],input[type=number],select,textarea{min-width:0;max-width:100%}.topbar{flex-wrap:wrap}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.filter-bar{max-width:100%}@media (width<=360px){#app{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.card{padding:14px}}.browse-controls{flex-direction:column;gap:8px;margin-bottom:10px;padding:12px;display:flex}.browse-controls-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.browse-actions{align-items:center;gap:8px;display:flex}.browse-controls .filter-bar{margin:0}.browse-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-open-btn{border:1px solid var(--border);background:var(--glass-bg);color:var(--cream);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.filter-open-btn svg{width:16px;height:16px}.filter-open-btn.has-filters{border-color:var(--pink);color:var(--pink2)}.filter-open-badge{background:var(--pink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-flex}.browse-active-filters{flex-wrap:wrap;gap:6px;display:flex;overflow:hidden}.active-filter-pill{color:var(--pink2);background:#ff4fa829;border-radius:999px;padding:3px 9px;font-size:11px}.active-filter-none{color:var(--muted);font-size:11px}.filter-drawer-overlay{z-index:var(--z-backdrop);background:#00000080;position:fixed;inset:0}.filter-drawer{top:0;bottom:0;width:min(86vw,340px);max-width:100vw;z-index:var(--z-modal);background:var(--card);border-inline-end:1px solid var(--border);box-shadow:var(--shadow-soft);padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 14px);flex-direction:column;transition:transform .22s;display:flex;position:fixed;inset-inline-start:0;transform:translate(-110%)}html[dir=rtl] .filter-drawer{transform:translate(110%)}.filter-drawer.open,html[dir=rtl] .filter-drawer.open{transform:translate(0)}.filter-drawer-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.filter-drawer-title{font-size:15px;font-weight:800}.filter-drawer-close{border:1px solid var(--border);width:40px;height:40px;color:var(--cream);cursor:pointer;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.filter-drawer-close:active{transform:scale(.94)}.filter-drawer-foot .filter-drawer-done{width:100%;margin-top:8px}.filter-drawer-body{flex-direction:column;flex:1;gap:8px;display:flex;overflow:auto}.filter-drawer-foot{padding-top:10px}.hist-period-wrap{justify-content:flex-start;margin-top:8px;display:flex;position:relative}.hist-period-menu{top:calc(100% + 6px);z-index:var(--z-fixed-ui);background:var(--card);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;inset-inline-start:0}.hist-period-menu .filter-chip{text-align:center;width:100%}.hist-filter-badge{direction:rtl;background:linear-gradient(90deg,#ff4fa829,#d633841a);border:1px solid #ff4fa86b;border-radius:12px;align-items:center;gap:9px;margin:8px 0 2px;padding:7px 12px;font-size:12px;display:flex}.hist-filter-badge.hidden{display:none}.hist-filter-badge .fb-dot{background:var(--pink);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #ff4fa838}.hist-filter-badge .fb-list{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.35;overflow:hidden}.hist-filter-badge .fb-list b{color:var(--cream);font-weight:700}.hist-search-wrap{margin:2px 0 10px}.hist-search-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-solid-50);width:100%;color:var(--cream);direction:rtl;border-radius:12px;padding:9px 14px;font-size:14px}.hist-search-input:focus{border-color:var(--pink)}.hist-filter-badge .fb-clear{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:11.5px;font-weight:600}.hist-filter-badge .fb-clear:hover{color:var(--cream);background:#ffffff0f}.hist-filter-badge .fb-reset{color:var(--cream);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:11.5px;font-weight:700}.hist-filter-badge .fb-reset:hover{background:#ffffff14}.coll-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.coll-summary-grid .stat-box{text-align:center;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:14px;min-width:0;padding:12px 6px}.coll-summary-grid .stat-box .num{color:var(--pink2);direction:ltr;unicode-bidi:isolate;font-size:20px;font-weight:800}.coll-summary-grid .stat-box .lbl{color:var(--muted);margin-top:2px;font-size:11px}@media (width>=520px){.coll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.global-search-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;gap:12px;margin-bottom:12px;padding:0;display:flex}.search-mode-switch{background:var(--surface-solid-50);border:1px solid var(--border);border-radius:999px;gap:6px;padding:4px;display:flex}.search-mode-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:8px 10px;font-size:13.5px;font-weight:700}.search-mode-btn.active{background:linear-gradient(90deg,var(--pink),var(--pinkdeep));color:#fff}.global-search-field{border:1.5px solid var(--border);background:#0000006b;border-radius:18px;align-items:center;gap:10px;padding:6px 16px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #0000004d}.global-search-field:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px #ff4fa829}.global-search-field .global-search-ic{object-fit:contain;opacity:.85;flex-shrink:0;width:24px;height:24px}.global-search-field input{min-width:0;color:var(--cream);background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:16px}.global-search-field input::placeholder{color:var(--muted)}#screen-search{padding-bottom:120px}.ui-ic{object-fit:contain;vertical-align:-3px;flex-shrink:0;width:18px;height:18px;display:inline-block}.filter-open-btn img{object-fit:contain;flex-shrink:0;width:18px;height:18px}.search-results-tile{min-height:120px;padding:12px}.notif-tile{padding:12px}.notif-empty{text-align:center;color:var(--muted);padding:18px 8px;font-size:13px}.app-header-ic.bell-ic{filter:none}.album-about{text-align:right;margin-top:14px;padding:14px 16px}.album-about-title{color:var(--pink2);margin-bottom:6px;font-size:13px;font-weight:800}.album-about-body{color:var(--cream);font-size:13.5px;line-height:1.7}.album-about-body.loading{color:var(--muted)}.insights-title{color:var(--pink2);margin:0 2px 8px;font-size:13.5px;font-weight:800}.insights-list{flex-direction:column;gap:8px;display:flex}.insight-tile{padding:11px 13px}.insight-tile-title{color:var(--cream);margin-bottom:3px;font-size:12.5px;font-weight:800}.insight-tile-text{color:var(--muted);font-size:12.5px;line-height:1.6}.insight-loading{color:var(--muted);font-size:12.5px}.screen-back{min-height:32px;color:color-mix(in srgb, var(--violet) 72%, #000);cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;margin:2px 0 8px;padding:7px 2px;font-size:13.5px;font-weight:800;display:inline-flex}.screen-back:active{opacity:.7}.screen-back-ic{color:color-mix(in srgb, var(--violet) 72%, #000);justify-content:center;align-items:center;font-size:20px;font-weight:900;line-height:1;display:inline-flex}.app-header-btn[data-utility]{color:var(--cream)}.app-header-btn[data-utility].is-active{color:var(--pink)}.app-header-btn.app-header-btn-bell{color:var(--cream)}.app-header-btn.app-header-btn-bell.is-active{color:var(--pink)}body.utility-screen #screen-search{padding-bottom:24px}.dedication-tile{background:linear-gradient(145deg,#ff4fa84d,#c62aa038);border:1px solid #ff9dd573;border-radius:18px;margin:6px 0 12px;padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 8px 26px #c62aa047}.dedication-text{z-index:1;text-align:center;color:var(--cream);white-space:pre-line;text-shadow:0 1px 6px #14041a8c;font-size:13px;font-weight:700;line-height:1.6;position:relative}.dedication-heart{color:#ff9dd58c;pointer-events:none;animation:3.4s ease-in-out infinite dedicationPulse;position:absolute}.dedication-heart-a{top:6px;font-size:14px;inset-inline-start:10px}.dedication-heart-b{bottom:6px;font-size:18px;animation-delay:1.2s;inset-inline-end:12px}@keyframes dedicationPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.home-flag-stack{border-radius:14px;width:clamp(104px,32vw,134px);margin-block:-10px;margin-inline-end:-6px}.home-flag-stack img{height:clamp(15px,5vw,20px)}@media (width<=360px){.home-flag-stack{width:clamp(92px,30vw,110px);margin-inline-end:-2px}.home-flag-stack img{height:clamp(13px,4.4vw,16px)}}.result-play-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin:10px 0 8px;display:flex}.result-play-ic{object-fit:contain;width:20px;height:20px}.result-actions{flex-direction:column;gap:8px;margin-top:10px;margin-bottom:4px;padding:12px;display:flex}.result-actions .result-play-btn{margin:0}.result-actions .row{gap:8px}.bg-picker-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.bg-picker-upload{text-align:center;cursor:pointer;z-index:1;width:100%;margin:0;position:relative}.bg-picker-upload input[type=file]{display:none}.bg-picker-url-row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.bg-picker-url-row input{flex:150px;min-width:0;margin:0}.bg-picker-url-row .btn{white-space:nowrap;flex:none}.bg-picker-status{color:var(--muted);min-height:0;font-size:12.5px}.bg-picker-status.error{color:#ff8a8a}.bg-picker-status.ok{color:var(--pink2)}.bg-picker-preview{aspect-ratio:16/7;border:1px solid var(--border);background:#00000040;border-radius:12px;width:100%;overflow:hidden}.bg-picker-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.bg-picker-or{color:var(--muted);margin-top:12px;font-size:12.5px}.achv-tiers{direction:ltr;unicode-bidi:isolate;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;margin:1px 0 0;line-height:1;display:flex}.achv-tier{color:var(--cream);white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.achv-tier-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.achv-tier-bronze .achv-tier-dot{background:#cd7f32}.achv-tier-silver .achv-tier-dot{background:#d9d9e3}.achv-tier-gold .achv-tier-dot{background:var(--gold)}.achv-tier-pink .achv-tier-dot{background:var(--pink)}#activityAchvTiers:not(.hidden)~.hint{margin-top:2px}@media (width<=360px){.achv-tiers{gap:4px}.achv-tier{gap:2px;font-size:10px}.achv-tier-dot{width:6px;height:6px}}.quiz-progress-row{justify-content:flex-end;min-height:14px;margin:0 0 6px;display:flex}@keyframes coverSkelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cover-skel{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff29 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.2s linear infinite coverSkelShimmer;position:relative;overflow:hidden}.cover-skel>img,.cover-skel>svg{opacity:.28}@media (prefers-reduced-motion:reduce){.cover-skel{animation:none}}.cover-skel{aspect-ratio:1;flex-shrink:0}.cover-skel>img,.cover-skel>svg{object-fit:cover;width:100%;height:100%;display:block}.cover-loaded{aspect-ratio:1;object-fit:cover;background:#ffffff0f;display:block}.home-recent-emoji,.home-recent-thumb img{aspect-ratio:1;object-fit:cover}.list-thumb-wrap,.list-thumb-wrap img{aspect-ratio:1}.cover-failed{aspect-ratio:1;background:#ffffff0b;border:1px solid #ffffff0f;flex-shrink:0;animation:none;position:relative;overflow:hidden}.cover-failed>img,.cover-failed>svg{opacity:.22;filter:grayscale();object-fit:contain;width:100%;height:100%;display:block}@keyframes coverFadeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.cover-loaded,.soc-cover-img,.ls-cover-img,.cover-failed{animation:.28s ease-out both coverFadeIn}@media (prefers-reduced-motion:reduce){.cover-loaded,.soc-cover-img,.ls-cover-img,.cover-failed{animation:none}}img.cover-fallback{opacity:.75;object-fit:cover;background:hsl(var(--surface-2,260 20% 12%))}@keyframes recordHighlightPulse{0%{box-shadow:0 0 0 0 hsl(var(--brand,266 70% 60%)/.55)}to{box-shadow:0 0 0 14px hsl(var(--brand,266 70% 60%)/0)}}.record-highlight{outline:2px solid hsl(var(--brand,266 70% 60%)/.9);outline-offset:2px;border-radius:12px;animation:1.3s ease-out 2 recordHighlightPulse}.spinlog-open{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;display:flex}.spinlog-open .v-ic{width:22px;height:22px}.spinlog-choices{flex-direction:column;gap:10px;display:flex}.spinlog-choices .btn{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.spinlog-choice .v-ic{width:22px;height:22px}#spinLogModal .side-picker{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.admin-shell{background:var(--bg);min-height:100vh;color:var(--cream);box-sizing:border-box;-webkit-font-smoothing:antialiased;max-width:820px;margin:0 auto;padding:20px 16px 40px}.admin-loading{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.admin-title{color:var(--cream);margin:0;font-size:22px;font-weight:800}.admin-link{color:var(--violet);font-size:13px;font-weight:700;text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-card{background:var(--surface-solid);border:1px solid var(--border);text-align:center;border-radius:18px;margin-top:20vh;padding:32px 24px}.admin-card .admin-btn{background:var(--violet);color:#fff;border-radius:999px;margin-top:16px;padding:10px 22px;font-weight:700;text-decoration:none;display:inline-block}.admin-filters{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.admin-search{box-sizing:border-box;background:var(--surface-solid);border:1px solid var(--border);width:100%;color:var(--cream);border-radius:12px;outline:none;padding:11px 14px;font-size:14px}.admin-search::placeholder{color:var(--muted);opacity:.7}.admin-search:focus{border-color:var(--violet)}.admin-tabs{flex-wrap:wrap;gap:6px;display:flex}.admin-tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.admin-tab.active{background:var(--violet);color:#fff;border-color:#0000}.admin-tab-count{background:#ffffff38;border-radius:999px;padding:1px 7px;font-size:11px}.admin-tab:not(.active) .admin-tab-count{background:var(--surface-50)}.admin-refresh{border:1px solid var(--border);color:var(--cream);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:7px 16px;font-size:13px;font-weight:700}.admin-refresh:disabled{opacity:.5}.admin-error{border:1px solid var(--bad);color:var(--bad);background:#f5a8b324;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}.admin-empty{text-align:center;color:var(--muted);padding:48px 0;font-size:15px}.admin-list{flex-direction:column;gap:12px;display:flex}.admin-override{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.admin-override-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px;display:grid}.admin-override-field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.admin-override-field input{width:100%}.admin-override-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.admin-override-notice{color:var(--muted);grid-column:1/-1;font-size:12px}.admin-report-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:16px;padding:16px}.admin-report-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.admin-status-chip{color:var(--bg);text-transform:none;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.admin-report-date{color:var(--muted);font-size:12px}.admin-report-body{grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:14px;display:grid}.admin-report-field{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-field-label{color:var(--muted);font-size:11px;font-weight:700}.admin-field-value{color:var(--cream);word-break:break-word;font-size:14px}.admin-note{grid-column:1/-1}.admin-report-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-action{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.admin-action.approve{background:var(--good);color:var(--bg)}.admin-action.reject{background:var(--bad);color:var(--bg)}.admin-action.link{border:1px solid var(--border);color:var(--violet);background:0 0}.admin-action:disabled{opacity:.4;cursor:default}.admin-footer{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}@media (width<=480px){.admin-report-body{grid-template-columns:1fr}.admin-title{font-size:19px}}.import-bar{z-index:70;left:10px;right:10px;bottom:calc(var(--nav-h) + var(--mini-h,0px) + 10px + env(safe-area-inset-bottom));border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);direction:rtl;background:#26103cdb;border-radius:16px;padding:10px 12px;transition:bottom .25s;position:fixed;box-shadow:0 10px 28px #00000059}.import-bar-top,.import-bar-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.import-bar-title{color:var(--cream,#f6efe6);font-size:13.5px;font-weight:700}.import-bar-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.import-bar-track{background:#ffffff24;border-radius:99px;height:6px;margin:7px 0 6px;overflow:hidden}.import-bar-fill{background:linear-gradient(90deg,var(--pink2,#ff8fd0),var(--pink,#ff5fb0));border-radius:99px;width:0;height:100%;transition:width .3s}.import-bar-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.import-bar-btn{cursor:pointer;color:var(--cream,#f6efe6);border:1px solid var(--border);background:#ffffff1a;border-radius:99px;flex:none;padding:4px 10px;font-size:11.5px}.import-bar[data-cloud=saved] .import-bar-sub{color:var(--pink2,#ff8fd0)}.talk-record-card{text-align:center;flex-direction:column;align-items:stretch;gap:12px;padding:18px 14px;display:flex}.talk-record-head{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.talk-record-card .feed-record-art{flex:0 0 84px;width:84px;height:84px;margin:0 auto 6px;font-size:38px}.talk-record-album{font-size:16px;font-weight:800}.talk-record-artist{color:var(--muted);font-size:13px}.talk-record-count{color:var(--muted);font-size:12px;font-weight:700}.talk-rating-row{align-items:stretch;gap:10px;display:flex}.talk-rating-col{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:0;padding:10px 6px;display:flex}.talk-rating-label{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.talk-rating-label .soc-vinyl-ic{width:14px;height:14px}.talk-rating-stars{gap:1px;font-size:14px;line-height:1;display:inline-flex}.talk-star{color:var(--text);opacity:.28;position:relative}.talk-star.is-full{color:var(--pink2,#ff8fd0);opacity:1}.talk-star.is-half:after{content:"★";color:var(--pink2,#ff8fd0);opacity:1;clip-path:inset(0 0 0 50%);position:absolute;inset:0}[dir=ltr] .talk-star.is-half:after{clip-path:inset(0 50% 0 0)}.talk-rating-score{font-size:15px;font-weight:900}.talk-rating-count{color:var(--muted);font-size:11px}.talk-rating-empty{color:var(--muted);opacity:.65;padding:6px 0;font-size:11.5px}@keyframes talkSkelPulse{0%,to{opacity:.25}50%{opacity:.5}}.talk-star-skel{color:var(--text);opacity:.25;animation:1.3s ease-in-out infinite talkSkelPulse}.talk-skel-box{background:#ffffff24;border-radius:6px;animation:1.3s ease-in-out infinite talkSkelPulse}.talk-skel-score{width:34px;height:15px}.talk-skel-count{width:58px;height:11px}@media (prefers-reduced-motion:reduce){.talk-star-skel,.talk-skel-box{animation:none}}.talk-myrating{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.talk-myrating-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.talk-myrating-title{color:var(--muted);font-size:12px;font-weight:800}.talk-myrating-clear{cursor:pointer;color:var(--muted);opacity:.7;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:800;text-decoration:underline}.talk-myrating-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.talk-myrating-stars{gap:2px;font-size:22px}.talk-star-btn{cursor:pointer;display:inline-block;position:relative}.talk-star-hit{cursor:pointer;background:0 0;border:none;width:50%;margin:0;padding:0;position:absolute;top:0;bottom:0}.talk-star-hit-half{inset-inline-start:0}.talk-star-hit-full{inset-inline-end:0}.talk-sort-row{gap:8px;display:flex}.talk-sort-btn{border:1px solid var(--line);color:var(--muted);opacity:.5;cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:8px 10px;font-size:13px;font-weight:800}.talk-sort-btn.active{opacity:1;color:var(--text);background:var(--glass)}.talk-open-btn{width:auto;min-width:190px;margin:12px auto 0;display:block}.talk-gif-picker{border-radius:var(--radius);margin-top:8px;padding:10px}.talk-gif-picker.hidden{display:none}.talk-list-wrap{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);padding:12px}.talk-list{flex-direction:column;gap:10px;display:flex}.talk-comment{background:var(--card2);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:14px;gap:10px;padding:12px 14px;display:flex}.talk-comment.is-reply{background:var(--card);margin-inline-start:26px}.talk-comment-body{flex:1;min-width:0}.talk-comment-name{cursor:pointer;font-size:13px;font-weight:800}.talk-comment-text{overflow-wrap:anywhere;margin-top:2px;font-size:14px}.talk-comment-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.talk-like-btn{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:12px;font-weight:800}.talk-like-btn.active{opacity:1;color:var(--text)}.talk-composer{margin-top:8px}.talk-composer.is-reply{margin-inline-start:0}.feed-talk-quote{background:var(--glass);border:1px solid var(--line);cursor:pointer;overflow-wrap:anywhere;border-radius:12px;margin:8px 0 0;padding:8px 10px;font-size:13px}.feed-talk-link{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;margin-top:8px;padding:8px;font-size:13px;font-weight:800}.feed-talk-link:hover{color:var(--text)}.collection-row-note{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:13px}.talk-more-row{justify-content:center;padding:6px 0 2px;display:flex}.talk-more-btn{background:var(--glass);border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;padding:10px 18px;font-size:12.5px;font-weight:800}.talk-more-btn[disabled]{opacity:.5;cursor:default}.comment-action-link.is-reported{opacity:.55;font-weight:800}.talk-report-title{margin-bottom:10px;font-size:16px;font-weight:900}.talk-report-quote{background:var(--glass);border:1px solid var(--line);color:var(--muted);border-radius:12px;margin-bottom:10px;padding:8px 10px;font-size:12.5px}.talk-report-reasons{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.talk-report-reason{align-items:center;gap:8px;min-height:36px;font-size:13.5px;font-weight:600;display:flex}.talk-report-note{background:var(--glass);border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:13px}.talk-report-actions{gap:8px;margin-top:12px;display:flex}.talk-report-actions .btn{flex:1}.user-tags-row{margin-top:6px}.tag.user-tag{color:#fff;background:linear-gradient(90deg,#ff4fa84d,#c62aa04d);border-color:#ff4fa8b3}.tag.user-tag.selectable{cursor:pointer;font:inherit;font-size:12px;font-weight:600;line-height:1}.tag.user-tag.selectable:not(.active){color:var(--pink2);opacity:.75;background:#ff4fa81f}.tag.user-tag-add{cursor:pointer;color:var(--pink2);background:#ff4fa81f;border:1px dashed #ff4fa899;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800;line-height:1.1}.tag.user-tag-add:hover{background:#ff4fa838}.user-tag-group{margin-bottom:14px}.user-tag-group-title{color:var(--muted);margin-bottom:6px;font-size:12.5px}.user-tag-list{flex-wrap:wrap;gap:6px;display:flex}.user-tag-input-row{align-items:center;gap:8px;margin-top:6px;display:flex}.user-tag-input-row input{flex:1;margin:0}.user-tag-input-row .btn{width:auto;padding:10px 16px}.taste-tile{cursor:pointer;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px;padding:14px 12px;display:flex}.taste-tile .taste-heart{width:44px;height:44px}.taste-pct{color:var(--pink2);font-size:30px;font-weight:900;line-height:1.1}.taste-pct.big{font-size:44px}.taste-lbl{color:var(--muted);font-size:12.5px}.taste-hero{flex-direction:column;align-items:center;gap:4px;margin-bottom:14px;display:flex}.taste-hero .taste-heart{width:64px;height:64px}.taste-section{margin-top:14px}.taste-section-title{color:var(--muted);margin-bottom:6px;font-size:12.5px}.taste-line{font-size:14px;font-weight:600}.taste-bar-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.taste-bar-lbl{color:var(--muted);flex:0 0 84px;font-size:12.5px}.taste-bar{background:#ffffff17;border-radius:999px;flex:1;height:8px;overflow:hidden}.taste-bar>span{background:linear-gradient(90deg,var(--pink),var(--gold));height:100%;display:block}.taste-bar-val{text-align:end;flex:0 0 40px;font-size:12px;font-weight:700}.ap-shell{max-width:1080px}.ap-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.ap-sub{color:var(--muted);margin:4px 0 0;font-size:13px}.ap-nav{background:var(--surface-50);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:5px;display:flex}.ap-nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.ap-nav-btn.active{background:var(--violet);color:#fff;box-shadow:0 6px 18px #00000040}.ap-section{flex-direction:column;gap:14px;display:flex}.ap-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ap-subnav{flex-wrap:wrap;gap:6px;display:flex}.ap-updated{color:var(--muted);font-size:12px}.ap-notice{border:1px solid var(--good);color:var(--good);background:#a0ffbe1a;border-radius:10px;padding:9px 13px;font-size:13px}.ap-metrics{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.ap-metric{background:var(--surface-solid);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:2px;padding:14px;display:flex}.ap-metric-label{color:var(--muted);font-size:12px;font-weight:700}.ap-metric-value{color:var(--cream);font-size:24px;font-weight:900;line-height:1.2}.ap-metric-sub{color:var(--muted);opacity:.85;font-size:11px}.ap-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.ap-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:18px;padding:16px}.ap-card-title{color:var(--cream);margin-bottom:10px;font-size:14px;font-weight:800}.ap-card-foot{color:var(--muted);margin-top:8px;font-size:12px}.ap-spark{width:100%;height:46px;display:block}.ap-mini-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ap-mini-list li{color:var(--cream);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:6px;font-size:13px;display:flex}.ap-mini-list li:last-child{border-bottom:0;padding-bottom:0}.ap-mini-num{color:var(--muted);white-space:nowrap;font-size:11px}.ap-dot{background:var(--good);border-radius:50%;width:8px;height:8px;margin-inline-end:6px;display:inline-block}.ap-feature-list{flex-direction:column;gap:12px;display:flex}.ap-feature-head{color:var(--cream);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.ap-feature-nums em{color:var(--muted);margin-inline-start:6px;font-size:11px;font-style:normal}.ap-feature-nums em.up{color:var(--good)}.ap-feature-nums em.down{color:var(--bad)}.ap-feature-sub{color:var(--muted);margin-top:3px;font-size:11px}.ap-bar{background:var(--surface-50);border-radius:999px;height:7px;margin-top:5px;overflow:hidden}.ap-bar span{background:linear-gradient(90deg,var(--violet),var(--gold));border-radius:999px;height:100%;display:block}.ap-tiers{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;display:grid}.ap-tier{background:var(--surface-50);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.ap-tier strong{color:var(--cream);font-size:18px}.ap-tier span{color:var(--muted);font-size:11px}.ap-tier-bronze{border-color:#a97142}.ap-tier-silver{border-color:#c9ced6}.ap-tier-gold{border-color:var(--gold)}.ap-tier-pink{border-color:#f0a6d0}.ap-users{flex-direction:column;gap:10px;display:flex}.ap-user{background:var(--surface-solid);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.ap-user.banned{border-color:var(--bad)}.ap-user-main{align-items:flex-start;gap:12px;display:flex}.ap-avatar{background:var(--surface-50);width:44px;height:44px;color:var(--cream);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid;overflow:hidden}.ap-avatar img{object-fit:cover;width:100%;height:100%}.ap-user-name{color:var(--cream);flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.ap-user-handle{color:var(--muted);font-size:12px}.ap-user-meta{color:var(--muted);opacity:.85;margin-top:3px;font-size:11px}.ap-chip{background:var(--surface-50);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.ap-chip.admin{background:var(--violet);color:#fff;border-color:#0000}.ap-chip.bad{background:var(--bad);color:#2a0f16;border-color:#0000}.ap-chip.kind-feature{background:var(--violet);color:#fff;border-color:#0000}.ap-chip.kind-fix{background:var(--good);color:#0d2a16;border-color:#0000}.ap-chip.kind-design{background:var(--gold);color:#2a1f04;border-color:#0000}.ap-chip.kind-backend{background:var(--surface-50);color:var(--cream)}.ap-pager{justify-content:space-between;align-items:center;gap:8px;display:flex}.ap-timeline{flex-direction:column;gap:10px;display:flex}.ap-log{background:var(--surface-solid);border:1px solid var(--border);border-radius:16px;padding:14px;position:relative}.ap-log-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.ap-log-title{color:var(--cream);font-size:15px;font-weight:800}.ap-log-body{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.ap-log-changes{color:var(--cream);flex-direction:column;gap:4px;margin:8px 0 0;padding-inline-start:18px;font-size:13px;display:flex}.ap-check{align-items:center;gap:8px;flex-direction:row!important}.ap-modal-backdrop{z-index:9999;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ap-modal{text-align:right;background:var(--surface-solid,#2a1c3f);width:100%;max-width:400px;max-height:86vh;color:var(--cream,#f5efe6);border:1px solid var(--border);border-radius:18px;padding:18px;overflow-y:auto;box-shadow:0 18px 50px #00000073}.ap-modal.wide{max-width:540px}.ap-confirm{background:#00000047;border-radius:12px;margin-top:14px;padding:12px;font-size:14px;line-height:1.5}.admin-override-field select,.admin-override-field textarea,.admin-override-field input{background:var(--surface-50);border:1px solid var(--border);color:var(--cream);border-radius:10px;outline:none;padding:9px 11px;font-family:inherit;font-size:13px}.admin-override-field textarea{resize:vertical}@media (width<=520px){.ap-nav{border-radius:16px}.ap-nav-btn{flex:40%;padding:8px 10px;font-size:12px}.ap-metric-value{font-size:20px}}.more-picks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.more-pick{border:1px solid var(--border);background:var(--surface-50);color:var(--cream);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:8px;font-family:inherit;display:flex}.more-pick:active{transform:scale(.97)}.more-pick-art{aspect-ratio:1;border-radius:10px;width:100%;display:block;overflow:hidden}.more-pick-art img{object-fit:cover;width:100%;height:100%;display:block}.more-pick-album{font-size:12px;font-weight:700;line-height:1.25}.more-pick-artist{color:var(--muted);font-size:11px;line-height:1.2}.social-feature-root .soc-screen{flex-direction:column;gap:14px;display:none}.social-feature-root .soc-screen.active{display:flex}.social-feature-root .soc-subtopbar{display:none}.soc-header{padding:4px 2px}.soc-header-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.soc-header-title{background:linear-gradient(90deg,var(--pink),var(--pink2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:23px;font-weight:900}.soc-header-sub{color:var(--muted);margin-top:3px;font-size:12.5px}.soc-header-icons{flex-shrink:0;gap:8px;padding-top:2px;display:flex}.header-icon-btn{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex;position:relative}.header-icon-btn:active{transform:scale(.94)}.header-icon-btn .nav-badge{top:-4px;background:var(--pink);color:#fff;text-align:center;border-radius:999px;min-width:14px;padding:1px 5px;font-size:9px;font-weight:800;line-height:1.3;position:absolute;inset-inline-end:-4px}.soc-avatar{border:1px solid var(--border);background:linear-gradient(155deg,#5a2160,#7a2b70);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.soc-avatar.small{width:26px;height:26px;font-size:13px}.soc-avatar.xl{width:78px;height:78px;margin:0 auto 10px;font-size:36px}.feed-list{flex-direction:column;gap:12px;display:flex}.feed-load-more{align-self:center;margin-top:4px}.feed-card{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-inline-start:4px solid #0000;padding:14px}.feed-card.type-added{border-inline-start-color:#6fe3a0}.feed-card.type-spin{border-inline-start-color:var(--pink)}.feed-card-head{align-items:center;gap:10px;display:flex}.feed-card-head-main{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.feed-card-who{flex:1;min-width:0}.feed-card-name-line{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.feed-card-name{font-size:14px;font-weight:800}.feed-card-verb{font-size:13px;font-weight:600}.feed-card-verb.type-added{color:#6fe3a0}.feed-card-verb.type-spin{color:var(--pink2)}.feed-card-time{color:var(--muted);margin-top:1px;font-size:11.5px}.feed-card-record{background:#ffffff0d;border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex}.feed-card-record-link{min-width:0;color:inherit;cursor:pointer;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.feed-record-art{background:#ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex;position:relative}.discogs-badge{bottom:-4px;background:var(--card2);border:2px solid var(--card2);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;inset-inline-end:-4px;box-shadow:0 1px 4px #0006}.feed-record-info{flex:1;min-width:0}.feed-record-album{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.feed-record-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rating-box{border:1px solid #0000;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:64px;height:48px;padding:4px 8px;display:flex}.rating-box-ic{font-size:13px;line-height:1}.rating-box-stars{letter-spacing:1px;direction:ltr;font-size:13px;line-height:1}.rating-box-stars .star{opacity:.28}.rating-box-stars .star.filled{opacity:1}.rating-box.music{background:var(--border);border-color:var(--border)}.rating-box.music .rating-box-ic,.rating-box.music .star.filled{color:var(--pink2)}.rating-box.pressing{background:#ffd76a1a;border-color:#ffd76a47}.rating-box.pressing .rating-box-ic,.rating-box.pressing .star.filled{color:var(--gold)}.status-box{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:26px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:800;text-decoration:none;display:flex}.status-box.owned{color:#6fe3a0;background:#6fe3a026;border-color:#6fe3a059}.status-box.wishlisted{color:var(--gold);background:#ffd76a26;border-color:#ffd76a59}.status-box.wishlist-btn{color:var(--muted);border-color:var(--border);cursor:pointer;background:#ffffff0f}.status-box.wishlist-btn:active{transform:scale(.94)}.discogs-icon{border-radius:50%;flex-shrink:0}.feed-card-actions{gap:8px;margin-top:10px;display:flex}.feed-action-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:12.5px;font-weight:700;transition:transform .12s;display:flex}.feed-action-btn:active{transform:scale(.96)}.feed-action-btn.active{color:var(--pink2);background:#ff4fa814;border-color:#ff4fa866}.reaction-count{align-items:center;gap:3px;display:inline-flex}.reaction-picker{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;justify-content:center;gap:6px;margin-top:8px;padding:8px;display:flex}.reaction-picker.hidden{display:none}.reaction-choice{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 8px;font-size:19px;transition:transform .12s}.reaction-choice:active{transform:scale(.9)}.reaction-choice.active{background:#ff4fa82e}.feed-comments{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.feed-comments.hidden{display:none}.feed-comments-list{flex-direction:column;gap:8px;max-height:220px;margin-bottom:8px;display:flex;overflow-y:auto}.feed-comment{align-items:flex-start;gap:8px;display:flex}.feed-comment-body{background:#ffffff0d;border-radius:12px;flex:1;padding:6px 10px;font-size:12.5px;line-height:1.5}.feed-comment-name{margin-inline-end:6px;font-weight:800}.comment-gif{border-radius:10px;width:100%;max-width:160px;margin-top:6px;display:block}.feed-comment-meta{align-items:center;gap:8px;margin-top:3px;display:flex}.feed-comment-time{color:var(--muted);font-size:10.5px}.comment-action-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:10.5px;font-weight:700;text-decoration:underline}.comment-edit-row{align-items:center;gap:6px;margin-top:4px;display:flex}.comment-edit-input{border:1px solid var(--border);color:#fff;background:#ffffff0f;border-radius:999px;flex:1;min-width:0;padding:6px 12px;font-size:12.5px}.comment-edit-input:focus{border-color:#ff4fa880;outline:none}.comment-edit-save{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;height:28px;padding:0 12px;font-size:11px;font-weight:800}.comment-edit-cancel{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:999px;flex-shrink:0;height:28px;padding:0 12px;font-size:11px;font-weight:800}.feed-comment-input-row{gap:6px;display:flex}.feed-comment-input{border:1px solid var(--border);color:#fff;background:#ffffff0f;border-radius:999px;flex:1;min-width:0;padding:9px 14px;font-size:13px}.feed-comment-input:focus{border-color:#ff4fa880;outline:none}.feed-comment-send{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:0 16px;font-size:12.5px;font-weight:800}.comment-tool-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:999px;flex-shrink:0;height:36px;padding:0 12px;font-size:13px;font-weight:800}.comment-tool-btn.active{color:var(--pink2);background:#ff4fa814;border-color:#ff4fa866}.comment-tool-btn:active{transform:scale(.94)}.emoji-picker{margin-top:8px}.emoji-picker.hidden{display:none}.emoji-grid{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;grid-template-columns:repeat(7,1fr);gap:2px;padding:8px;display:grid}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 0;font-size:19px}.emoji-btn:active{background:#ffffff1a}.gif-picker{margin-top:8px}.gif-picker.hidden{display:none}.gif-search-input{border:1px solid var(--border);color:#fff;background:#ffffff0f;border-radius:999px;width:100%;margin-bottom:8px;padding:8px 14px;font-size:13px}.gif-search-input:focus{border-color:#ff4fa880;outline:none}.gif-attrib{color:var(--muted);text-align:center;margin-top:4px;font-size:10px}.gif-results{grid-template-columns:repeat(3,1fr);gap:6px;max-height:220px;display:grid;overflow-y:auto}.gif-thumb{object-fit:cover;cursor:pointer;background:#ffffff0d;border-radius:10px;width:100%;height:80px;display:block}.gif-thumb:active{transform:scale(.96)}.gif-status{text-align:center;color:var(--muted);grid-column:1/-1;padding:20px 0;font-size:12px}#userSearchInput{border:1px solid var(--border);color:#fff;background:#ffffff0f;border-radius:14px;width:100%;padding:12px 14px;font-size:14px}#userSearchInput:focus{border-color:#ff4fa880;outline:none}.search-filter-row{gap:6px;padding:2px;display:flex;overflow-x:auto}.search-filter-chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:999px;flex-shrink:0;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700}.search-filter-chip.active{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff;border-color:#0000}.search-filter-chip:active{transform:scale(.95)}.user-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.user-row{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.user-row-info{flex:1;min-width:0}.user-row-name{font-size:14px;font-weight:800}.user-row-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.user-row-sub.is-friend{color:#8fe3ac}.user-row-chev{color:var(--muted);font-size:18px}.profile-top-card{text-align:center;padding-top:0;position:relative;overflow:hidden}.profile-banner{height:88px;margin:0 -16px}.soc-avatar.xl.profile-avatar-overlap{z-index:1;border:3px solid var(--card);margin-top:-40px;position:relative}.profile-name{margin-top:4px;font-size:18px;font-weight:900}.profile-meta-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;display:flex}.profile-meta b{color:#fff}.profile-bio{color:var(--muted);margin-top:8px;padding:0 6px;font-size:12.5px;line-height:1.5}.profile-relationship{flex-direction:column;align-items:center;gap:10px;margin-top:12px;display:flex}.profile-relationship>*{width:auto;margin-top:0!important}.profile-relationship .activity-friends-row{margin:0}.profile-relationship .btn{max-width:100%;padding:9px 18px;font-size:13px}.profile-relationship .profile-unfriend-confirm,.profile-relationship .profile-request-incoming{width:100%}@media (width<=360px){.profile-relationship .btn{padding:8px 12px;font-size:12px}}.profile-friend-badge{color:#8fe3ac;cursor:pointer;background:#78dc9624;border:1px solid #78dc964d;border-radius:999px;margin-top:12px;padding:6px 16px;font-family:inherit;font-size:12.5px;font-weight:800;display:inline-block}.profile-friend-badge:active{transform:scale(.96)}.profile-unfriend-confirm{background:#ff5a5a14;border:1px solid #ff5a5a4d;border-radius:14px;margin-top:14px;padding:12px}.profile-request-incoming{border:1px solid var(--border);background:#ffffff0d;border-radius:14px;margin-top:14px;padding:12px}.profile-request-text{margin-bottom:10px;font-size:12.5px;font-weight:700}.profile-request-actions{justify-content:center;gap:8px;display:flex}.profile-request-actions .btn{flex:1}.profile-locked-card{text-align:center}.profile-locked-ic{font-size:30px}.profile-locked-text{margin-top:4px;font-size:15px;font-weight:800}.profile-locked-sub{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.6}.profile-stat-row{gap:10px;display:flex}.profile-stat{text-align:center;flex:1}.profile-stat-num{color:var(--pink2);font-size:22px;font-weight:900}.profile-stat-lbl{color:var(--muted);margin-top:2px;font-size:11.5px}.soc-link-card{text-align:start;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--radius);color:#fff;cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:800;display:flex}.soc-link-ic{font-size:20px}.soc-link-label{flex:1}.soc-link-chev{color:var(--muted);font-size:18px}.profile-readonly-note{color:var(--muted);text-align:center;padding:4px 10px 0;font-size:12px;line-height:1.6}.profile-section-title{color:var(--muted);margin:6px 2px 0;font-size:13px;font-weight:800}.soc-readonly-tag{color:var(--muted);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:11.5px}.collection-row{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:14px;padding:10px}.collection-row-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.collection-row-body{align-items:center;gap:8px;display:flex}.collection-row-link{min-width:0;color:inherit;cursor:pointer;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.collection-row.flash-highlight{animation:1.5s ease-out socFlashHighlight}@keyframes socFlashHighlight{0%{box-shadow:0 0 0 2px var(--pink)}to{box-shadow:0 0 #ff4fa800}}.collection-row-date{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:10.5px}.achv-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.achv-tile{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);text-align:center;border-radius:16px;padding:14px 10px}.achv-tile.locked{opacity:.5}.achv-ic{font-size:26px}.achv-name{margin-top:6px;font-size:12.5px;font-weight:800}.achv-progress{color:var(--muted);margin-top:3px;font-size:11px}.soc-empty{text-align:center;color:var(--muted);padding:44px 16px}.soc-empty-ic{margin-bottom:8px;font-size:36px}.soc-empty-title{color:#fff;font-size:15px;font-weight:800}.soc-empty-sub{margin-top:4px;font-size:12.5px;line-height:1.7}.soc-empty .btn{margin-top:16px}.live-now-card{background:linear-gradient(135deg,#ff4fa824,#ff4fa80d);border:1px solid #ff4fa859;border-radius:16px;align-items:center;gap:10px;margin-bottom:2px;padding:12px;display:flex;position:relative}.live-now-badge{top:-8px;color:#fff;letter-spacing:.3px;background:#ff3b3b;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:900;animation:1.6s ease-in-out infinite liveNowPulse;position:absolute;inset-inline-start:12px;box-shadow:0 2px 8px #ff3b3b80}@keyframes liveNowPulse{0%,to{opacity:1}50%{opacity:.55}}.live-now-info{flex:1;min-width:0}.live-now-name{font-size:13px;font-weight:800}.live-now-record{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.live-now-join-btn{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:11.5px;font-weight:800}.live-now-join-btn:active{transform:scale(.96)}.live-now-join-btn:disabled{opacity:.7}.reco-section{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);flex-direction:column;gap:10px;margin-bottom:2px;padding:14px;display:flex}.reco-title{color:var(--cream);letter-spacing:.2px;padding:0 2px;font-size:13px;font-weight:800}.reco-people-row{gap:10px;padding:2px 2px 4px;display:flex;overflow-x:auto}.reco-person-card{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);text-align:center;border-radius:16px;flex-shrink:0;width:112px;padding:12px 10px}.reco-person-name{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;font-weight:800;overflow:hidden}.reco-person-mutual{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.4}.reco-person-btn{width:100%;color:var(--pink2);cursor:pointer;background:#ff4fa824;border:1px solid #ff4fa84d;border-radius:999px;margin-top:8px;padding:6px 0;font-size:11px;font-weight:800}.reco-person-btn:active{transform:scale(.96)}.reco-person-btn.sent{color:var(--muted);cursor:default;background:#ffffff0d}.trending-row{gap:8px;display:flex}.trending-mini-card{text-align:center;min-width:0;color:var(--cream);cursor:pointer;background:linear-gradient(135deg,#3a1743,#4a1f53);border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;flex:1;align-items:center;padding:10px 6px;font-family:inherit;text-decoration:none;display:flex;box-shadow:0 4px 14px #14041a73}.trending-mini-card:active{transform:scale(.97)}.trending-mini-ic{font-size:20px}.trending-mini-art{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;overflow:hidden}.trending-mini-album{white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:5px;font-size:11px;font-weight:800;overflow:hidden}.trending-mini-artist{color:#fff4fbb3;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;overflow:hidden}.trending-mini-count{color:var(--pink2);margin-top:5px;font-size:9.5px;font-weight:800}.notif-item{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex}.notif-item.unread{border-color:#ff4fa866}.notif-item.unread:before{content:"";background:var(--pink);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-body{flex:1;min-width:0}.notif-text{font-size:13px;line-height:1.5}.notif-text b{font-weight:800}.notif-time{color:var(--muted);margin-top:2px;font-size:11px}.notif-actions{gap:8px;margin-top:8px;display:flex}.notif-actions .btn{flex:1;padding:8px 0;font-size:12px}.compare-summary-row{gap:10px;margin-bottom:2px;display:flex}.compare-stat{text-align:center;flex:1}.compare-stat-num{color:var(--pink2);font-size:22px;font-weight:900}.compare-stat-lbl{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4}.leaderboard-toggle{border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:4px;display:flex}.leaderboard-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 0;font-size:12px;font-weight:800}.leaderboard-toggle-btn.active{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff}.leaderboard-month-note{color:var(--muted);text-align:center;background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:12px;margin:2px 0 4px;padding:8px 12px;font-size:11px}.leaderboard-row{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.leaderboard-row.is-me{border-color:#ff4fa866}.leaderboard-rank{text-align:center;width:26px;color:var(--muted);flex-shrink:0;font-size:14px;font-weight:900}.leaderboard-row:first-child .leaderboard-rank{font-size:20px}.leaderboard-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:800;overflow:hidden}.leaderboard-num{color:var(--gold);flex-shrink:0;font-size:14px;font-weight:900}.leaderboard-peek{cursor:pointer;background:linear-gradient(135deg,#ffd76af0,#ff9678d6);border:1px solid #78501480;border-radius:16px;padding:12px 14px}.leaderboard-peek:active{transform:scale(.99)}.leaderboard-peek-head{justify-content:space-between;align-items:center;display:flex}.leaderboard-peek-title{color:var(--bg);font-size:12.5px;font-weight:800}.leaderboard-peek-toggle{gap:4px;display:flex}.leaderboard-peek-toggle-btn{border:1px solid var(--border);color:var(--cream);cursor:pointer;background:#00000059;border-radius:999px;padding:5px 9px;font-size:12px;line-height:1}.leaderboard-peek-toggle-btn.active{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff;border-color:#0000}.leaderboard-peek-toggle-btn:active{transform:scale(.92)}.leaderboard-peek-rows{flex-direction:column;gap:7px;margin-top:9px;display:flex}.leaderboard-peek-row{align-items:center;gap:8px;display:flex}.leaderboard-peek-medal{text-align:center;flex-shrink:0;width:20px;font-size:14px}.leaderboard-peek-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.leaderboard-peek-num{color:#8a5a00;flex-shrink:0;font-size:12px;font-weight:800}.soc-vinyl-ic{object-fit:contain;vertical-align:-.15em;width:1.05em;height:1.05em;display:inline-block}.soc-avatar .soc-vinyl-ic,.trending-mini-ic .soc-vinyl-ic{width:1.15em;height:1.15em}.user-row-handle{color:var(--pink2);opacity:.85;margin-top:1px;font-size:11.5px}.profile-handle{color:var(--pink2);opacity:.85;margin-top:2px;font-size:12.5px}.search-empty{padding:26px 12px}.search-empty-ic{object-fit:contain;opacity:.95;width:88px;height:88px;margin:0 auto 12px;display:block}.soc-empty-img{object-fit:contain;opacity:.9;width:56px;height:56px;margin:0 auto 8px;display:block}.leaderboard-toggle{align-items:stretch}.leaderboard-toggle-btn{white-space:normal;text-align:center;color:var(--cream);opacity:.72;background:#00000047;justify-content:center;align-items:center;gap:6px;padding:8px 10px;line-height:1.35;display:flex}.leaderboard-toggle-btn.active{opacity:1;background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff}.leaderboard-toggle-btn span{min-width:0}.soc-music-ic{object-fit:contain;vertical-align:-.15em;width:1.05em;height:1.05em;display:inline-block}.leaderboard-peek-toggle-btn{color:var(--cream);opacity:.9;background:#00000059}.leaderboard-peek-toggle-btn.active{opacity:1}.leaderboard-peek-name{color:#3a1232d1}.leaderboard-peek-num{color:#8a5a00}.profile-friends-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.profile-friends-btn b{color:var(--pink2)}.fr-pop-title{margin-bottom:12px;padding-inline-end:34px;font-size:16px;font-weight:800}.fr-pop-list{flex-direction:column;gap:8px;max-height:min(58dvh,440px);display:flex;overflow:auto}.fr-pop-row{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.fr-pop-row:active{background:#ffffff17}.fr-pop-info{flex:1;min-width:0}.fr-pop-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.fr-pop-handle{color:var(--pink2);opacity:.85;font-size:11px}.fr-pop-error{color:#ff9a9a;margin-top:2px;font-size:10.5px}.fr-pop-action{flex-shrink:0}.fr-pop-add{cursor:pointer;background:var(--pink);color:#fff;border:0;border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:800}.fr-pop-state{color:var(--muted);font-size:11px}.fr-pop-state.is-friend{color:#8fe3ac}.fr-pop-more{color:var(--cream,#f6efe7);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;margin:4px auto 2px;padding:8px 16px;font-size:12px;font-weight:700}.fr-pop-more:active{background:#ffffff1f}.fr-pop-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fr-pop-friend-wrap{align-items:center;gap:6px;display:flex}.fr-pop-remove{color:#ff9a9a;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;flex-shrink:0;width:24px;height:24px;padding:0;font-size:11px;font-weight:800;line-height:1}.fr-pop-remove:active{background:#ff78782e}.fr-pop-confirm{align-items:center;gap:5px;display:flex}.fr-pop-confirm-text{color:var(--muted);font-size:11px}.fr-pop-danger{cursor:pointer;color:#fff;background:#ff5a5ae6;border:0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.fr-pop-cancel{cursor:pointer;color:var(--cream,#f6efe7);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.fr-pop-empty{text-align:center;color:var(--muted);padding:18px 6px;font-size:12.5px}.fr-pop-error-msg{color:#ff9a9a;margin-bottom:12px}.fr-pop-retry{cursor:pointer;background:var(--violet,#7c5cff);color:var(--cream,#f6efe7);border:1px solid #ffffff29;border-radius:999px;margin-top:2px;padding:7px 16px;font-size:12px;font-weight:700}.fr-pop-retry:active{opacity:.85}.soc-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.soc-avatar-fallback{object-fit:contain;opacity:.9;padding:18%}.soc-undo-toast{left:50%;bottom:calc(var(--bottom-nav-h,68px) + var(--mini-h,0px) + env(safe-area-inset-bottom,0px) + 14px);z-index:var(--z-toast,3000);max-width:min(92vw,420px);color:var(--cream,#f6efe6);background:#1e1030f0;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;transition:bottom .28s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #00000059}.soc-undo-text{flex:1;min-width:0}.soc-undo-btn{font:inherit;color:var(--pink,#ff5fa2);cursor:pointer;background:0 0;border:none;flex:none;padding:2px 4px;font-weight:800}.fr-pop-removing{opacity:.72;align-items:center;gap:6px;display:flex}.fr-pop-spinner{border:2px solid #ffffff38;border-top-color:var(--violet,#7c5cff);border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite fr-spin}@keyframes fr-spin{to{transform:rotate(360deg)}}.soc-result-toast{left:50%;bottom:calc(var(--bottom-nav-h,68px) + var(--mini-h,0px) + env(safe-area-inset-bottom,0px) + 14px);z-index:var(--z-toast,3000);max-width:min(92vw,420px);color:var(--cream,#f6efe6);background:#1e1030f0;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:bottom .28s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #00000059}.soc-result-toast.is-error{border-color:#ff5a5a8c}.soc-result-toast.is-success{border-color:#78dca080}.soc-result-text{flex:1;min-width:0}.profile-friend-removing{opacity:.5;color:var(--cream);pointer-events:none;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 16px;font-weight:600;display:inline-flex}.soc-result-actions{flex:none;align-items:center;gap:8px;display:flex}.soc-result-btn{color:var(--cream,#f6efe6);cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.soc-result-btn:hover{background:#ffffff2e}.soc-cover-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.soc-art-ph{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.soc-cover,.soc-cover-wrap{aspect-ratio:1;flex-shrink:0}.soc-cover-img{aspect-ratio:1}.achv-summary-tile{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.achv-summary-num{color:var(--cream);font-size:26px;font-weight:900}.achv-summary-lbl{color:var(--muted);font-size:12.5px}.feed-card-highlight{box-shadow:0 0 0 2px var(--pink);border-radius:16px;animation:2.2s ease-out socFocusPulse}@keyframes socFocusPulse{0%{box-shadow:0 0 0 2px var(--pink)}70%{box-shadow:0 0 0 2px var(--pink)}to{box-shadow:0 0 #0000}}.soc-search-cover-wrap{overflow:hidden}.soc-search-cover{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.listening-feature-root .ls-screen{flex-direction:column;gap:14px;display:none}.listening-feature-root .ls-screen.active,.listening-feature-root>.topbar+.ls-screen.active{display:flex}.ls-header{padding:4px 2px}.ls-header-title{background:linear-gradient(90deg,var(--pink),var(--pink2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:23px;font-weight:900}.ls-header-sub{color:var(--muted);margin-top:3px;font-size:12.5px}.ls-record-list{flex-direction:column;gap:8px;display:flex}.ls-record-row{background:linear-gradient(155deg,var(--card),var(--card2));border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.ls-record-row.selected{background:linear-gradient(155deg,#ff4fa824,var(--card2));border-color:#ff4fa88c}.ls-record-art{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.ls-record-info{flex:1;min-width:0}.ls-record-album{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.ls-record-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ls-record-check{color:var(--pink2);flex-shrink:0;font-size:16px}.ls-record-last-played{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:10.5px}#lsRecordSearchInput{border:1px solid var(--border);color:#fff;background:#ffffff0f;border-radius:14px;width:100%;padding:12px 14px;font-size:14px}#lsRecordSearchInput:focus{border-color:#ff4fa880;outline:none}.ls-picker-section-title{color:var(--muted);margin-bottom:2px;font-size:11.5px;font-weight:800}.ls-side-row{gap:8px;margin-top:4px;display:flex}.ls-side-btn{background:var(--glass,#783c8c38);border:1px solid var(--line,var(--border));color:var(--text);opacity:.72;-webkit-backdrop-filter:blur(14px);cursor:pointer;text-align:center;border-radius:14px;flex:1;padding:12px 0;font-size:13px;font-weight:800}.ls-side-btn:active{transform:scale(.97)}.ls-side-btn.active{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff;opacity:1;border-color:#0000}.ls-side-duration{color:var(--muted);text-align:center;margin-top:6px;font-size:11.5px}.ls-invite-row{flex-wrap:wrap;gap:8px;display:flex}.ls-invite-chip{border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 6px;display:flex}.ls-invite-chip.selected{background:#ff4fa824;border-color:#ff4fa866}.ls-avatar{border:1px solid var(--border);background:linear-gradient(155deg,#5a2160,#7a2b70);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.ls-avatar.lg{width:34px;height:34px;font-size:16px}.ls-invite-name{font-size:12.5px;font-weight:700}.ls-invite-sent{color:var(--pink2);margin-inline-start:2px;font-size:10px;font-weight:700}.ls-live-top{justify-content:space-between;align-items:center;display:flex}.ls-leave-btn{background:var(--glass,#783c8c47);border:1px solid var(--line,var(--border));color:var(--text);-webkit-backdrop-filter:blur(14px);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;box-shadow:0 4px 14px #00000047}.ls-leave-btn:active{transform:scale(.94)}.ls-live-participants{gap:-6px;display:flex}.ls-participant{margin-inline-start:-8px;position:relative}.ls-participant:first-child{margin-inline-start:0}.ls-participant .ls-avatar{opacity:.4;border:2px solid var(--bg)}.ls-participant.joined .ls-avatar{opacity:1}.ls-participant-status{bottom:-3px;background:var(--card);border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;display:flex;position:absolute;inset-inline-end:-3px}.ls-vinyl-wrap{justify-content:center;padding:12px 0 4px;display:flex;position:relative}.ls-vinyl-disc{background:repeating-radial-gradient(circle,#101010 0 3px,#1c1c1c 3px 6px);border-radius:50%;width:220px;height:220px;animation:3s linear infinite paused lsSpin;position:relative;box-shadow:0 14px 40px #00000080,inset 0 0 30px #0009}.ls-vinyl-disc.spinning{animation-play-state:running}.ls-vinyl-label{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;font-size:32px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}.ls-vinyl-label .ls-cover-img{border-radius:50%;width:100%;height:100%}.ls-vinyl-label .ls-vinyl-ic{width:46px;height:46px}.ls-mini-disc{overflow:hidden}.ls-mini-disc .ls-cover-img{border-radius:50%;width:100%;height:100%}.ls-mini-disc .ls-vinyl-ic{width:22px;height:22px}@keyframes lsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ls-floating-reaction{pointer-events:none;font-size:26px;animation:1.6s ease-out forwards lsFloatUp;position:absolute;bottom:30px}@keyframes lsFloatUp{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-14px)scale(1.15)}to{opacity:0;transform:translateY(-95px)scale(1)}}.ls-reaction-feed{flex-wrap:wrap;justify-content:center;gap:6px;min-height:22px;margin-top:4px;display:flex}.ls-reaction-chip{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;padding:3px 9px;font-size:13px}.ls-feed-post-note{text-align:center;color:var(--text);background:var(--glass,#783c8c38);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line,var(--border));border-radius:14px;margin-top:2px;padding:10px 12px;font-size:11.5px;font-weight:700}.ls-feed-post-note.hidden{display:none}.ls-now-playing{text-align:center}.ls-np-album{font-size:17px;font-weight:900}.ls-np-artist{color:var(--muted);margin-top:2px;font-size:13px}.ls-np-side{border:1px solid var(--border);color:var(--pink2);background:#ffffff0f;border-radius:999px;margin-top:8px;padding:4px 14px;font-size:11.5px;font-weight:800;display:inline-block}.ls-np-track{color:var(--gold);min-height:18px;margin-top:10px;font-size:13px;font-weight:700}.ls-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:8px;margin-top:14px;overflow:hidden}.ls-progress-fill{background:linear-gradient(90deg,var(--pink),var(--pink2));border-radius:999px;height:100%;transition:width .25s linear}.ls-time-row{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.ls-controls-row{gap:10px;margin-top:6px;display:flex}.ls-pause-controls{flex-direction:column;flex:1;gap:10px;display:flex}.ls-pause-choice-row{gap:10px;display:flex}.ls-pause-choice-row>*{flex:1}.ls-pause-btn{background:linear-gradient(135deg,var(--pink),var(--pinkdeep));color:#fff;cursor:pointer;border:none;border-radius:999px;flex:1;padding:14px 0;font-size:15px;font-weight:800;box-shadow:0 6px 18px #ff4fa859}.ls-pause-btn:active{transform:scale(.97)}.ls-skip-btn{background:var(--glass,#783c8c38);border:1px solid var(--line,var(--border));color:var(--text);-webkit-backdrop-filter:blur(14px);cursor:pointer;border-radius:999px;min-height:44px;padding:12px 16px;font-size:12.5px;font-weight:800}.ls-skip-btn:active{transform:scale(.96)}.ls-skip-btn.stop{color:#ff9a9a;background:#781e323d;border-color:#ff5a5a73}.ls-tracklist{flex-direction:column;gap:4px;margin-top:6px;display:flex}.ls-tracklist.hidden{display:none}.ls-tracklist-title{color:var(--muted);padding:0 2px 2px;font-size:11.5px;font-weight:800}.ls-track-row{cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ls-track-row:active{transform:scale(.98)}.ls-track-row.current{background:#ff4fa824}.ls-track-num{text-align:center;width:18px;color:var(--muted);flex-shrink:0;font-size:11px}.ls-track-row.current .ls-track-num{color:var(--pink2)}.ls-track-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.ls-track-row.current .ls-track-title{color:var(--pink2)}.ls-track-time{color:var(--muted);flex-shrink:0;font-size:11px}.ls-toast{z-index:var(--z-toast);background:linear-gradient(155deg,var(--card),var(--card2));box-shadow:var(--shadow);opacity:0;pointer-events:none;border:1px solid #ff4fa866;border-radius:999px;padding:10px 20px;font-size:12.5px;font-weight:700;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.ls-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.ls-toast.hidden{display:none}.ls-mini-player{bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom));background:linear-gradient(135deg,var(--card),var(--card2));width:calc(100% - 28px);max-width:452px;box-shadow:var(--shadow-soft);cursor:pointer;z-index:var(--z-miniplayer);border:1px solid #ff4fa859;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .22s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.ls-mini-player.ls-mini-enter{opacity:0;transform:translate(-50%)translateY(14px)}.ls-mini-player.hidden{display:none}.ls-mini-player:active{transform:translate(-50%)scale(.98)}@media (prefers-reduced-motion:reduce){.ls-mini-player,#screen-listening,#app{transition:none!important}}.ls-mini-disc{background:repeating-radial-gradient(circle,#101010 0 2px,#1c1c1c 2px 4px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;animation:3s linear infinite paused lsSpin;display:flex}.ls-mini-disc.spinning{animation-play-state:running}.ls-mini-info{flex:1;min-width:0}.ls-mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:800;overflow:hidden}.ls-mini-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.ls-mini-time{color:var(--pink2);flex-shrink:0;font-size:10.5px;font-weight:700}.ls-mini-expand{color:var(--muted);flex-shrink:0;font-size:13px}.ls-summary-stat-row{gap:10px;display:flex}.ls-summary-stat{text-align:center;flex:1}.ls-summary-stat-num{color:var(--pink2);font-size:22px;font-weight:900}.ls-summary-stat-lbl{color:var(--muted);margin-top:2px;font-size:11px}.ls-summary-joined{color:var(--muted);text-align:center;font-size:12.5px}.ls-rating-block{flex-direction:column;gap:6px;display:flex}.ls-rating-note{border:1px solid var(--border);color:#fff;background:#ffffff0f;border-radius:12px;width:100%;margin-top:2px;padding:9px 12px;font-size:12.5px}.ls-rating-note:focus{border-color:#ff4fa880;outline:none}.ls-rating-note::placeholder{color:var(--muted)}.ls-rating-label{justify-content:space-between;font-size:12.5px;font-weight:700;display:flex}.ls-rating-label b{font-weight:900}.ls-star-rating{direction:ltr;gap:4px;display:flex}.ls-star-slot{width:28px;height:28px;font-size:26px;line-height:1;position:relative}.ls-star-bg{color:#ffffff26;pointer-events:none;position:absolute;inset:0}.ls-star-fill{white-space:nowrap;pointer-events:none;color:var(--pink2);position:absolute;inset:0;overflow:hidden}.ls-star-fill.pressing{color:var(--gold)}.ls-star-hit{cursor:pointer;background:0 0;border:none;width:50%;padding:0;position:absolute;top:0;bottom:0}.ls-star-hit.half{left:0}.ls-star-hit.full{left:50%}.ls-saved-note{text-align:center;color:#8fe3ac;padding:6px 0;font-size:12.5px;font-weight:700}.ls-saved-note.hidden{display:none}#screen-listening{padding-bottom:calc(var(--nav-h) + var(--mini-h,0px) + 26px + env(safe-area-inset-bottom));transition:padding-bottom .28s cubic-bezier(.22,.61,.36,1)}.ls-vinyl-ic{object-fit:contain;vertical-align:-.15em;width:1.05em;height:1.05em;display:inline-block}.ls-record-art .ls-vinyl-ic{width:26px;height:26px}.ls-cover-img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.ls-empty-note{text-align:center;color:var(--muted);padding:14px 6px;font-size:12.5px;line-height:1.5}.ls-art-ph{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ls-cover,.ls-cover-wrap{aspect-ratio:1;flex-shrink:0}.ls-cover-img{aspect-ratio:1}.auth-gate{z-index:var(--z-auth);-webkit-overflow-scrolling:touch;background:linear-gradient(#2a1232b8 0%,#2a123294 45%,#2a1232d1 100%),radial-gradient(circle at 15% 0,#ff4fa84d 0%,#0000 45%),radial-gradient(circle at 85% 15%,#8b5cf642 0%,#0000 50%),url(/assets/legacy/5689e79ee5367b89.jpg) top/cover no-repeat;background-color:var(--bg);justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-gate-inner{width:100%;max-width:480px;padding:calc(var(--sa-top) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 24px);flex-direction:column;justify-content:center;min-width:0;display:flex}.auth-screen{flex-direction:column;gap:12px;min-width:0;display:flex}.auth-loading{text-align:center;color:var(--muted);padding:40px 0}.auth-brand{justify-content:center;margin-bottom:2px;display:flex}.auth-brand img{filter:drop-shadow(0 6px 20px #ff4fa873);width:clamp(180px,58vw,260px);height:auto;display:block}.auth-title{text-align:center;color:var(--cream);font-size:clamp(19px,5.6vw,24px);font-weight:800;line-height:1.25}.auth-sub{text-align:center;color:var(--muted);margin-top:-4px;font-size:14px}.auth-features{gap:9px;margin:6px 0 2px;padding:14px 16px;list-style:none;display:grid}.auth-features li{color:var(--cream);align-items:center;gap:9px;min-width:0;font-size:14px;display:flex}.auth-dot{background:linear-gradient(135deg,var(--pink),var(--violet));border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px #ff4fa899}.auth-stack{flex-direction:column;gap:10px;min-width:0;margin-top:4px;display:flex}.auth-stack .btn{width:100%}.auth-cta{padding:14px 18px;font-size:16px}.auth-note{color:var(--muted);text-align:center;font-size:12.5px;line-height:1.45}.auth-label{color:var(--muted);margin-bottom:-4px;font-size:12.5px}.auth-gate input{background:var(--surface-solid-50);width:100%;color:var(--cream);border:1px solid var(--border);border-radius:14px;outline:none;padding:12px 14px;font-size:16px}.auth-gate input:focus{border-color:var(--pink)}.auth-link{color:var(--pink2);cursor:pointer;background:0 0;border:0;min-height:40px;padding:8px 4px;font-size:13.5px;text-decoration:underline}.auth-status{text-align:center;min-height:18px;color:var(--muted);font-size:13px}.auth-status-available{color:var(--good)}.auth-status-taken,.auth-status-invalid{color:var(--bad)}@media (width<=340px){.auth-gate-inner{padding-left:12px;padding-right:12px}.auth-features li{font-size:13px}}.auth-welcome{gap:14px}.auth-hero{flex-direction:column;align-items:center;gap:4px;padding:6px 0 2px;display:flex;position:relative}.auth-hero-glow{pointer-events:none;z-index:0;filter:blur(6px);background:radial-gradient(circle at 50% 40%,#ff4fa85c 0%,#8b5cf633 45%,#0000 70%);height:230px;position:absolute;inset:-10% -18% auto}.auth-hero>*{z-index:1;position:relative}.auth-brand-lg img{width:clamp(180px,54vw,240px);animation:6s ease-in-out infinite authFloat}@keyframes authFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.auth-brand-lg img{animation:none}}.auth-hero-title{font-size:clamp(18px,5.2vw,22px)}.auth-cards{grid-template-columns:1fr 1fr;gap:9px;min-width:0;display:grid}.auth-card{border-radius:15px;align-items:center;gap:8px;min-width:0;padding:10px 11px;display:flex}.auth-card img{object-fit:contain;opacity:.95;flex:none;width:22px;height:22px}.auth-card span{color:var(--cream);min-width:0;font-size:12px;font-weight:600;line-height:1.25}.auth-highlight{color:var(--cream);border-color:#ff4fa859;border-radius:15px;align-items:center;gap:9px;padding:11px 13px;font-size:13px;font-weight:700;display:flex}@media (width<=340px){.auth-card span{font-size:11px}.auth-cards{gap:7px}}.welcome-video{width:100%;height:100vh;z-index:var(--z-auth);touch-action:manipulation;background:#000;position:fixed;inset:0;overflow:hidden}.welcome-video-stage{position:absolute}.welcome-video-el{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.welcome-video-el::-webkit-media-controls{-webkit-appearance:none;display:none!important}.welcome-video-el::-webkit-media-controls-enclosure{-webkit-appearance:none;display:none!important}.welcome-video-el::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.welcome-video-hotspot{appearance:none;box-shadow:none;color:#0000;cursor:pointer;background:0 0;border:0;outline:none;min-height:48px;margin:0;padding:0;font-size:0;position:absolute}.auth-choice-row{gap:10px;min-width:0;display:flex}.auth-choice-row .btn.auth-choice{opacity:.5;flex:1}.auth-choice-row .btn.auth-choice.active{opacity:1}