:root{color-scheme:dark;--bg: #121212;--bg-deep: #111111;--surface-1: #181818;--surface-2: #1e1e1e;--surface-3: #282828;--hairline: #2a2a2a;--hairline-strong: #3a3a3a;--text: #f2f2f2;--text-2: #a0a0a0;--text-3: #999999;--text-4: #7a7a7a;--accent: #f2f2f2;--accent-bright: #ffffff;--accent-deep: #c8c8c8;--accent-ink: #111111;--accent-8: rgba(242, 242, 242, .08);--accent-14: rgba(242, 242, 242, .14);--accent-24: rgba(242, 242, 242, .2);--accent-40: rgba(242, 242, 242, .32);--danger: #e06b6b;--good: #7dcc9a;--font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace;--fs-display: clamp(2.1rem, 1.2rem + 3.2vw, 3.6rem);--fs-h1: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--fs-h2: clamp(1.2rem, 1.05rem + .6vw, 1.5rem);--fs-h3: 1.05rem;--fs-lg: 1rem;--fs-body: .875rem;--fs-sm: .8125rem;--fs-xs: .6875rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r1: 6px;--r2: 10px;--r3: 14px;--r4: 18px;--r5: 24px;--rf: 999px;--sh2: 0 14px 36px -16px rgba(0, 0, 0, .76);--sh3: 0 32px 90px -26px rgba(0, 0, 0, .9);--e-out: cubic-bezier(.16, 1, .3, 1);--e-in-out: cubic-bezier(.65, 0, .35, 1);--e-snap: cubic-bezier(.22, 1, .36, 1);--d1: .16s;--d2: .2s;--d3: .32s;--d4: .56s;--tap: 44px;--dock-h: 50px;--tabbar-h: 0px;--chrome-south: calc(var(--dock-h) + var(--tabbar-h) + var(--safe-b));--content-max: 1280px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}@media(prefers-reduced-motion:reduce){:root{--d1: 1ms;--d2: 1ms;--d3: 1ms;--d4: 1ms}}*,*:before,*:after{box-sizing:border-box}html{height:100%;background:var(--bg-deep);-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;font-feature-settings:"cv05" 1,"ss01" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{height:100%;isolation:isolate}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:0;margin:0}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}::selection{background:var(--accent-40);color:var(--text)}img,canvas,svg{display:block;max-width:100%}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--surface-2);border:3px solid transparent;background-clip:content-box;border-radius:var(--rf)}.scroll::-webkit-scrollbar-thumb:hover{background:var(--surface-3);background-clip:content-box}.scroll::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:12px;top:-64px;z-index:80;padding:8px 12px;border-radius:var(--r1);background:#fff;color:#111;font-size:var(--fs-sm);font-weight:600}.skip-link:focus{top:calc(12px + var(--safe-t, 0px));outline:2px solid var(--accent-deep);outline-offset:2px}.display{font-family:var(--font-sans);font-weight:600;letter-spacing:-.03em;line-height:1.08}.eyebrow{font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-4);font-weight:500}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-3)}.dim{color:var(--text-4)}.app{position:relative;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"main" "dock";padding-left:var(--safe-l);padding-right:var(--safe-r);overflow:hidden;overflow-x:hidden}.aurora{position:fixed;inset:-20vmax;z-index:0;pointer-events:none;opacity:.4;background:radial-gradient(38vmax 30vmax at 18% 8%,rgba(242,242,242,.07),transparent 62%),radial-gradient(46vmax 34vmax at 88% 82%,rgba(160,160,160,.06),transparent 65%),radial-gradient(60vmax 40vmax at 50% 120%,rgba(0,0,0,.35),transparent 70%);filter:blur(28px);animation:aurora-drift 44s var(--e-in-out) infinite alternate}@keyframes aurora-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E")}@media(max-width:980px){.aurora{animation:none;filter:blur(18px)}.grain{display:none}}@media(prefers-reduced-motion:reduce){.aurora{animation:none}.grain{display:none}}.head-tabs{display:flex;align-items:stretch;align-self:stretch;margin-left:6px}.head-tab{display:grid;place-items:center;padding:0 14px;color:var(--text-3);font-size:.8125rem;font-weight:600;letter-spacing:-.018em;white-space:nowrap}.head-tab:hover{color:var(--text)}.head-tab.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.account-face{width:32px;height:32px;padding:0;border:0;border-radius:var(--rf);background:var(--surface-3);color:var(--text);font-size:var(--fs-xs);font-weight:650;display:grid;place-items:center;overflow:hidden}.account-face-img{width:100%;height:100%;object-fit:cover}.brand{display:flex;align-items:center;gap:11px;line-height:1;padding:0}.brand img,.brand-mark{display:block;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#111;object-fit:cover;box-shadow:none;transition:transform var(--d3) var(--e-snap)}.brand-word{font-weight:700;letter-spacing:-.03em;font-size:1.05rem}.brand:hover img,.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.04)}.avatar{width:30px;height:30px;border-radius:var(--rf);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:600;color:var(--accent-ink);background:linear-gradient(150deg,var(--accent-bright),var(--accent-deep));flex-shrink:0}.avatar.sm{width:26px;height:26px;font-size:var(--fs-xs)}.main{grid-area:main;position:relative;z-index:2;min-width:0;min-height:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:12;overflow:visible;display:flex;align-items:center;gap:var(--s3);min-height:56px;padding:0 var(--s5);padding-top:var(--safe-t);background:#111111e0;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid var(--hairline)}.topbar.stuck{border-bottom-color:var(--hairline);box-shadow:0 12px 28px -24px #000000e6}.searchbox{display:flex;align-items:center;gap:var(--s2);min-width:0;flex:1 1 220px;width:auto;max-width:480px;padding:0 14px;height:36px;border-radius:var(--rf);border:0;background:var(--surface-2);color:var(--text-2);transition:border-color var(--d2) var(--e-out),background var(--d2) var(--e-out),color var(--d2) var(--e-out)}.searchbox:hover{background:var(--surface-3);color:var(--text-2)}.searchbox:focus-visible{background:var(--surface-3);color:var(--text)}.searchbox .kbd{margin-left:auto}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}.topbar-upload{background:color-mix(in oklab,var(--surface-1) 70%,transparent)}.app.swipe-mode .topbar{position:fixed;top:0;right:0;left:auto;z-index:40;width:auto;min-height:0;padding:calc(8px + var(--safe-t)) 10px 0 0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;display:flex;overflow:visible}.app.swipe-mode .topbar.stuck{border:0;box-shadow:none}.app.swipe-mode .topbar>:not(.topbar-actions){display:none}.app.swipe-mode .topbar-actions{margin:0;pointer-events:none;gap:4px;padding:4px;border-radius:999px;background:#0c0c0c8c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.app.swipe-mode .topbar-actions>:not(.notif):not(.account-face):not(.upload-progress):not(.topbar-upload){display:none}.app.swipe-mode .topbar-actions .notif,.app.swipe-mode .topbar-actions .account-face,.app.swipe-mode .topbar-actions .upload-progress,.app.swipe-mode .topbar-actions .topbar-upload{pointer-events:auto}.app.swipe-mode .topbar .notif-btn{width:40px;height:40px}.app.swipe-mode .topbar .account-face{width:36px;height:36px}.app.swipe-mode .topbar-upload{width:40px;height:40px;padding:0;border-radius:50%}.app.swipe-mode .topbar-upload .only-desktop{display:none}@media(max-width:980px){.only-desktop{display:none}}.page{flex:1;min-width:0;min-height:0;padding:0 var(--s5) var(--s7);overflow-x:hidden;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.page{scroll-behavior:auto}}.tabbar{display:none}.south{grid-area:dock;position:relative;z-index:8;display:flex;flex-direction:column;align-items:stretch;min-width:0;max-width:100%;overflow:visible}.page-inner{width:100%;max-width:var(--content-max);min-width:0;margin-inline:auto;display:flex;flex-direction:column;gap:var(--s7);padding-top:var(--s6)}.view-enter{animation:view-in var(--d3) var(--e-out) both}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}}.dock{position:relative;z-index:6;border-top:1px solid var(--hairline);background:#111c;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:none}.dock-open{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 260px;background:transparent;color:inherit;text-align:left}.dock-playhead{display:none;position:absolute;left:10px;right:10px;top:0;height:2px;overflow:hidden;pointer-events:none;border-radius:99px;background:color-mix(in oklab,#fff 12%,transparent)}.dock-playhead i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:var(--genre, #fff);will-change:transform}.dock-art{position:relative;border-radius:var(--r2);flex-shrink:0;overflow:hidden}.dock-row{height:var(--dock-h);width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;gap:var(--s3);padding:0 var(--s4);min-width:0;overflow:visible}.dock-transport{display:flex;align-items:center;flex-shrink:0;gap:0}.dock-skip{width:36px;height:44px;flex-shrink:0;color:var(--text-2)}.dock-play,.dock-hit{width:44px;height:44px;flex-shrink:0}.device-trigger{width:44px;height:44px;min-width:44px;min-height:44px}.dock-wave{flex:1 1 auto;min-width:88px;max-width:none;height:28px}.dock-wave .wf{min-height:0;height:100%}.dock{overflow:visible}.dock-more-wrap{position:relative;flex-shrink:0}.dock-more{flex-shrink:0;width:44px;height:44px;min-width:44px;padding:0;color:var(--text-3)}.dock-more.on{color:var(--text)}.dock-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:80;min-width:212px;padding:6px;display:flex;flex-direction:column;gap:2px;border-radius:var(--r3);background:var(--surface-1);color:var(--text);border:1px solid var(--hairline);box-shadow:var(--sh3)}.dock-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:var(--r2);background:transparent;color:var(--text);text-align:left;font-size:var(--fs-body);font-weight:550}.dock-menu button:hover:not(:disabled){background:var(--surface-2)}.dock-menu button:disabled{opacity:.38}.dock-menu button.liked,.dock-menu button.on{color:var(--accent-bright)}.dock-more-wrap.mobile .dock-menu{min-width:228px;right:-4px}.dock-art .art,.dock-art{width:42px;height:42px}.dock-art img{width:100%;height:100%;object-fit:cover;display:block}.dock-art-fallback{display:block;width:100%;height:100%;background:var(--surface-3)}.sc-dock-wave{position:relative;display:block;padding:0;border:0;background:color-mix(in oklab,#fff 12%,transparent);border-radius:99px;overflow:hidden;cursor:pointer}.sc-dock-wave i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:#fff;pointer-events:none}.dock-meta{min-width:0;flex:1 1 120px;display:flex;flex-direction:column;gap:1px}.dock-title{font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;letter-spacing:-.005em}.dock-sub{font-size:var(--fs-sm);color:var(--text-3)}button.dock-title,button.dock-sub{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.device-root{position:fixed;inset:0;z-index:80;pointer-events:auto}.device-root .scrim,.device-root .scrim.over-south{z-index:0}.device-sheet{position:fixed;z-index:1;pointer-events:auto;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(360px,calc(100vw - 24px));padding:var(--s3) var(--s4) var(--s4);border-radius:var(--r4);background:#181818;color:var(--text);box-shadow:var(--sh3),inset 0 0 0 1px var(--hairline)}.device-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.device-head h2{font-family:var(--font-display);font-size:1.05rem;color:var(--text-2);font-weight:500}.device-list{display:flex;flex-direction:column;gap:2px}.device-row{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:8px 10px;border-radius:var(--r2);background:transparent;color:var(--text-2);text-align:left;pointer-events:auto}.device-row:hover{background:var(--surface-2);color:var(--text)}.device-row.on{background:var(--surface-3);color:var(--text)}.device-help{margin:8px 10px 0;font-size:var(--fs-xs);color:var(--text-4)}.scrim{position:fixed;inset:0;z-index:40;background:#010102a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--d2) var(--e-out) both}.scrim.over-south{z-index:40}@keyframes fade-in{0%{opacity:0}}.app.sheet-open .main,.app.sheet-open .south{pointer-events:none}.queue-root{position:fixed;inset:0;z-index:92;pointer-events:auto}.queue-root .scrim{z-index:0}.queue-root .side-panel{z-index:1}.queue-root .queue-sheet{width:min(320px,92vw)}.sheet-klapp{display:none;flex-shrink:0;width:100%;min-height:28px;padding:12px 0 2px;border:0;background:transparent;cursor:pointer}.sheet-klapp i{display:block;width:36px;height:4px;margin:0 auto;border-radius:99px;background:#ffffff57}.queue-count{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:var(--surface-2);color:var(--text-3);font-size:.7rem;font-weight:650;line-height:22px;text-align:center}.queue-head-copy{min-width:0;display:grid;gap:2px}.queue-head-copy h2{margin:0}.queue-src{margin:0;color:var(--text-4);font-size:.7rem;font-weight:550}.queue-nu{display:inline-grid;place-items:center;margin-right:6px;padding:0 6px;height:16px;border-radius:var(--rf);background:var(--accent);color:var(--accent-ink);font-size:.6rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.side-panel{position:fixed;z-index:41;top:0;right:0;bottom:0;width:min(400px,92vw);display:flex;flex-direction:column;background:#06070df5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--hairline);box-shadow:var(--sh3);animation:panel-in var(--d3) var(--e-out) both}@keyframes panel-in{0%{transform:translate(24px);opacity:0}}.panel-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3);padding-top:calc(var(--s4) + var(--safe-t));border-bottom:1px solid var(--hairline)}.panel-head .grow{flex:1;min-width:0}.panel-close{width:var(--tap);height:var(--tap);flex:0 0 var(--tap)}.panel-head h2{font-family:var(--font-display);font-size:1.2rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-body{flex:1;min-height:0;padding:var(--s3) var(--s3) calc(var(--s5) + var(--safe-b))}@media(max-width:980px){:root{--dock-h: 52px;--tabbar-h: 56px;--chrome-south: calc(var(--dock-h) + var(--tabbar-h) + 10px + var(--safe-b))}.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "dock"}.topbar{position:fixed;top:0;right:0;left:auto;z-index:40;width:auto;min-height:0;padding:calc(8px + var(--safe-t)) 10px 0 0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;display:flex;overflow:visible}.topbar.stuck{border:0;box-shadow:none}.topbar>:not(.topbar-actions){display:none}.topbar-actions{margin:0;pointer-events:none;gap:4px;padding:4px;border-radius:999px;background:#0c0c0c8c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.topbar-actions>:not(.notif):not(.account-face):not(.upload-progress){display:none}.topbar-actions .notif,.topbar-actions .account-face,.topbar-actions .upload-progress{pointer-events:auto}.topbar .notif-btn{width:40px;height:40px}.topbar .account-face{width:36px;height:36px}.app.swipe-mode .topbar-upload{display:none}.tabbar{display:flex;align-items:stretch;width:100%;height:calc(var(--tabbar-h) + var(--safe-b));padding:2px 2px var(--safe-b);border-top:1px solid var(--hairline);background:#111111f0;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);z-index:8}.tabbar-item{flex:1;min-width:0;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:transparent;color:var(--text-3);font-size:.6875rem;font-weight:650;letter-spacing:0}.tabbar-item.on,.tabbar-item.tabbar-upload{color:var(--text)}.tabbar-upload-mark{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111}.south{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;flex-direction:column;align-items:center;background:transparent;box-shadow:none;pointer-events:none}.south .dock,.south .tabbar{pointer-events:auto}.dock{width:calc(100% - 20px);max-width:420px;margin:0 0 8px;border:1px solid rgba(255,255,255,.08);border-radius:var(--rf);background:#121212eb;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 28px #0006}.dock.open{border-radius:var(--r5)}.dock.idle{display:none}.dock-row{height:52px;padding:0 8px;gap:6px}.dock-vol,.dock-row .device-trigger,.dock-wave,.dock-queue{display:none}.dock-skip{width:40px;height:var(--tap)}.dock-playhead{display:block}.page{padding:calc(var(--s3) + var(--safe-t)) var(--s4) calc(var(--chrome-south) + var(--s4));overflow-x:hidden;-webkit-overflow-scrolling:touch}.page-inner{gap:var(--s6);padding-top:var(--s3)}.side-panel{top:auto;left:0;width:auto;bottom:0;height:min(78dvh,620px);border-left:0;border-top:1px solid var(--hairline);border-radius:var(--r5) var(--r5) 0 0;animation:sheet-in var(--d3) var(--e-out) both}.sheet-klapp{display:block}.queue-root .panel-head{padding-top:var(--s3)}.queue-root .queue-sheet{width:auto;height:min(52dvh,420px)}@keyframes sheet-in{0%{transform:translateY(100%)}}.device-sheet{bottom:calc(68px + env(safe-area-inset-bottom,0px))}.dock-open,.dock-open .dock-meta{flex:1 1 auto;min-width:0}.dock-title{font-size:.82rem}.dock-more{width:var(--tap);min-width:var(--tap);height:var(--tap);padding:0}.dock-menu button{min-height:var(--tap)}}.topbar-upload .quota-chip{margin-left:4px;opacity:.72}@media(min-width:981px){.dock{padding-bottom:var(--safe-b)}}.vol{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vol-fly{position:absolute;left:50%;bottom:calc(100% - 6px);z-index:30;display:grid;place-items:center;width:40px;padding:12px 0 18px;border-radius:999px;background:#121212f5;border:1px solid color-mix(in srgb,#fff 12%,transparent);box-shadow:0 10px 28px #00000073;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--d2) var(--e-out),visibility var(--d2)}@media(hover:hover)and (pointer:fine){.vol:hover .vol-fly{opacity:1;visibility:visible;pointer-events:auto}}.vol.open .vol-fly{opacity:1;visibility:visible;pointer-events:auto}.vol-track{position:relative;width:4px;height:92px;border-radius:99px;background:color-mix(in srgb,#fff 18%,transparent);cursor:pointer;touch-action:none}.vol-track:before{content:"";position:absolute;inset:-10px -16px}.vol-fill{position:absolute;left:0;right:0;bottom:0;border-radius:inherit;background:#fff;pointer-events:none}.vol-fill:after{content:"";position:absolute;left:50%;top:0;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.vol-fly{transition:none}}.auth-brand{display:flex;align-items:center;gap:10px;margin:0 0 var(--s4)}.auth-brand .brand-mark{width:36px;height:36px;border-radius:10px}.app.landing-mode{--dock-h: 0px;--chrome-south: var(--safe-b);height:100%;overflow:hidden;background:#080808}.app.landing-mode .topbar,.app.landing-mode .head-tabs,.app.landing-mode .searchbox,.app.landing-mode .topbar-upload,.app.landing-mode .notif,.app.landing-mode .account-face,.app.landing-mode .dock,.app.landing-mode .aurora,.app.landing-mode .grain{display:none!important}.app.landing-mode .south,.app.landing-mode .tabbar{display:none}@media(max-width:980px){.app.landing-mode{--dock-h: 0px;--tabbar-h: 56px;--chrome-south: calc(var(--tabbar-h) + 10px + var(--safe-b))}.app.landing-mode .south,.app.landing-mode .tabbar{display:flex!important}.app.landing-mode .land-hero{padding-bottom:calc(var(--tabbar-h) + 18px + var(--safe-b))}}.app.landing-mode .page{padding:0}.app.landing-mode .page-inner{max-width:none;padding-top:0;gap:0}.app.landing-mode .site-foot{display:none}@media(max-width:980px){.app.landing-mode .page{padding:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:40px;padding:0 var(--s4);border-radius:var(--rf);font-size:var(--fs-sm);font-weight:600;letter-spacing:.005em;color:var(--text);background:var(--surface-2);white-space:nowrap;transition:background var(--d1) var(--e-out),transform var(--d1) var(--e-out),color var(--d1) var(--e-out),box-shadow var(--d2) var(--e-out),opacity var(--d1) var(--e-out)}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{background:var(--accent-bright);box-shadow:0 10px 30px -14px var(--accent-40)}.btn.ghost{background:transparent;color:var(--text-2);font-weight:550}.btn.ghost:hover{background:var(--surface-1);color:var(--text)}.btn.outline{background:transparent;box-shadow:inset 0 0 0 1px var(--hairline-strong)}.btn.outline:hover{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--accent-40)}.btn.outline.on{color:var(--accent);background:var(--accent-8);box-shadow:inset 0 0 0 1px var(--accent-40)}.btn.danger{background:#491416;color:#ffeceb;color:oklch(96% .03 22)}.btn.danger:hover{background:#751f23;color:#ffeceb;color:oklch(96% .03 22)}.btn.lg{height:40px;padding:0 var(--s5);font-size:var(--fs-body)}.btn.sm{height:34px;padding:0 12px;font-size:var(--fs-sm);font-weight:600}.icon-btn{display:inline-grid;place-items:center;position:relative;width:40px;height:40px;border-radius:var(--rf);color:var(--text-2);flex-shrink:0;transition:background var(--d1) var(--e-out),color var(--d1) var(--e-out),transform var(--d1) var(--e-out)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn.on{color:var(--accent)}.icon-btn.liked{color:#fff}.icon-btn.sm{width:32px;height:32px}@media(hover:hover)and (pointer:fine){.icon-btn[title],.play-btn[title],.trow-art[title]{overflow:visible}.icon-btn[title]:after,.play-btn[title]:after,.trow-art[title]:after{content:attr(title);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(3px);padding:4px 8px;border-radius:var(--r1);background:#0f111af0;color:#f0f1f9;font-size:var(--fs-xs);font-weight:500;letter-spacing:.01em;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;z-index:40;box-shadow:0 8px 22px -14px #0000008c;transition:opacity var(--d1) var(--e-out) .4s,transform var(--d1) var(--e-out) .4s}.icon-btn[title]:hover:after,.icon-btn[title]:focus-visible:after,.play-btn[title]:hover:after,.play-btn[title]:focus-visible:after,.trow-art[title]:hover:after,.trow-art[title]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.topbar .icon-btn[title]:after{bottom:auto;top:calc(100% + 10px);z-index:60}.notif-btn[title]:after{content:none;display:none}}.trow-title-row{display:flex;align-items:center;gap:8px;min-width:0}.trow-title-row .trow-title{flex:1;min-width:0}.chip.quiet.ai-hint{height:22px;padding:0 7px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.icon-btn:disabled{opacity:.35;pointer-events:none}.play-btn{display:grid;place-items:center;position:relative;width:44px;height:44px;border-radius:var(--rf);background:var(--text);color:#050609;flex-shrink:0;transition:transform var(--d2) var(--e-snap),background var(--d2) var(--e-out),box-shadow var(--d2) var(--e-out)}.play-btn:hover{transform:scale(1.07);background:#fff;box-shadow:0 10px 30px -12px #fff6}.play-btn:active{transform:scale(.96)}.play-btn.accent{background:var(--accent);color:var(--accent-ink)}.play-btn.accent:hover{background:var(--accent-bright);box-shadow:0 12px 34px -12px var(--accent-40)}.play-btn.lg{width:56px;height:56px}.play-btn.xl{width:64px;height:64px}.play-btn.pulsing:after{content:"";position:absolute;inset:-6px;border-radius:var(--rf);border:1px solid var(--accent-40);animation:beat var(--beat, .5s) var(--e-out) infinite;pointer-events:none}@keyframes beat{0%{transform:scale(.94);opacity:.85}70%{transform:scale(1.14);opacity:0}to{opacity:0}}.kbd{display:inline-flex;align-items:center;gap:2px;height:20px;padding:0 6px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);font-family:var(--font-mono);font-size:10px;color:var(--text-4)}.menu{position:fixed;z-index:90;min-width:210px;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--s2);border-radius:var(--r3);background:#12131bfa;box-shadow:var(--sh3),inset 0 0 0 1px var(--hairline-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:menu-in var(--d2) var(--e-out) both}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.menu-item{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:40px;padding:8px var(--s3);border-radius:var(--r2);font-size:var(--fs-sm);color:var(--text-2);text-align:left;transition:background var(--d1) var(--e-out),color var(--d1) var(--e-out)}.menu-item:hover,.menu-item:active{background:var(--surface-3);color:var(--text)}.menu-item.on{color:var(--text);background:var(--accent-8)}.menu-item.on:after{content:"";width:6px;height:6px;margin-left:auto;border-radius:var(--rf);background:var(--genre, var(--accent))}.menu-item:disabled{opacity:.4;pointer-events:none}.menu-item.danger:hover{background:#65171c;color:#ffe8e7;color:oklch(95% .03 22)}.menu-sep{height:1px;margin:var(--s2) var(--s2);border:0;background:var(--hairline)}.menu-label{padding:var(--s2) var(--s3) var(--s1)}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--s3);border-radius:var(--rf);font-size:var(--fs-sm);color:var(--text-2);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);white-space:nowrap;transition:background var(--d1) var(--e-out),color var(--d1) var(--e-out),box-shadow var(--d1) var(--e-out)}.frozen-chip{color:var(--text-3);box-shadow:inset 0 0 0 1px #ac9c8373}button.chip:hover{color:var(--text);background:var(--surface-2)}.chip.on{color:var(--text);background:var(--accent-8);box-shadow:inset 0 0 0 1px var(--hairline)}.chip .dot{width:7px;height:7px;border-radius:var(--rf);background:var(--genre, var(--text-3));flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-3)}.tag .dot{width:6px;height:6px;border-radius:var(--rf);background:var(--genre, var(--accent))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s3)}.stat{display:flex;flex-direction:column;gap:6px;padding:var(--s3) var(--s4);border-radius:var(--r3);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline)}.stat dt{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-4)}.stat dd{margin:0;font-size:1.05rem;font-weight:600}.field{display:flex;align-items:center;gap:var(--s2);height:40px;padding:0 var(--s3);border-radius:var(--rf);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);transition:box-shadow var(--d2) var(--e-out),background var(--d2) var(--e-out)}.field:focus-within{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--accent-40)}.field input,.field textarea{flex:1;min-width:0;outline:none;font-size:16px}.field input::placeholder,.field textarea::placeholder{color:var(--text-4)}.field.area{height:auto;align-items:flex-start;padding:var(--s3);border-radius:var(--r3)}.field textarea{resize:none;line-height:1.45;font-family:inherit}.select{appearance:none;height:30px;padding:0 26px 0 var(--s3);border-radius:var(--rf);font-size:var(--fs-sm);color:var(--text-2);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23888' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}.select:hover{color:var(--text);background-color:var(--surface-2)}.select option{background:var(--surface-2);color:var(--text)}.range{appearance:none;height:18px;background:transparent;cursor:pointer;flex:1;min-width:60px}.range::-webkit-slider-runnable-track{height:4px;border-radius:var(--rf);background:linear-gradient(90deg,var(--accent) 0 calc(var(--fill, .5) * 100%),var(--surface-3) calc(var(--fill, .5) * 100%) 100%)}.range::-moz-range-track{height:4px;border-radius:var(--rf);background:var(--surface-3)}.range::-moz-range-progress{height:4px;border-radius:var(--rf);background:var(--accent)}.range::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:var(--rf);background:var(--text);box-shadow:0 2px 8px #00000080;transition:transform var(--d1) var(--e-out)}.range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:var(--rf);background:var(--text)}.range:hover::-webkit-slider-thumb{transform:scale(1.25)}.art{position:relative;flex-shrink:0;border-radius:var(--r2);overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);aspect-ratio:1}.art img{width:100%;height:100%;object-fit:cover;transition:transform var(--d4) var(--e-out)}.art.big{border-radius:var(--r4);box-shadow:var(--sh3),inset 0 0 0 1px var(--hairline)}.art.orb{box-shadow:inset 0 0 0 1px var(--accent-24),0 12px 36px -18px var(--accent-40)}.art.orb:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 22px color-mix(in oklab,var(--accent) 12%,transparent)}.art.analyzing:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 30%,oklch(100% 0 0 / .14) 48%,transparent 66%);background-size:240% 100%;animation:art-scan 1.7s linear infinite}@keyframes art-scan{to{background-position:-240% 0}}.art-bars{position:absolute;z-index:3;right:7px;bottom:7px;display:flex;align-items:flex-end;gap:2px;height:13px}.art-bars i{width:2.5px;border-radius:1px;background:var(--accent);animation:eq .9s var(--e-in-out) infinite alternate}.art-bars i:nth-child(1){height:40%;animation-delay:-.2s}.art-bars i:nth-child(2){height:90%;animation-delay:-.42s}.art-bars i:nth-child(3){height:60%;animation-delay:-60ms}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.trow{display:grid;grid-template-columns:64px minmax(0,1fr) 4.8ch auto;align-items:center;gap:var(--s3);min-height:68px;padding:4px 6px;border-radius:var(--r2);position:relative;box-shadow:none;transition:background var(--d1) var(--e-out)}.trow:hover{background:color-mix(in oklab,var(--surface-2) 70%,transparent)}.trow.on{background:var(--accent-8)}.trow.live:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:2px;border-radius:var(--rf);background:var(--accent);box-shadow:0 0 14px var(--accent-40)}.trow.on .trow-title{color:var(--accent)}.trow-index{display:none}.trow-art{position:relative;width:64px;height:64px;padding:0;border:0;border-radius:var(--r2);overflow:hidden;background:var(--surface-2);flex-shrink:0;color:#fff}.trow-art .art{width:64px!important;height:64px}.trow-art .art img{width:64px;height:64px;object-fit:cover;display:block}.trow-art-play{position:absolute;inset:0;display:grid;place-items:center;background:#0006;color:#fff;pointer-events:none;opacity:0;transition:opacity var(--d2) var(--e-out)}.trow.live .trow-art-play{opacity:1}@media(hover:hover)and (pointer:fine){.trow-art:hover .trow-art-play,.trow-art:focus-visible .trow-art-play{opacity:1}}.rank-list{display:flex;flex-direction:column}.rank-list .trow{grid-template-columns:64px minmax(0,1fr) 4.8ch auto}.trow-main{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;min-height:48px}.trow-playhit{position:absolute;inset:0;z-index:0;margin:0;padding:0;border:0;border-radius:var(--r1);background:none;cursor:pointer}.trow-title-row,.trow-sub{position:relative;z-index:1;pointer-events:none}.trow-title-row .chip,.trow-sub a{pointer-events:auto}.trow-title{font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;transition:color var(--d1) var(--e-out)}.trow-sub{font-size:var(--fs-sm);color:var(--text-4)}.trow-wave,.list-head .col-wave{display:none}.trow-meta,.list-head .col-meta{display:flex;align-items:center;justify-content:flex-end}.trow-meta{min-width:0;font-size:var(--fs-sm);color:var(--text-4)}.trow-time{min-width:4.2ch;text-align:right}.trow-room{max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trow-room-inline{color:inherit}.trow-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;flex-shrink:0;opacity:1}.list-head{display:grid;grid-template-columns:64px minmax(0,1fr) 4.8ch auto;gap:var(--s3);padding:0 var(--s2) var(--s3);border-bottom:1px solid var(--hairline);margin-bottom:2px;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-4)}@media(max-width:900px){.trow-follow{display:none}.trow-actions{gap:0}}@media(max-width:980px){.trow,.list-head,.rank-list .trow{grid-template-columns:48px minmax(0,1fr) 44px;gap:10px}.trow{min-height:56px;padding:4px 0}.trow-art,.trow-art .art,.trow-art .art img{width:48px!important;height:48px}.trow-meta,.list-head,.trow-title-row .chip,.trow-title-row .ai-hint{display:none}.trow-actions>:not(.trow-more){display:none}.trow-actions .trow-more,.trow-actions .icon-btn.trow-more{display:grid;width:var(--tap);height:var(--tap)}}@media(hover:hover)and (pointer:fine){.trow-actions{opacity:1}.trow-actions>:not(.trow-like):not(.trow-add-pl){opacity:0}.trow:hover .trow-actions>*,.trow:focus-within .trow-actions>*{opacity:1}}@media(pointer:coarse){.trow-actions{opacity:1}}.wf{position:relative;width:100%;height:100%;min-height:28px;cursor:pointer;touch-action:none}.wf canvas{width:100%;height:100%}.wf-hover{position:absolute;top:0;bottom:0;width:1px;background:var(--hairline-strong);pointer-events:none}.wf-time{position:absolute;right:8px;bottom:6px;padding:2px 8px;border-radius:var(--rf);background:color-mix(in oklab,#111 74%,transparent);color:#f3f3f3;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;pointer-events:none;z-index:2;white-space:nowrap}.comment-box{display:flex;flex-direction:column;gap:6px;min-width:0}.comment-emojis{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:0 2px}.comment-emoji{appearance:none;border:0;background:transparent;color:inherit;min-width:36px;min-height:36px;padding:0 3px;font-size:16px;line-height:1;cursor:pointer;opacity:.82;border-radius:var(--rf)}.comment-emoji:hover{opacity:1;background:var(--surface-2)}.wf-bubble{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);padding:3px 7px;border-radius:var(--r1);background:var(--surface-3);box-shadow:var(--sh2),inset 0 0 0 1px var(--hairline);font-family:var(--font-mono);font-size:10px;white-space:nowrap;pointer-events:none;z-index:3}.wf-markers{position:absolute;inset:0;pointer-events:none}.wf-marker{position:absolute;bottom:-4px;transform:translate(-50%);width:18px;height:18px;border-radius:var(--rf);display:grid;place-items:center;pointer-events:auto;cursor:pointer;transition:transform var(--d2) var(--e-snap)}.wf-marker .avatar{width:18px;height:18px;font-size:9px;box-shadow:0 0 0 2px var(--bg)}.wf-marker.is-emoji{width:auto;min-width:22px;height:22px;padding:0 5px;font-size:13px;line-height:1;background:var(--surface-3);box-shadow:0 0 0 2px var(--bg)}.wf-marker:hover{transform:translate(-50%) scale(1.25);z-index:2}.wf-tip{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);width:max-content;max-width:260px;padding:var(--s2) var(--s3);border-radius:var(--r2);background:var(--surface-3);box-shadow:var(--sh2),inset 0 0 0 1px var(--hairline);font-size:var(--fs-sm);z-index:4;pointer-events:none;animation:fade-in var(--d1) var(--e-out) both}.wf-tip b{display:block;font-weight:600;font-size:var(--fs-xs);color:var(--accent);margin-bottom:2px}.card{border-radius:var(--r3);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);padding:var(--s4)}.section{display:flex;flex-direction:column;gap:var(--s4)}.section-head{display:flex;align-items:center;gap:var(--s3)}.section-head h2{display:block;height:auto;margin:0;padding:0;border-radius:0;background:none;box-shadow:none;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;letter-spacing:-.022em;text-transform:none;color:var(--text);line-height:1.2}.section-head p{font-size:var(--fs-sm);color:var(--text-4)}.section-head .grow{flex:1}.comment{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:var(--s3);padding:var(--s2) var(--s2);border-radius:var(--r2);transition:background var(--d1) var(--e-out)}.comment:hover{background:var(--surface-1)}.comment-body{min-width:0;display:flex;flex-direction:column;gap:2px}.comment-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:var(--fs-sm);min-width:0}.comment-head b{font-weight:600}.comment-at{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);transition:color var(--d1) var(--e-out)}button.comment-at:hover{text-decoration:underline}.comment-text{font-size:var(--fs-sm);color:var(--text-2);line-height:1.5;overflow-wrap:anywhere}.comment-text.is-emoji{font-size:1.35rem;line-height:1.2;letter-spacing:.04em}.comment-del{opacity:0}.comment-tools{display:flex;align-items:flex-start;gap:2px}.comment:hover .comment-del{opacity:1}@media(pointer:coarse){.comment-del{opacity:1}}.comment-thread{display:flex;flex-direction:column;gap:2px}.comment.is-reply{padding-left:38px}.comment.is-reply .avatar.sm{width:22px;height:22px;font-size:10px}.comment-acts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px}.comment-react{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 8px;border:0;border-radius:999px;background:#ffffff0d;color:inherit;font-size:13px;line-height:1;cursor:pointer}.comment-react em{font-style:normal;font-size:11px;color:var(--text-3)}.comment-react.on{background:color-mix(in oklab,var(--accent) 22%,transparent)}.comment-react:disabled{cursor:default}.comment-react.is-idle{display:none}.comment:hover .comment-react.is-idle,.comment:focus-within .comment-react.is-idle{display:inline-flex}@media(pointer:coarse){.comment-react.is-idle{display:inline-flex}}.comment-reply-btn{appearance:none;border:0;background:none;min-height:28px;padding:0 6px;color:var(--text-3);font:inherit;font-size:var(--fs-xs);font-weight:650;cursor:pointer}.comment-reply-btn:hover{color:var(--text)}.comment-reply-box{margin-top:8px;width:100%}.station-voices{min-width:0}.station-voices-head{display:flex;align-items:center;gap:8px;margin:0 0 8px;min-height:26px}.station-voices-head h2{margin:0;font-family:var(--font-sans);font-size:.6875rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);line-height:1}.station-voices-all{margin-left:auto}.station-voices-empty{margin:0;padding:2px 2px 0;font-size:var(--fs-sm);color:var(--text-3);line-height:1.45;max-width:28ch}.station-voices-list{display:flex;flex-direction:column;min-width:0}.station-voice{grid-template-columns:26px minmax(0,1fr) 40px auto;align-items:start;padding:8px 4px}.station-voice-on{appearance:none;border:0;background:none;padding:0;margin:4px 0 0;max-width:100%;color:var(--text-3);font:inherit;font-size:var(--fs-xs);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-voice-on:hover{color:var(--text)}.station-voice-art{width:40px;height:40px;flex:0 0 40px;border-radius:6px;overflow:hidden;align-self:start;margin-top:2px}.station-voice-art .art,.station-voice-art .art img{width:40px!important;height:40px;display:block}.station-voices.is-peek .station-voices-list>.station-voice:nth-child(n+9){display:none}@media(max-width:959px){.station-voices.is-peek .station-voices-list>.station-voice:nth-child(n+4){display:none}}.dialog-wrap{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--s4);background:#01010299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in var(--d2) var(--e-out) both}.dialog{width:min(420px,100%);padding:var(--s5);border-radius:var(--r4);background:var(--surface-1);box-shadow:var(--sh3),inset 0 0 0 1px var(--hairline-strong);animation:dialog-in var(--d3) var(--e-out) both}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dialog h2{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em}.dialog-form{display:grid;gap:var(--s5);margin-top:var(--s4)}.dialog-label{display:grid;gap:6px;font-size:var(--fs-sm);color:var(--text-3)}.dialog-foot{display:flex;justify-content:flex-end;gap:var(--s2)}.palette-wrap{position:fixed;inset:0;z-index:40;display:grid;place-items:start center;padding:clamp(var(--s5),8vh,96px) var(--s4) var(--s4);background:#01010299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in var(--d2) var(--e-out) both}.palette{width:min(660px,100%);max-height:min(78vh,720px);display:flex;flex-direction:column;border-radius:var(--r4);background:#0b0d14fa;box-shadow:var(--sh3),inset 0 0 0 1px var(--hairline-strong);overflow:hidden;animation:palette-in var(--d3) var(--e-out) both}@media(max-width:980px){.palette-wrap{place-items:end center;padding:10vh 0 0}.palette{width:100%;max-height:min(88dvh,calc(100dvh - var(--chrome-south, 64px) - 8px));border-radius:var(--r5) var(--r5) 0 0;animation:palette-sheet-in var(--d3) var(--e-out) both}.palette-foot,.palette-input .kbd{display:none}.palette-item{min-height:46px;padding:11px 14px}}@keyframes palette-sheet-in{0%{opacity:0;transform:translateY(18%)}}@keyframes palette-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}}.palette-input{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border-bottom:1px solid var(--hairline)}.palette-input input{flex:1;font-size:16px;outline:none}.palette-list{overflow-y:auto;padding:var(--s2)}.palette-group{padding:var(--s3) var(--s3) var(--s1)}.palette-item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s2) var(--s3);border-radius:var(--r2);text-align:left;color:var(--text-2);cursor:pointer;transition:background var(--d1) var(--e-out),color var(--d1) var(--e-out)}.palette-item .art{width:34px}.palette-dot{width:18px;height:18px;flex-shrink:0;border-radius:var(--rf);background:var(--genre)}.palette-item.active{background:var(--accent-14);color:var(--text)}.palette-item .hint{margin-left:auto;font-size:var(--fs-xs);color:var(--text-4)}.palette-foot{display:flex;align-items:center;gap:var(--s4);padding:var(--s2) var(--s4);border-top:1px solid var(--hairline);font-size:var(--fs-xs);color:var(--text-4)}.toasts{position:fixed;left:50%;bottom:calc(var(--chrome-south) + var(--s4));transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:var(--s2);align-items:stretch;pointer-events:none;width:min(440px,calc(100vw - 24px))}.toast{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px 10px 14px;border-radius:var(--r3);overflow:visible;background:var(--surface-2);color:var(--text);box-shadow:var(--sh2),inset 0 0 0 1px var(--hairline-strong);font-size:var(--fs-body);line-height:1.35;pointer-events:auto;animation:toast-in var(--d3) var(--e-snap) both}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}.toast .bar{flex:0 0 4px;width:4px;align-self:stretch;min-height:22px;border-radius:var(--rf);background:var(--accent-deep)}.toast.good .bar{background:var(--good)}.toast.warn .bar{background:var(--danger)}.toast-msg{flex:1 1 auto;min-width:0;overflow:visible;white-space:normal}.toast .btn,.toast .btn.ghost,.toast .btn.outline{flex:0 0 auto;height:36px;min-height:36px;padding:0 12px;color:var(--accent-ink);background:var(--accent);box-shadow:none;font-size:var(--fs-sm)}.toast .icon-btn{color:var(--text)}@media(max-width:980px){.toasts{bottom:calc(var(--chrome-south) + 12px)}.section-head{flex-wrap:wrap;row-gap:8px}.btn:not(.sm){min-height:var(--tap);height:auto;padding-top:10px;padding-bottom:10px}.icon-btn:not(.sm):not(.dock-hit){width:var(--tap);height:var(--tap)}.menu-item{min-height:var(--tap)}.empty{padding:clamp(var(--s6),8vh,88px) var(--s3)}.empty h2{font-size:var(--fs-h2)}}.empty{display:grid;place-items:center;gap:var(--s3);padding:clamp(var(--s5),6vh,72px) var(--s4);text-align:center}.empty h2{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:600;letter-spacing:-.02em;max-width:28ch;line-height:1.25}.empty p{color:var(--text-2);max-width:40ch;line-height:1.5}.empty .btn{margin-top:var(--s2)}.need-account .row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.skeleton{border-radius:var(--r2);background:linear-gradient(90deg,var(--surface-1),var(--surface-2),var(--surface-1));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.dropzone{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#010204d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in var(--d1) var(--e-out) both;pointer-events:none}.dropzone-inner{display:grid;place-items:center;gap:var(--s3);padding:var(--s8) var(--s7);border-radius:var(--r5);border:2px dashed var(--accent-40);background:var(--accent-8);text-align:center}.dropzone-inner h2{font-family:var(--font-display);font-size:var(--fs-h1)}.icon-btn.hit{width:48px;height:48px}.upload-progress{display:flex;align-items:center;gap:8px;max-width:220px;font-size:var(--fs-xs);color:var(--text-3)}.twin-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 4px 68px}.trow .twin-row{padding-left:68px}.chip.quiet{max-width:100%;font-size:var(--fs-xs);font-weight:500;color:var(--text-3);background:color-mix(in oklab,var(--surface-2) 70%,transparent)}.chip.quiet .dim{display:block;font-weight:400;color:var(--text-4)}.twin-why{margin:-6px 0 10px 68px;font-size:var(--fs-xs)}@media(max-width:980px){.btn,.btn.sm,.btn.lg{height:40px;min-height:40px;border-radius:var(--r2)}.icon-btn,.icon-btn.sm{width:var(--tap);height:var(--tap);border-radius:var(--r2)}}.np-art-wrap{min-height:0;width:100%;height:100%;display:grid;place-items:center}.np-art-wrap .art,.np-art{width:auto!important;height:auto!important;max-width:min(280px,100%);max-height:min(280px,100%);aspect-ratio:1}.np-art-wrap .art img{width:100%;height:100%;object-fit:cover;display:block}.page-head{display:flex;flex-direction:column;gap:var(--s3)}.page-head h1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:600;letter-spacing:-.038em;line-height:1.06}.page-head .row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3)}.share-landing{display:flex;flex-direction:column;gap:var(--s5)}.share-landing-head{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--s4);align-items:end}.share-landing.sent .share-landing-head{grid-template-columns:168px minmax(0,1fr);align-items:end}.share-landing-mosaic{display:grid;grid-template-columns:1fr;width:120px;height:120px;overflow:hidden;border-radius:var(--r4);background:var(--surface-2)}.share-landing.sent .share-landing-mosaic{width:168px;height:168px;box-shadow:var(--sh2)}.share-landing-mosaic.n2,.share-landing-mosaic.n3{grid-template-columns:1fr 1fr}.share-landing-mosaic .art,.share-landing-mosaic img{width:100%;height:100%;object-fit:cover}.share-landing-mosaic.n3>:first-child{grid-row:1 / 3}.share-landing-empty{display:block;width:100%;height:100%;background:var(--surface-3)}.share-landing-artists{margin:0;color:var(--text-3)}.share-landing.sent .share-landing-copy h1{font-size:var(--fs-h1)}@media(max-width:560px){.share-landing-head,.share-landing.sent .share-landing-head{grid-template-columns:1fr}.share-landing.sent .share-landing-mosaic{width:min(72vw,280px);height:min(72vw,280px)}}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2)}.toolbar .grow{flex:1}.filter-row{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filter-row::-webkit-scrollbar{display:none}.track-page{display:flex;flex-direction:column;gap:var(--s5);min-width:0;width:100%;max-width:100%}.track-hero{position:relative;display:grid;grid-template-columns:128px minmax(220px,.42fr) minmax(0,1fr);gap:var(--s4) var(--s5);align-items:center;padding:22px 24px;border-radius:var(--r4);overflow:visible;min-width:0;max-width:100%;min-height:176px;box-shadow:none;isolation:isolate}.track-hero-clip{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.track-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#0303068c,#030306eb),radial-gradient(ellipse at 20% 30%,color-mix(in oklab,var(--genre) 28%,transparent),transparent 58%),linear-gradient(180deg,#0c0d1233,#0303068c)}.track-hero>:not(.track-hero-clip){position:relative;z-index:1;min-width:0}.track-hero-art{appearance:none;border:0;padding:0;margin:0;background:none;width:128px;height:128px;border-radius:var(--r2);overflow:hidden;cursor:pointer;flex-shrink:0}.track-hero .art,.track-hero-art .art{width:128px!important;height:128px;min-width:0;border-radius:var(--r2)}.track-hero-wave{min-width:0;align-self:stretch;display:flex;align-items:center;padding:4px 0 8px}.track-hero-wave .wf{height:128px;min-height:128px}.track-hero-copy{min-width:0}.track-hero h1{font-family:var(--font-sans);font-size:clamp(1.2rem,.95rem + .9vw,1.7rem);font-weight:650;letter-spacing:-.035em;line-height:1.15}.track-hero .eyebrow+h1,.track-hero .eyebrow+.field{margin-top:var(--s2)}.track-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:8px;font-size:var(--fs-sm);color:var(--text-2)}.track-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);margin-top:var(--s3)}.track-action-group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2)}.track-action-group .btn .num{margin-left:6px;opacity:.72;font-variant-numeric:tabular-nums}.track-action-admin{margin-left:auto;padding-left:var(--s4);border-left:1px solid var(--hairline)}.comment-compose{display:flex;align-items:center;gap:var(--s3);min-height:var(--tap);padding:var(--s2) var(--s3);border-radius:var(--rf);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);transition:box-shadow var(--d2) var(--e-out)}.comment-compose:focus-within{box-shadow:inset 0 0 0 1px var(--accent-40)}.comment-compose input{flex:1;min-width:0;height:40px;outline:none}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.85fr);gap:clamp(var(--s5),3vw,var(--s7));align-items:start;min-width:0;max-width:100%}.track-main{display:flex;flex-direction:column;gap:var(--s5);min-width:0}.track-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.side-stack{display:flex;flex-direction:column;gap:var(--s5);min-width:0}@media(max-width:980px){.map-shell{height:min(70dvh,calc(100dvh - var(--chrome-south) - 7.5rem));min-height:280px}.map-head-tools{width:100%}}@media(max-width:1100px){.track-hero{grid-template-columns:128px minmax(0,1fr)}.track-hero-wave{grid-column:1 / -1}}@media(max-width:900px){.two-col{grid-template-columns:minmax(0,1fr)}.side-stack{position:static}.track-hero{grid-template-columns:88px minmax(0,1fr);gap:var(--s3);padding:14px 16px;min-height:0}.track-hero-art{width:88px;height:88px}.track-hero .art,.track-hero-art .art{width:88px!important;height:88px}.track-hero-wave{grid-column:1 / -1}.track-hero-wave .wf{height:72px;min-height:72px}.track-action-admin{width:100%;margin-left:0;padding-top:var(--s3);padding-left:0;border-top:1px solid var(--hairline);border-left:0}}.map-page{display:flex;flex-direction:column;gap:var(--s3);min-height:0}.map-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s3) var(--s4)}.map-head-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.map-head h1{font-size:clamp(1.45rem,1.05rem + 1.1vw,1.85rem);font-weight:600;letter-spacing:-.038em}.map-head-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}@media(min-width:720px){.map-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}}.map-head-tools>.chip{height:40px}.chip.map-floor{height:40px;max-width:220px;padding:0 10px 0 12px;font-weight:600;color:var(--text);background:var(--surface-2)}.chip.map-floor[aria-expanded=true]{background:var(--surface-3)}.map-shell{position:relative;height:calc(100dvh - var(--chrome-south) - 6.75rem);min-height:420px;border-radius:var(--r4);overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,var(--surface-1),var(--bg-deep));box-shadow:inset 0 0 0 1px var(--hairline);touch-action:none}.map-canvas{width:100%;height:100%;cursor:grab}.map-canvas:active{cursor:grabbing}.map-tip{position:absolute;z-index:3;pointer-events:none;padding:var(--s2) var(--s3);border-radius:var(--r2);background:#14161df5;box-shadow:var(--sh2),inset 0 0 0 1px var(--hairline-strong);max-width:240px;animation:fade-in var(--d1) var(--e-out) both}.map-tip b{display:block;font-family:var(--font-display);font-size:var(--fs-body);margin-bottom:2px}.map-tip span{font-size:var(--fs-xs);color:var(--text-3)}.map-tip em{display:block;margin-top:4px;font-style:normal;font-size:.68rem;color:var(--text-4)}.map-overlay{position:absolute;z-index:2;display:flex;gap:var(--s2);align-items:center}.map-overlay.tl{top:var(--s3);left:var(--s3);flex-wrap:wrap;max-width:calc(100% - var(--s6))}.map-overlay.br{right:var(--s3);bottom:var(--s3)}.map-axis{position:absolute;z-index:1;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e6e4e06b;pointer-events:none;font-weight:500}.map-axis.x{bottom:10px;left:50%;transform:translate(-50%)}.map-axis.y{left:12px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center}.rutt-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s4);align-items:center}.rutt-head-art,.rutt-head-art .pl-mosaic,.rutt-head-art .home-box-mosaic{width:96px;height:96px;border-radius:var(--r3)}.rutt-head-copy{min-width:0}.rutt-head-copy .row{margin-top:var(--s3)}.rutt-head-copy h1{margin-top:var(--s2);font-size:var(--fs-h2)}@media(max-width:980px){.rutt-head{grid-template-columns:72px minmax(0,1fr);gap:var(--s3)}.rutt-head-art,.rutt-head-art .pl-mosaic,.rutt-head-art .home-box-mosaic{width:72px;height:72px}}.pl-play{position:absolute;inset:0;display:grid;place-items:center;background:#0006;color:#fff;border:0;padding:0}.pl-count{flex-shrink:0;font-size:var(--fs-sm);color:var(--text-4)}.pl-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:56px;height:56px;border-radius:var(--r2);overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);place-items:center}.pl-mosaic img{width:100%;height:100%;object-fit:cover}.pl-mosaic.single{grid-template-columns:1fr}.pl-name{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.01em}.np{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;isolation:isolate;height:100dvh;background:var(--bg);animation:np-in var(--d4) var(--e-out) both;overflow:hidden}@keyframes np-in{0%{transform:translateY(3%);opacity:0}}.np-bg-clip{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.np-bg{position:absolute;inset:-18%;z-index:0;background-size:cover;background-position:center;filter:blur(28px) brightness(.22);opacity:.55}.np-inner{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:4px var(--s5) calc(12px + var(--safe-b))}.np-stage{flex:1;min-height:0;width:min(480px,100%);margin-inline:auto;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:stretch;gap:10px}.np-art{border-radius:var(--r4);overflow:hidden;box-shadow:var(--sh3)}.np-title{display:block;font-family:var(--font-display);font-size:clamp(1.05rem,.9rem + .8vw,1.35rem);font-weight:650;letter-spacing:-.03em;text-align:left;line-height:1.15;margin:0;color:inherit}.np-src{margin:0;max-width:46vw;color:#ffffffb8;font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.np-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0}.np-info-text{min-width:0;display:grid;gap:4px}.np-add{width:40px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:50%}.np-controls{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;flex-shrink:0}.np-seek{display:grid;gap:6px;width:100%}.np-wave,.np-wave.wf{height:44px;min-height:44px}.np-wave .wf-time{display:none}.np-times{display:flex;justify-content:space-between;color:#ffffff8c;font-size:.7rem}.np-transport{display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;justify-items:center;gap:4px;width:100%}.np-play{width:56px;height:56px;border:0;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center}.np-play:active{transform:scale(.96)}.np-skip,.np-side-btn{width:44px;height:44px;color:#ffffffb8}.np-side-btn.on{color:#fff}.np-doors{display:flex;flex-wrap:wrap;gap:8px;width:100%}.np-door{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:0;border-radius:var(--rf);background:#ffffff14;color:inherit;font:inherit;font-size:.8rem;font-weight:650;letter-spacing:-.01em;text-decoration:none;cursor:pointer}.np-door:hover{background:#ffffff24}.np-foot{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%;min-width:0;overflow:visible}.np-foot .icon-btn,.np-foot .device-trigger{width:36px!important;height:36px!important}.np-foot .vol{width:36px;height:36px}.np-like{display:flex;justify-content:center;gap:8px}.np-dur{font-size:var(--fs-xs)}.np-chrome{position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding:calc(4px + var(--safe-t)) var(--s4) 2px;box-sizing:border-box}.np-close{position:static;width:var(--tap);height:var(--tap)}.np-artist-row{display:flex;align-items:center;gap:var(--s3)}.np-artist{color:var(--text-2);font-weight:500}.publish-sheet{width:min(760px,96vw);max-height:min(90dvh,860px);display:flex;flex-direction:column;gap:var(--s4);padding:22px 22px 18px;border-radius:22px;background:#161616f5;box-shadow:var(--sh3),inset 0 0 0 1px #ffffff14;overflow:hidden;touch-action:manipulation;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.publish-sheet.first-drop{box-shadow:var(--sh3),inset 0 0 0 1px color-mix(in oklab,var(--accent) 32%,var(--hairline))}.publish-sheet.first-drop .publish-cover{box-shadow:0 12px 40px color-mix(in oklab,var(--accent) 18%,transparent)}.publish-head,.publish-foot{display:flex;align-items:flex-start;gap:var(--s3)}.publish-head-file{display:flex;align-items:center;gap:10px;min-width:0;max-width:min(42ch,100%);color:var(--text-3);font-size:var(--fs-xs)}.publish-head-file .truncate{min-width:0}.publish-head-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.publish-lead{margin:0;color:var(--text-2);font-size:var(--fs-sm);line-height:1.35;max-width:36ch}.publish-foot{align-items:center;justify-content:flex-end}.publish-body{display:flex;flex-direction:column;gap:var(--s3);overflow:auto;flex:1;min-height:0;padding-bottom:8px;-webkit-overflow-scrolling:touch}.publish-cover-col{display:flex;flex-direction:column;align-items:stretch;gap:10px}.publish-cover{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(280px,72vw);margin:0 auto;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--surface-2);color:var(--text-3);box-shadow:0 18px 48px #0006,inset 0 0 0 1px #ffffff14}.publish-cover img{width:100%;height:100%;object-fit:cover}.publish-cover-orbs{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}.publish-orb{width:36px;height:36px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#0a0a0ac7;color:#fff;box-shadow:0 4px 14px #00000059}.publish-orb.on{background:#fff;color:#111}.publish-cover-tools{display:flex;flex-direction:column;align-items:center;gap:6px}.publish-cover-hint{position:static;max-width:28rem;text-align:center;font-size:var(--fs-xs);line-height:1.4;color:var(--text-3)}.publish-file{margin:-4px 0 0;font-size:var(--fs-xs);word-break:break-all}@media(min-width:720px){.publish-body:not(.publish-review){display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);column-gap:28px;align-items:start}.publish-cover-col{grid-column:1;grid-row:1 / span 8}.publish-cover{width:100%;margin:0}.publish-cover-tools{align-items:flex-start}.publish-cover-hint{text-align:left}}.publish-meta{display:flex;flex-direction:column;gap:var(--s3)}.publish-meta .publish-field>span,.publish-meta .publish-check strong{font-weight:500;color:var(--text-3)}.publish-meta .publish-chips .chip{min-height:32px;padding:6px 10px;font-size:13px}.publish-meta .publish-check{background:transparent;border-color:transparent;padding:4px 0}.publish-field{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-xs);color:var(--text-3)}.publish-field input{height:auto;min-height:44px;font-size:16px;padding:0 12px;border-radius:var(--r2);border:1px solid var(--hairline);background:var(--surface-2);color:var(--text)}.publish-check{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r2);border:1px solid var(--hairline);background:var(--surface-2);font-size:var(--fs-xs);color:var(--text)}.publish-check input{margin-top:3px;width:16px;height:16px;accent-color:#fff}.publish-check span{display:grid;gap:3px}.publish-check em{font-style:normal;color:var(--text-3)}.publish-chips{display:flex;flex-wrap:wrap;gap:8px}.publish-chips .chip{height:auto;min-height:36px;padding:8px 12px;font-size:14px}.publish-progress{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px 10px;align-items:center;font-size:var(--fs-sm)}.publish-bar{grid-column:1 / -1;height:3px;border-radius:var(--rf);background:var(--surface-3)}.publish-bar:after{content:"";display:block;width:calc(var(--fill, 0) * 100%);height:100%;border-radius:inherit;background:var(--accent)}.edition-chip{font-size:.625rem;letter-spacing:.06em;text-transform:uppercase}@media(max-width:640px){.publish-sheet{width:100%;max-width:100%;max-height:92dvh;padding:16px 14px calc(var(--s5) + 16px);border-radius:18px}.publish-head{flex-wrap:wrap}.publish-head-file{width:100%;max-width:none;justify-content:space-between}.publish-menu{grid-template-columns:minmax(0,1fr);max-height:none}.publish-menu-floors{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;gap:6px;padding-bottom:4px;scrollbar-width:none}.publish-menu-floors::-webkit-scrollbar{display:none}.publish-menu-floor{flex:0 0 auto;min-height:36px}.publish-foot{flex-shrink:0}}@media(max-width:1000px){.np-inner{padding:2px var(--s4) calc(10px + var(--safe-b))}.np-stage{width:100%;gap:8px}.np-art-wrap .art,.np-art{max-width:min(240px,100%);max-height:min(240px,100%)}.np-wave,.np-wave.wf{height:36px;min-height:36px}.np-play{width:52px;height:52px}.np-doors{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.np-doors::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){.aurora,.np-bg,.art-bars i,.art.analyzing:after,.play-btn.pulsing:after,.skeleton,.view-enter{animation:none}.np-art-wrap{transform:none!important}}.qrow{display:grid;grid-template-columns:22px 40px minmax(0,1fr) auto auto;align-items:center;gap:var(--s3);min-height:48px;padding:var(--s2);border-radius:var(--r2);width:100%;text-align:left;-webkit-user-select:none;user-select:none;transition:background var(--d1) var(--e-out)}.qrow-play{display:block}.qrow-copy{min-width:0;text-align:left}.qrow-copy .qrow-title{display:block}.qrow.played{opacity:.58}.qrow-grip{width:22px;height:36px;padding:0;border:0;border-radius:var(--r1);background:transparent;color:var(--text-4);cursor:grab;touch-action:none}.qrow-grip.slot{pointer-events:none}.qrow-grip:active{cursor:grabbing;color:var(--text-2)}.qrow:hover,.qrow.on{background:var(--surface-1)}.qrow.over{background:var(--surface-2);box-shadow:inset 0 2px 0 var(--accent)}.qrow.on .qrow-title{font-weight:650}.qrow-time{font-size:var(--fs-xs);color:var(--text-4);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.qrow-title{font-size:var(--fs-sm);font-weight:500}.qrow-sub{font-size:var(--fs-xs);color:var(--text-4)}.queue-section{padding:var(--s3) var(--s2) var(--s1)}.queue-sheet .qrow{min-height:52px;padding:8px 10px}.queue-sheet .qrow.on{background:var(--surface-2)}.queue-sheet .qrow-sub{display:flex;align-items:center;min-width:0}.bars{display:flex;flex-direction:column;gap:var(--s2)}.bar-row{display:grid;grid-template-columns:92px minmax(0,1fr) 34px;align-items:center;gap:var(--s3);font-size:var(--fs-sm)}.bar-track{height:6px;border-radius:var(--rf);background:var(--surface-2);overflow:hidden}.bar-fill{height:100%;border-radius:var(--rf);background:#f2f2f2;transition:width var(--d4) var(--e-out)}.mix{display:grid;gap:var(--s2)}.mix-row{display:grid;grid-template-columns:78px minmax(0,1fr) 44px;align-items:center;gap:var(--s3);font-size:var(--fs-sm);color:var(--text-2)}.mix-row .range{min-width:0}.mix-row .num{text-align:right}.profile-hero,.artist-hero{position:relative;isolation:isolate;overflow:hidden;margin-bottom:var(--s5);border-radius:0;background:transparent;box-shadow:none;min-width:0;max-width:100%}.profile-hero-banner,.artist-hero-banner{position:relative;display:block;z-index:0;height:168px;background-image:var(--profile-banner);background-size:cover;background-position:center;pointer-events:none}.artist-hero-banner{position:absolute;inset:0;height:auto;background-image:var(--artist-banner)}.artist-hero-clip{position:relative;height:168px;overflow:hidden}.artist-hero-wash{position:absolute;inset:0;background:radial-gradient(70% 80% at 18% 20%,color-mix(in oklab,var(--genre, var(--surface-3)) 28%,transparent),transparent 62%),var(--surface-1)}.profile-hero-banner:after,.artist-hero-clip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,18,.12) 0%,var(--bg) 100%)}.profile-hero.has-banner .profile-hero-inner,.artist-hero.has-banner .artist-hero-inner{margin-top:-52px}.profile-hero-inner,.artist-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4);align-items:center;padding:var(--s4) 0 var(--s3)}.profile-avatar,.artist-avatar{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;border:1px solid var(--hairline);background:var(--surface-2);color:var(--text);font-size:2rem;font-family:var(--font-display);display:grid;place-items:center;flex-shrink:0;box-shadow:none}.profile-avatar img,.artist-avatar img,.profile-chip .avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar{padding:0;cursor:pointer}.profile-copy h1,.artist-copy h1{margin:0 0 var(--s2);font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.028em;line-height:1.05}.profile-copy .muted{margin:0 0 var(--s3);max-width:46ch}.profile-form{display:grid;gap:var(--s3);max-width:420px}.profile-form input,.profile-form textarea{width:100%;padding:10px 12px;border-radius:var(--r2);border:1px solid var(--hairline);background:var(--surface-1);color:inherit;font-size:16px;line-height:1.4}.artist-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-top:var(--s4);color:var(--text-3);font-size:var(--fs-sm)}.artist-meta strong{display:block;color:var(--text);font-size:var(--fs-h3)}.artist-meta{margin-top:var(--s3)}.artist-chip{font-family:var(--font-display);font-weight:500;color:var(--text-2);text-decoration:underline;text-decoration-color:transparent}.artist-page{display:flex;flex-direction:column;gap:var(--s6);min-width:0;max-width:100%}.artist-lead{margin:0 0 var(--s3);color:var(--text-3);font-size:var(--fs-sm)}.artist-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}.artist-door{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:10px;border:0;border-radius:var(--r3);background:var(--surface-1);color:inherit;text-align:left;box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer}.artist-door:hover{box-shadow:inset 0 0 0 1px var(--hairline-strong)}.artist-door-art{flex:0 0 72px;width:72px;height:72px;border-radius:var(--r2);overflow:hidden}.artist-door-art .art{width:72px!important;height:72px}.artist-door-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.artist-door-copy .eyebrow{margin:0}.artist-door-copy strong{font-weight:650;letter-spacing:-.015em}.artist-door-copy em{font-style:normal}.artist-door-go{flex-shrink:0;width:36px;height:36px;border-radius:var(--rf);display:grid;place-items:center;background:#00000059;color:var(--text)}.artist-rooms{display:flex;flex-wrap:wrap;gap:8px}.artist-room{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 8px;border-radius:var(--rf);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);color:inherit}.artist-room:hover{box-shadow:inset 0 0 0 1px var(--hairline-strong)}.artist-room .search-row-hue{flex:0 0 18px;width:18px;height:18px;border-radius:6px}.artist-room-copy{display:flex;flex-direction:column;gap:0}.artist-room-copy strong{font-size:var(--fs-sm);font-weight:650}.artist-room-copy span{color:var(--text-3);font-size:var(--fs-xs)}.people-row{display:flex;gap:var(--s3);overflow-x:auto;scrollbar-width:thin;padding:2px 2px var(--s2)}.people-row .artist-tile{flex:0 0 148px;width:148px}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px 12px}.artist-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:4px 6px 8px;border-radius:0;background:none;text-align:center}.artist-tile-hit{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;width:100%;color:inherit}.artist-tile-face{width:104px;height:104px;border-radius:50%;overflow:hidden;background:var(--surface-3);box-shadow:0 12px 32px -18px #000000bf}.artist-tile-face .art,.artist-tile-face .art img,.artist-tile-face img{width:104px!important;height:104px;border-radius:50%}.artist-tile-letter{width:100%;height:100%;display:grid;place-items:center;font-family:var(--font-display);font-size:2rem;font-weight:650}.artist-tile-name{max-width:100%;font-family:var(--font-display);font-weight:650;letter-spacing:-.02em}.artist-tile-count{color:var(--text-3);font-size:var(--fs-xs)}.artist-tile-save{min-height:30px;padding:0 12px;border:1px solid var(--hairline-strong);border-radius:var(--rf);background:#fff;color:#111;font-size:.72rem;font-weight:650}.artist-tile-save.on{background:transparent;color:var(--text);border-color:var(--hairline)}.scene-shelf .artist-tile{flex:0 0 148px;width:148px;scroll-snap-align:start}.person-card{flex:0 0 168px;width:168px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 16px;border-radius:var(--r4);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));box-shadow:inset 0 0 0 1px var(--hairline);transition:background var(--d2) var(--e-out),box-shadow var(--d2) var(--e-out)}.person-card:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline-strong)}.person-art{display:grid;place-items:center}.person-art .art,.person-art .art img{width:88px!important;height:88px;border-radius:var(--r4)}.person-name{max-width:100%;font-family:var(--font-display);font-weight:650;letter-spacing:-.02em;text-align:center}.artist-chip:hover{text-decoration-color:currentColor;color:var(--text)}@media(max-width:640px){.artist-hero-inner{gap:var(--s3)}}.section-head.quiet{align-items:center;gap:var(--s3);min-height:32px}.section-head.quiet h2{font-size:var(--fs-lg)}.shelf-count{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--text-4);white-space:nowrap}.section-head.quiet .grow{height:auto;background:none}.home-shelf{display:flex;gap:var(--s4);overflow-x:auto;scrollbar-width:thin;padding:2px 2px var(--s2)}.stat-totals{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--s3);margin:var(--s5) 0}.stat-totals article{padding:var(--s4);border-radius:var(--r3);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline)}.stat-totals strong{display:block;margin-top:6px;font-size:var(--fs-h3);letter-spacing:-.03em}.stat-honest{color:var(--text-3);font-size:var(--fs-sm);max-width:52ch;margin:0 0 var(--s5)}.stat-honest.tight{margin:var(--s3) 0 0}.stat-range{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--s5);margin-bottom:var(--s6)}.stat-spark{display:flex;align-items:flex-end;gap:3px;height:72px;margin-top:var(--s3)}.stat-bar{flex:1;min-width:4px;border-radius:2px 2px 0 0;background:color-mix(in oklch,var(--accent) 72%,var(--text-3));opacity:.88}.stat-table-wrap{overflow-x:auto}.stat-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.stat-table th,.stat-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hairline);white-space:nowrap}.stat-table td:first-child{white-space:normal;max-width:28ch}.stat-th{background:none;border:0;color:var(--text-3);font:inherit;letter-spacing:.06em;text-transform:uppercase;font-size:var(--fs-xs);padding:0;cursor:pointer}.stat-th.on{color:var(--text)}.track-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s3)}.track-stat-grid strong{display:block;margin-top:2px}@media(max-width:720px){.stat-range{grid-template-columns:1fr}}.auth-error{color:#ef7e7c;margin:0}.check{display:flex;align-items:center;gap:var(--s2);margin:var(--s4) 0}.admin-page{max-width:860px}.admin-h{margin:var(--s6) 0 var(--s3);font-size:var(--fs-lg)}.quota-chip{margin-left:6px;color:var(--text-3);font-size:.7rem;letter-spacing:.02em}.genre-plate{display:block;width:100%;height:100%;border-radius:inherit;background:radial-gradient(ellipse 70% 60% at var(--gx, 32%) var(--gy, 24%),color-mix(in oklab,var(--genre) 46%,white),transparent 58%),radial-gradient(ellipse 55% 48% at var(--gx2, 72%) var(--gy2, 68%),color-mix(in oklab,var(--genre) 22%,transparent),transparent 64%),linear-gradient(var(--g-rot, 160deg),color-mix(in oklab,var(--genre) 16%,var(--surface-2)),var(--bg-deep))}.chip.quiet.genre-pick{border:0;box-shadow:none;background:transparent;height:22px;padding:0 2px;color:var(--text-3);font-size:var(--fs-xs)}.chip.quiet.genre-pick:hover,.chip.quiet.genre-pick[aria-expanded=true]{color:var(--text)}.genre-title{color:color-mix(in oklab,var(--genre) 34%,var(--text))}.listen-rail{position:relative}.listen-plates{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(176px,calc(100% - 72px));gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--s4);scrollbar-width:none;margin:0 calc(var(--s4) * -1);padding:8px var(--s4) 4px}.listen-plates::-webkit-scrollbar{display:none}.listen-rail.overflow .listen-plates{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent 100%)}.listen-rail.overflow.end .listen-plates{-webkit-mask-image:none;mask-image:none}.listen-rail-hint{position:absolute;top:calc(50% - 22px);right:2px;z-index:3;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--rf);background:#0606069e;color:#fff;box-shadow:0 4px 16px #00000047}.listen-rail-hint:hover{background:#0d0d0dc7}.listen-rail.end .listen-rail-hint{opacity:0;pointer-events:none}.section-head.loud{align-items:flex-end}.section-head-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.section-head.loud h2{font-size:var(--fs-lg)}.section-lead{margin:0;color:var(--text-3);font-size:.8125rem;line-height:1.35;max-width:28ch}.listen-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px}.listen-dot{width:6px;height:6px;padding:0;border:0;border-radius:var(--rf);background:var(--text-4);transition:width .18s ease,background .18s ease}.listen-dot.on{width:18px;background:var(--text)}@media(min-width:880px){.listen-plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:unset;overflow:visible;margin:0;padding:8px 2px;scroll-snap-type:none;-webkit-mask-image:none!important;mask-image:none!important}.listen-plate{max-width:none}.listen-rail-hint,.listen-dots{display:none}}.listen-plate{position:relative;scroll-snap-align:start;border-radius:var(--r4);overflow:hidden;background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);aspect-ratio:1;min-width:0;max-width:240px;contain:paint;content-visibility:auto;transition:box-shadow var(--d2) var(--e-out),transform var(--d2) var(--e-out)}.listen-plate-hit{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.listen-plate-hit img,.listen-plate-fallback{display:block;width:100%;height:100%;object-fit:cover}.listen-plate-stack{position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 0%,oklch(40% 0 0 / .35),transparent 55%),var(--surface-1)}.listen-plate-stack img{position:absolute;width:52%;height:52%;object-fit:cover;border-radius:var(--r2);box-shadow:0 10px 24px #0000006b}.listen-plate-stack.n1 img,.listen-plate-stack.n2 img:last-child,.listen-plate-stack.n3 img:last-child{width:56%;height:56%;left:18%;top:10%;z-index:3}.listen-plate-stack.n2 img:first-child,.listen-plate-stack.n3 img:nth-child(1){left:4%;top:20%;transform:rotate(-14deg) translateY(4px);z-index:1}.listen-plate-stack.n3 img:nth-child(2){left:38%;top:12%;transform:rotate(11deg) translateY(-2px);z-index:2}.listen-plate-kicker{font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.listen-plate-fallback{background:linear-gradient(160deg,var(--surface-2),var(--bg))}.listen-plate-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,oklch(0% 0 0 / .72) 100%);pointer-events:none}.listen-plate-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:2px;padding:28px var(--s3) var(--s3);color:#fff;pointer-events:none}.listen-plate-title{font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;text-shadow:0 1px 2px oklch(0% 0 0 / .55)}.listen-plate-count{font-size:var(--fs-sm);color:#ffffffb8}.listen-plate-play{position:absolute;top:var(--s3);right:var(--s3);z-index:2;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--rf);background:#0303039e;color:#fff}.listen-plates>.listen-plate:nth-child(2){transform:rotate(1.4deg)}.listen-plates>.listen-plate:nth-child(3){transform:rotate(-1.6deg)}.listen-plate:hover,.listen-plate:focus-within{transform:translateY(-4px) rotate(0) scale(1.02);box-shadow:inset 0 0 0 1px var(--hairline-strong),var(--sh2);z-index:2}.listen-plate:hover .listen-plate-hit img:last-child{transform:scale(1.04)}.listen-plate-hit img{transition:transform var(--d4) var(--e-out)}@media(prefers-reduced-motion:reduce){.listen-plate:hover .listen-plate-hit img:last-child{transform:none}.listen-plates>.listen-plate:nth-child(2),.listen-plates>.listen-plate:nth-child(3),.listen-plates>.listen-plate:hover,.listen-plates>.listen-plate:focus-within{transform:none}}.genre-door{display:flex;align-items:center;gap:22px;width:100%;min-height:128px;padding:14px 18px 14px 16px;border:0;border-radius:var(--r4);background:radial-gradient(120% 140% at 8% 20%,oklch(40% .04 280 / .28),transparent 46%),var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);color:inherit;text-align:left;overflow:hidden}.genre-door:hover .genre-door-fan img{transform:rotate(calc((var(--i) - 1) * 11deg)) translateY(-3px)}.genre-door-fan{position:relative;flex:0 0 150px;width:150px;height:100px}.genre-door-fan img{position:absolute;left:calc(var(--i) * 24px);top:8px;width:86px;height:86px;object-fit:cover;border-radius:var(--r3);box-shadow:0 12px 28px #0000006b;transform:rotate(calc((var(--i) - 1) * 7deg));transform-origin:50% 90%;transition:transform .28s cubic-bezier(.22,1,.36,1)}.genre-door-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.genre-door-meta strong{font-family:var(--font-display);font-size:clamp(1.25rem,1rem + 1.6vw,1.7rem);font-weight:650;letter-spacing:-.03em;line-height:1.1}.genre-door-meta span{color:var(--text-3);font-size:.9rem}@media(max-width:420px){.genre-door{flex-direction:column;align-items:flex-start;gap:12px;min-height:0;padding:14px 14px 16px}.genre-door-fan{flex:none;width:100%}}.genre-index{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.genre-index-row{display:flex;align-items:center;gap:var(--s3);width:100%;padding:8px 2px;text-decoration:none;color:inherit;border-bottom:1px solid var(--hairline)}.genre-index-row:hover{background:color-mix(in oklab,var(--surface-2) 70%,transparent)}.genre-index-art{flex:0 0 76px;width:76px;height:76px;border-radius:var(--r3);overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline)}.genre-index-art img,.genre-index-art .genre-plate{display:block;width:100%;height:100%;object-fit:cover}.genre-index-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.genre-index-label{font-weight:600;letter-spacing:-.015em}.genre-index-count{color:var(--text-3);font-size:var(--fs-sm)}.genre-index-go{flex:0 0 auto;color:var(--text-4);display:grid;place-items:center}.genre-index li:last-child .genre-index-row{border-bottom:0}.genre-index-group+.genre-index-group{margin-top:8px}.genre-index-kids{list-style:none;margin:0;padding:0 0 4px 14px}.genre-index-kids .genre-index-art{flex-basis:52px;width:52px;height:52px}.genre-index-kids .genre-index-row{padding:6px 2px}.rutt-row{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;margin:0 calc(var(--s4) * -1);padding:10px var(--s4) 12px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}.rutt-row::-webkit-scrollbar{display:none}.rutt-tile{flex:0 0 120px;width:120px;display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:transparent;color:inherit;text-align:left;scroll-snap-align:start}.rutt-tile-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:120px;height:120px;border-radius:var(--r3);overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);place-items:center}.rutt-tile-mosaic img{width:100%;height:100%;object-fit:cover}.rutt-tile-mosaic.single{grid-template-columns:1fr}.rutt-tile-name{font-size:var(--fs-sm);font-weight:600;line-height:1.25}.rutt-tile:hover .rutt-tile-mosaic{box-shadow:inset 0 0 0 1px var(--hairline-strong),var(--sh2)}.rutt-action .rutt-tile-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.018em}.rutt-action-face{display:grid;place-items:center;width:120px;height:120px;border-radius:var(--r3);border:1px dashed var(--hairline-strong);background:transparent;color:var(--text-3)}.rutt-action-dela .rutt-action-face{background:var(--surface-2);border-style:dashed;box-shadow:inset 0 0 0 1px var(--hairline)}.rutt-action:hover .rutt-action-face,.rutt-action:focus-visible .rutt-action-face{color:var(--text);border-color:var(--text-3)}.rutt-empty{margin:2px 0 0;font-size:var(--fs-sm)}.home-sheet-dela{min-height:44px;height:auto;padding:0 16px;border-radius:var(--r2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline-strong);font-family:var(--font-display);letter-spacing:-.015em}.home-sheet-dela:hover{background:var(--surface-3)}.home-sheet-layer{position:fixed;inset:0;z-index:40;pointer-events:none}.home-sheet-scrim{position:absolute;inset:0;border:0;padding:0;background:#010102a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--d2) var(--e-out) both;pointer-events:auto}.home-sheet{position:absolute;z-index:1;top:0;right:0;bottom:0;width:min(420px,92vw);display:flex;flex-direction:column;background:#06070df5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--hairline);box-shadow:var(--sh3);animation:panel-in var(--d3) var(--e-out) both;pointer-events:auto}.home-sheet-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3);padding-top:calc(var(--s4) + var(--safe-t));border-bottom:1px solid var(--hairline)}.home-sheet-head h2{font-family:var(--font-display);font-size:1.2rem;min-width:0}.home-sheet-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s3) var(--s3) var(--s4)}.home-sheet-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);padding:var(--s3) var(--s4);padding-bottom:calc(var(--s3) + var(--safe-b));border-top:1px solid var(--hairline)}@media(max-width:980px){.home-sheet{top:auto;left:0;width:auto;bottom:var(--chrome-south);height:min(70dvh,560px);border-left:0;border-top:1px solid var(--hairline);border-radius:var(--r5) var(--r5) 0 0;animation:sheet-in var(--d3) var(--e-out) both}}.profile-avatar-wrap{position:relative;width:fit-content;display:flex;flex-direction:column;align-items:center}.photo-view{position:fixed;inset:0;z-index:240;display:grid;place-items:center;margin:0;padding:0;background:#0c0c0c;cursor:zoom-out}.photo-view img{width:min(72vw,340px);height:min(72vw,340px);object-fit:cover;border-radius:50%;box-shadow:0 28px 70px #0000008c;animation:photo-grow .34s cubic-bezier(.22,1,.36,1)}@keyframes photo-grow{0%{opacity:.55;transform:scale(.46)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.photo-view img,.genre-door-fan img{animation:none;transition:none}}.lib-page{display:flex;flex-direction:column;gap:var(--s5)}.lib-page .lib-head{gap:var(--s4);padding:4px 0 2px}.lib-head-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.lib-page .lib-head h1{font-family:var(--font-display);font-size:clamp(1.7rem,1.2rem + 1.6vw,2.15rem);font-weight:600;letter-spacing:-.04em;line-height:1.08}.lib-page .lib-head .eyebrow{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.12em}.lib-page .lib-head .row{gap:var(--s2)}@media(min-width:720px){.lib-page .lib-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s4) var(--s5)}.lib-page .lib-head .row{justify-content:flex-end;padding-bottom:2px}}.lib-note{max-width:42rem;margin:0;color:var(--text-3);font-size:var(--fs-sm);line-height:1.45}.lib-chrome{position:static;z-index:auto;display:flex;flex-direction:column;gap:8px;padding:0 0 4px;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.lib-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.lib-search{flex:1 1 240px;min-width:0}.lib-search .field{width:100%;max-width:420px;height:40px;padding:0 12px;border-radius:var(--rf);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline)}.lib-chrome .filter-row{min-width:0;gap:6px;padding-bottom:0}.lib-kinds,.lib-scopes{flex:0 1 auto;display:inline-flex;flex-wrap:nowrap;gap:2px;padding:3px;width:fit-content;max-width:100%;border-radius:var(--rf);background:var(--surface-2)}.lib-kinds .chip,.lib-scopes .chip{box-shadow:none;background:transparent}.lib-kinds .chip.on,.lib-scopes .chip.on{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text)}.lib-sorts,.lib-genres{width:100%}.lib-list{position:relative;z-index:1;padding:0;border-radius:0;background:none;box-shadow:none}.lib-page .trow,.lib-page .list-head{grid-template-columns:56px minmax(0,1fr) 4.8ch auto}.lib-page .trow{min-height:64px;padding:4px;border-radius:var(--r2)}.lib-page .trow-art{width:56px;height:56px}.lib-page .trow-art .art,.lib-page .trow-art .art img{width:56px!important;height:56px}.lib-page .trow-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.022em}.lib-page .trow-sub{color:var(--text-3)}.lib-page .list-head{background:transparent;padding:0 6px 10px;margin-bottom:4px}.lib-groups{display:flex;flex-direction:column;gap:var(--s5)}.lib-letter h2{margin:0 0 8px 6px;font-family:var(--font-display);font-size:.8125rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.lib-page .chip{height:32px;padding:0 11px;font-size:.75rem}.lib-page .chip:disabled{opacity:.38}.lib-empty{padding:clamp(var(--s6),8vh,96px) var(--s3)}.lib-skel{display:flex;flex-direction:column;gap:2px}.lib-skel-row{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--s3);min-height:64px;padding:4px 6px}.lib-skel-art{width:56px;height:56px;border-radius:var(--r2)}.lib-skel-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.lib-skel-line{height:11px;width:min(52%,280px)}.lib-skel-line.dim{width:min(34%,160px);opacity:.55}@media(min-width:880px){.lib-page .trow,.lib-page .list-head{grid-template-columns:56px minmax(0,1fr) 4.8ch auto}}@media(max-width:980px){.lib-page{gap:var(--s4)}.lib-chrome{gap:6px;padding:0 0 4px}.lib-bar{gap:6px 8px}.lib-search{flex:1 1 160px}.lib-search .field{max-width:none;height:var(--tap);padding:0 12px}.lib-scopes{flex:0 0 auto;width:auto}.lib-scopes .chip,.lib-page .chip{height:28px;min-height:28px;padding:0 8px;font-size:.7rem}.lib-sorts,.lib-genres{flex-wrap:nowrap}.lib-page .trow,.lib-page .list-head{grid-template-columns:48px minmax(0,1fr) 44px}.lib-page .trow{min-height:56px;padding:4px 0}.lib-page .trow-art,.lib-page .trow-art .art,.lib-page .trow-art .art img{width:48px!important;height:48px}.lib-list{padding-bottom:var(--s2)}}.prem-page{display:flex;flex-direction:column;gap:28px;max-width:58rem}.prem-hero{display:flex;flex-direction:column;gap:14px;padding:8px 0 4px}.prem-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:650}.prem-hero h1{margin:0;max-width:16ch;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.4rem);font-weight:560;letter-spacing:-.045em;line-height:1.05}.prem-lead{margin:0;max-width:36rem;color:var(--text-2);font-size:1.05rem;line-height:1.5}.prem-status{margin:0;color:var(--text-3);font-size:var(--fs-sm)}.prem-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.prem-go{min-height:44px;padding-inline:18px}.prem-love{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prem-love article{padding:16px 16px 18px;border-radius:var(--r3);background:color-mix(in srgb,var(--surface-1) 80%,#fff 3%);border:1px solid var(--hairline)}.prem-love svg{color:#f2f2f2;opacity:.85}.prem-love h3{margin:10px 0 6px;font-family:var(--font-display);font-size:1.15rem;font-weight:560;letter-spacing:-.03em}.prem-love p{margin:0;color:var(--text-2);font-size:.9rem;line-height:1.45}.prem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.prem-card{padding:22px 22px 24px;border:1px solid var(--hairline);border-radius:var(--r4);background:var(--surface-1)}.prem-card.on{border-color:#ffffff29;background:color-mix(in srgb,var(--surface-2) 78%,#fff 5%)}.prem-card.love{box-shadow:0 20px 50px -28px #000000b3}.prem-card.love.on{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%),color-mix(in srgb,var(--surface-2) 70%,#fff 6%)}.prem-card h2{margin:8px 0;font-family:var(--font-display);font-size:var(--fs-h2);font-weight:560;letter-spacing:-.03em}.prem-card-note{margin:0 0 16px;color:var(--text-3);font-size:.88rem}.prem-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:var(--fs-sm)}.prem-card li{padding-left:0}.prem-foot{margin:0;color:var(--text-4);font-size:.82rem;max-width:40rem}@media(max-width:720px){.prem-grid,.prem-love{grid-template-columns:1fr}.prem-hero h1{max-width:none}}.site-foot{margin-top:var(--s7);padding:18px 0 8px;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-4)}@media(max-width:720px){.site-foot{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0 8px}}.site-foot-copy{font-size:.75rem;letter-spacing:.01em}.site-foot-nav{display:flex;flex-wrap:wrap;gap:4px 14px}.site-foot-nav a{color:var(--text-3);font-size:var(--fs-sm)}.site-foot-nav a:hover{color:var(--text)}.legal-page{max-width:40rem;display:flex;flex-direction:column;gap:var(--s5)}.legal-page .page-head h1{font-family:var(--font-sans);font-size:var(--fs-h2);letter-spacing:-.02em}.legal-body{display:flex;flex-direction:column;gap:var(--s4);color:var(--text-2);font-size:var(--fs-body);line-height:1.55}.legal-body p{margin:0}.contact-form{display:flex;flex-direction:column;gap:var(--s3);max-width:28rem}.contact-form textarea{width:100%;min-height:8rem;resize:vertical;padding:var(--s3);border:1px solid var(--hairline);border-radius:var(--r2);background:var(--surface-1);color:inherit}.share-root{position:fixed;inset:0;z-index:90;display:grid;align-items:end;pointer-events:auto}.share-backdrop{position:absolute;inset:0;border:0;background:#0000008c}.share-sheet{position:relative;z-index:1;margin:0 auto;width:min(520px,100%);pointer-events:auto;padding:18px 18px calc(18px + var(--safe-b));border-radius:var(--r5) var(--r5) 0 0;background:var(--surface-1);border:1px solid var(--hairline);box-shadow:var(--sh3)}.share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.share-art{width:72px;height:72px;flex:0 0 auto;object-fit:cover;border-radius:var(--r3);background:var(--bg-deep)}.share-copy{min-width:0;flex:1}.share-kicker{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-4)}.share-title{margin:4px 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.03em}.share-sub{margin:4px 0 0;color:var(--text-3);font-size:13px}.share-url{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:10px 0 16px;padding:10px 12px;border:0;border-radius:var(--r2);background:var(--bg-deep);color:var(--text-3);font:inherit;font-size:12px;text-align:left;cursor:pointer}.share-url-act{margin-left:auto;flex:0 0 auto;color:var(--text-1);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px}.share-act{display:grid;justify-items:center;gap:7px;min-height:44px;background:none;border:0;color:var(--text-2);font-size:11px;font-family:var(--font-display);cursor:pointer}.share-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--r3);background:var(--surface-3);color:#fff}.share-act.wa .share-ico{background:#25d366;color:#0b1a10}.share-act.tg .share-ico{background:#2aabee;color:#041018}.share-act.x .share-ico{background:#111;color:#fff;border:1px solid #333}.share-act.fb .share-ico{background:#1877f2;color:#fff}@media(min-width:720px){.share-root{align-items:center}.share-sheet{border-radius:var(--r5)}}.home{display:flex;flex-direction:column;gap:var(--s6)}.home .section{gap:var(--s4)}.home-plate{gap:var(--s4);margin-inline:0;padding:0;border-radius:0;background:none;box-shadow:none}.home-plate>.section-head{padding:0 0 2px;margin:0;min-height:34px}.home-plate>.section-head.quiet .grow,.home-plate>.section-head.loud .grow{height:auto;background:none}.home-plate>.section-head+*{margin-top:0}.home-plate .trow{border-radius:var(--r2)}.home-plate .listen-plates,.home-plate .rutt-row{margin-inline:0;padding-inline:2px}.home-plate .people-row,.home-plate .scene-shelf{padding:2px 2px 4px}.home-plate .listen-plate{background:var(--surface-2)}.home-plate .genre-door{background:radial-gradient(120% 140% at 8% 20%,oklch(40% .04 280 / .22),transparent 46%),var(--surface-2);box-shadow:none}.home-plate .rutt-empty{padding:4px 6px 2px}@media(min-width:880px){.home{gap:var(--s7)}.home-plate{margin-inline:0;padding:0;border-radius:0;background:none;box-shadow:none}}.home-spot{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(200px,280px) minmax(0,34rem);gap:var(--s5) var(--s6);align-items:center;padding:4px 0 8px}.home-spot:before{content:"";position:absolute;z-index:-1;inset:-16px -20px;border-radius:var(--r5);background:radial-gradient(ellipse 70% 90% at 8% 50%,color-mix(in oklab,var(--genre, transparent) 18%,transparent),transparent 68%);pointer-events:none}.home-spot-art{position:relative;width:100%;max-width:280px;aspect-ratio:1;padding:0;border:0;border-radius:var(--r4);overflow:hidden;background:var(--surface-2);box-shadow:var(--sh2);cursor:pointer}.home-spot-art .art,.home-spot-art img{width:100%!important;height:100%;object-fit:cover}.home-spot-play{position:absolute;inset:auto 12px 12px auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111;box-shadow:0 10px 28px #00000059}.home-spot-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.home-spot-copy .eyebrow{margin:0}.home-spot-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,1.15rem + 1.4vw,2.2rem);font-weight:600;letter-spacing:-.042em;line-height:1.08}.home-spot-who{margin:0;color:var(--text-2);font-size:.95rem}.home-spot-coming{margin:2px 0 0;color:var(--text-4);font-size:.84rem;line-height:1.4}.home-spot-copy .row{margin-top:10px;gap:var(--s2)}@media(max-width:640px){.home-spot{grid-template-columns:1fr;gap:var(--s4)}.home-spot:before{inset:-8px -12px}.home-spot-art{width:min(220px,62vw)}}.account-norm input[type=checkbox]{width:18px;height:18px;margin-left:auto}.home-land{position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;background:#080808;color:#f2f2f2}.land-wash{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#080808}.land-wash i{position:absolute;left:50%;top:38%;width:min(64vw,620px);height:min(64vw,620px);margin:0;border-radius:50%;background:var(--genre, #fff);opacity:.14;filter:blur(96px);transform:translate(-50%,-50%);transition:opacity var(--d4) var(--e-out)}.home-land.live .land-wash i{opacity:.22}.land-wash:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 72% 78% at 50% 42%,transparent 38%,#000 100%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 22%,transparent 72%,rgba(0,0,0,.55))}.land-chrome{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:calc(14px + var(--safe-t)) 24px 12px;background:linear-gradient(180deg,#080808 70%,transparent);pointer-events:none}.land-chrome>*{pointer-events:auto}.land-brand{margin:0;font-size:inherit;font-weight:inherit;line-height:1}.land-brand a{display:flex;align-items:center;gap:10px;color:#fff}.land-brand .brand-mark{width:28px;height:28px;border-radius:8px;background:#111}.land-brand .brand-word{font-size:1rem;font-weight:600;letter-spacing:-.04em}.land-chrome-acts{margin-left:auto;display:flex;align-items:center;gap:2px}.land-login{padding:8px 14px;color:#ffffff8c;font-size:.8125rem;font-weight:600;letter-spacing:-.018em}.land-login:hover{color:#fff}.land-create{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px 0 12px;border-radius:var(--rf);background:#fff;color:#111;font-size:.8125rem;font-weight:600;letter-spacing:-.018em}.land-create:hover{background:#f4f4f4}.land-create .auth-google-mark{width:15px;height:15px}.land-body{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column}.land-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;width:100%;min-height:0;padding:calc(56px + var(--safe-t)) 24px calc(28px + var(--safe-b))}.land-intro{display:grid;gap:8px;width:min(36rem,100%);text-align:center}.land-kicker{margin:0;color:#f2f2f26b;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.land-headline{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,1rem + .7vw,1.45rem);font-weight:600;letter-spacing:-.04em;line-height:1.15;color:#f2f2f2d1}.land-lead{margin:0 auto;max-width:44ch;color:#f2f2f28c;font-size:.9rem;line-height:1.5}.land-door{display:grid;justify-items:center;gap:10px;margin:4px 0 8px}.land-door p{margin:0;color:#f2f2f266;font-size:.75rem;line-height:1.4}.land-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}.land-jump a{color:#f2f2f2b8;font-size:.8125rem;font-weight:600;letter-spacing:-.02em}.land-jump a:hover{color:#fff}.land-empty{display:grid;justify-items:center;gap:14px;text-align:center}.land-empty .brand-mark{width:56px;height:56px;border-radius:14px;background:#111}.land-empty-copy{margin:0;color:#f2f2f2b8;font-size:1.05rem;font-weight:650;letter-spacing:-.03em}.land-booth{--land-card: min(440px, calc(100vw - 40px) , calc(100dvh - 240px) );position:relative;width:min(920px,calc(100vw - 32px));display:flex;flex-direction:column;padding:16px 16px 18px;border-radius:28px;background:#101010c7;box-shadow:inset 0 0 0 1px #ffffff14,0 28px 80px #00000073;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.land-stack{position:relative;width:100%}.land-stack:after{content:"";position:absolute;left:10%;right:10%;bottom:-16%;z-index:0;height:28%;background:radial-gradient(ellipse at 50% 0%,color-mix(in oklab,var(--genre, #fff) 28%,transparent),transparent 72%);filter:blur(18px);pointer-events:none}.land-booth-art{position:relative;z-index:1;display:block;width:100%;max-width:var(--land-card);margin-inline:auto;aspect-ratio:1 / 1;padding:0;border:0;border-radius:22px;overflow:hidden;background:#111;cursor:pointer;touch-action:pan-y;box-shadow:var(--sh3);-webkit-user-select:none;user-select:none}.land-booth.live .land-booth-art{box-shadow:var(--sh3)}.land-booth-art .art,.land-booth-art figure{width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;border-radius:0}.land-booth-art img{width:100%;height:100%;object-fit:cover;animation:land-art-in var(--d4) var(--e-out)}@keyframes land-art-in{0%{opacity:.55;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}.land-booth-play{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;color:#111;box-shadow:0 12px 32px #00000059;pointer-events:none;transition:opacity var(--d2) var(--e-out)}.land-booth.live .land-booth-play{opacity:0}.land-booth-body{position:relative;z-index:2;display:grid;gap:8px;min-width:0;padding:18px 6px 0}.land-booth-body .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;margin:0}.land-booth-dot{opacity:.45}.land-booth-title{margin:0;overflow:hidden;color:#fff;font-family:var(--font-display);font-size:clamp(1.55rem,1.2rem + 1.4vw,2.35rem);font-weight:650;letter-spacing:-.048em;line-height:1.08;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.land-booth-who{display:flex;align-items:center;min-width:0;margin:0;color:#f2f2f2b8;font-size:.92rem;font-weight:500}.land-booth-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px;color:#f2f2f261;font-size:.72rem;font-weight:600;letter-spacing:.04em}.land-booth-pos{flex:0 0 auto;font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.08em;font-variant-numeric:tabular-nums}.land-booth-wave{min-width:0;margin:4px 0 0}.land-booth-clock{display:flex;justify-content:space-between;margin:0 0 2px;color:#5c5c5c;font-size:.62rem;font-variant-numeric:tabular-nums;letter-spacing:.06em}.land-booth-acts{display:flex;align-items:center;gap:6px;margin-top:8px}.land-vol{display:flex;align-items:center;gap:6px;flex:1;min-width:88px;margin-left:auto}.land-vol-rail{position:relative;flex:1;height:28px;cursor:pointer}.land-vol-rail:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;border-radius:99px;background:#ffffff24;transform:translateY(-50%)}.land-vol-rail i{position:absolute;left:0;top:50%;height:3px;border-radius:99px;background:#fff;transform:translateY(-50%);pointer-events:none}.land-booth-hit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;height:48px;padding:0 18px;border:0;border-radius:999px;background:#fff;color:#111;font-size:.875rem;font-weight:650;letter-spacing:-.02em}.land-booth-hit:hover{background:#ececec}.land-booth-skip{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffff0f;color:#fff}.land-booth-skip:hover:not(:disabled){background:#ffffff1f}.land-booth-skip:disabled{opacity:.28}.land-booth-art:focus-visible,.land-booth-hit:focus-visible,.land-booth-skip:focus-visible,.land-create:focus-visible,.land-login:focus-visible,.land-vol-rail:focus-visible{outline:2px solid #fff;outline-offset:3px}.land-skel .land-booth-art,.land-skel .land-booth-title,.land-skel .land-booth-who{background:linear-gradient(90deg,#141414,#1c1c1c,#141414);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.land-skel .land-booth-title{height:22px;width:68%;border-radius:6px}.land-skel .land-booth-who{height:14px;width:38%;border-radius:6px}.land-foot{position:relative;z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;padding:8px 16px calc(20px + var(--safe-b))}.land-foot a{color:#5e5e5e;font-size:.72rem;letter-spacing:.02em}.land-foot a:hover{color:#b3b3b3}@media(hover:hover)and (pointer:fine){.land-booth-play{opacity:0}.land-booth-art:hover .land-booth-play,.land-booth.live .land-booth-art:hover .land-booth-play{opacity:1}}@media(min-width:981px){.land-booth{display:grid;grid-template-columns:minmax(300px,400px) minmax(280px,1fr);align-items:center;gap:28px 36px;width:min(920px,calc(100vw - 80px));--land-card: 400px;padding:22px 28px 22px 22px}.land-booth-art{max-width:none}.land-booth-body{padding:4px 4px 4px 0}.land-booth-title{font-size:clamp(1.85rem,1.25rem + 1.5vw,2.7rem)}.land-booth-wave{height:56px}.land-hero{gap:28px;padding:calc(80px + var(--safe-t)) 48px 40px}.land-chrome{padding-inline:36px}}@media(max-width:980px){.land-hero{gap:22px;padding:calc(64px + var(--safe-t)) 16px 24px}.land-chrome{padding-inline:16px}.land-lead{font-size:.84rem}}@media(max-width:420px){.land-create{padding:0 12px 0 10px}}@media(max-height:700px){.land-hero{gap:18px;padding:calc(56px + var(--safe-t)) 16px 20px}.land-lead{display:none}.land-booth{--land-card: min(360px, calc(100vw - 48px) , calc(100dvh - 220px) )}}@media(max-height:520px){.land-booth-wave,.land-booth-clock,.land-booth-meta,.land-vol{display:none}.land-booth-body{padding-top:8px}.land-booth{--land-card: min( calc(100vw - 96px) , calc(100dvh - 148px) )}}@media(prefers-reduced-motion:reduce){.land-booth-art img,.land-skel .land-booth-art,.land-skel .land-booth-title,.land-skel .land-booth-who{animation:none}.land-wash i,.land-kicker{transition:none}}.taste-on{position:fixed;inset:0;z-index:82;display:flex;flex-direction:column;background:#0a0a0a}.taste-card{display:flex;flex-direction:column;width:min(420px,100%);height:100%;margin-inline:auto;padding:calc(28px + var(--safe-t)) 22px calc(16px + var(--safe-b));background:transparent;box-shadow:none;border-radius:0;overflow:hidden}.taste-head{flex:0 0 auto;padding-bottom:18px}.taste-card h1{margin:0 0 8px;max-width:16ch;font-family:var(--font-display);font-size:clamp(1.35rem,1.15rem + .9vw,1.65rem);font-weight:600;letter-spacing:-.038em;line-height:1.15}.taste-lead{margin:0;max-width:36ch;color:var(--text-3);font-size:.8125rem;line-height:1.45}.taste-body{flex:1;min-height:0}.taste-list{margin:0;padding:0;list-style:none}.taste-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 2px;border:0;border-radius:0;background:none;box-shadow:inset 0 -1px #ffffff0f;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.taste-row:hover{background:#ffffff09}.taste-row:focus-visible{outline:none;background:#ffffff0d}.taste-row.on{background:transparent}.taste-row.dim{opacity:.38}.taste-row:disabled{opacity:.45;pointer-events:none}.taste-row-label{flex:1;min-width:0;font-size:.9375rem;font-weight:500;letter-spacing:-.018em}.taste-tick{flex:0 0 20px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ffffff47}.taste-tick.on{background:#fff;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.2 8.2 13.2 15 6.6' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.taste-acts{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.taste-count{margin-left:auto;color:var(--text-4);font-size:.75rem;font-variant-numeric:tabular-nums}.taste-skip{padding:0;border:0;background:none;color:var(--text-3);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.taste-skip:hover{color:var(--text)}.taste-acts .btn.primary{min-width:7.25rem;border-radius:4px}.profile-empty .btn.go{background:#2f9e5a;color:#fff}.profile-empty .btn.go:hover{background:#26864c;color:#fff}.prem-gift{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0606089e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prem-gift-card{position:relative;width:min(420px,100%);padding:28px 26px 24px;border-radius:var(--r5);background:#141416;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px -28px #000000b3;overflow:hidden}.prem-gift-glow{position:absolute;inset:-40% -20% auto;height:160px;background:radial-gradient(ellipse at 50% 0%,rgba(232,201,140,.22),transparent 68%);pointer-events:none}.prem-gift-mark{width:42px;height:42px;display:grid;place-items:center;margin:10px 0 14px;border-radius:50%;background:#e8c98c1f;color:#e8c98c}.prem-gift-card h2{margin:0 0 8px;font-size:1.55rem;letter-spacing:-.03em}.prem-gift-card p{margin:0 0 14px;color:var(--text-2);line-height:1.45}.prem-gift-card ul{margin:0 0 20px;padding:0;list-style:none;color:var(--text-2);font-size:.88rem}.prem-gift-card li{padding:5px 0}.prem-gift-card .prem-go{width:100%;justify-content:center}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.admin-tabs button{font:inherit;cursor:pointer}.admin-page .stat-table td .muted{font-size:.78rem}.room-lock{max-width:42rem;color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.room-help{max-width:42rem;color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.room-here-note{margin-top:var(--s2);color:var(--text-3);font-size:var(--fs-xs)}.room-empty{text-align:left}.scene-rail{position:relative}.scene-shelf{display:flex;gap:var(--s3);overflow-x:auto;scrollbar-width:none;padding:2px 2px var(--s2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.scene-shelf::-webkit-scrollbar{display:none}.scene-door{scroll-snap-align:start}.scene-rail-btn{display:none}@media(hover:hover)and (pointer:fine)and (min-width:880px){.scene-rail.overflow .scene-rail-btn{display:grid;place-items:center;position:absolute;top:calc(50% - 18px);z-index:3;width:36px;height:36px;padding:0;border:0;border-radius:var(--rf);background:color-mix(in oklab,var(--bg-deep) 62%,transparent);color:var(--text);box-shadow:0 4px 16px #00000047}.scene-rail-btn.prev{left:2px}.scene-rail-btn.next{right:2px}.scene-rail-btn:hover{background:color-mix(in oklab,var(--surface-3) 78%,transparent)}.scene-rail-btn:disabled{opacity:0;pointer-events:none}}.scene-door{flex:0 0 140px;width:140px;display:flex;flex-direction:column;gap:8px;padding:0;border-radius:0;background:none;box-shadow:none;color:inherit;text-decoration:none}.scene-door:hover{box-shadow:none;transform:none}.scene-door:hover .scene-door-art{box-shadow:inset 0 0 0 1px var(--hairline-strong),var(--sh2)}.scene-door-art,.scene-door-tile{display:block;width:100%;aspect-ratio:1;border-radius:var(--r3);overflow:hidden;background:color-mix(in oklab,var(--genre) 28%,var(--surface-3));box-shadow:inset 0 0 0 1px var(--hairline);transition:box-shadow var(--d2) var(--e-out)}.scene-door-art img,.scene-door-art .genre-plate{width:100%;height:100%;object-fit:cover}.scene-door strong{font-family:var(--font-display);font-size:.88rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;padding-inline:1px}.scene-door span{color:var(--text-4);font-size:.72rem;padding-inline:1px;line-height:1.3}.publish-room-hint{margin:0 0 var(--s2);color:var(--text-3);font-size:var(--fs-xs);line-height:1.4}.eyebrow a{color:inherit}.room-head{gap:var(--s5)}.room-head .row{gap:var(--s2)}.person-count{font-size:var(--fs-xs)}.publish-tabs{display:flex;gap:var(--s2);flex-wrap:wrap}.publish-quota{padding:0}.publish-menu{display:grid;grid-template-columns:minmax(148px,38%) minmax(0,1fr);gap:0;min-height:0;max-height:248px;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;background:#ffffff08}.publish-menu-floors,.publish-menu-corners{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:0;max-height:248px;overflow:auto;padding:6px;-webkit-overflow-scrolling:touch}.publish-menu-floors{box-shadow:1px 0 #ffffff0f}.publish-hue{width:8px;height:8px;border-radius:50%;background:var(--genre, var(--text-4));flex:none}.publish-menu-floor,.publish-menu-corner{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--text-2);text-align:left;cursor:pointer}.publish-menu-floor strong{flex:1;min-width:0;font-size:.8rem;font-weight:600;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-menu-floor em,.publish-menu-corner em{font-style:normal;font-size:.65rem;color:var(--text-4)}.publish-menu-floor.on,.publish-menu-corner.on{color:var(--text);background:color-mix(in oklab,var(--genre, #fff) 16%,rgba(255,255,255,.08))}.publish-menu-floor:hover,.publish-menu-corner:hover{color:var(--text);background:#ffffff0f}.publish-corners-label{padding:4px 8px 6px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4)}.publish-menu-empty{margin:0;padding:10px 8px;font-size:var(--fs-sm);color:var(--text-3);line-height:1.4}.publish-review{gap:var(--s4)}.publish-review-lead{margin:0;font-size:var(--fs-sm);color:var(--text-2);line-height:1.4}.publish-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:16px;background:#ffffff0a;box-shadow:inset 3px 0 0 var(--genre, transparent),inset 0 0 0 1px #ffffff0f}.publish-card-art{width:88px;height:88px;border-radius:12px;overflow:hidden;background:var(--surface-2)}.publish-card-art img{width:100%;height:100%;object-fit:cover;display:block}.publish-card-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.publish-card-copy strong{font-size:1.05rem;letter-spacing:-.03em}.publish-card-copy span{color:var(--text-2);font-size:var(--fs-sm)}.publish-card-copy em{font-style:normal;font-size:var(--fs-xs);color:var(--text-3)}.publish-listen{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}.publish-listen-drop{grid-column:1 / -1;justify-self:start}.publish-listen-play{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--text);color:var(--bg);cursor:pointer}.publish-listen-meter{position:relative;height:6px;padding:0;border:0;border-radius:99px;background:#ffffff1a;cursor:pointer}.publish-listen-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--accent);pointer-events:none}.publish-listen-time{font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap}.publish-listen-time em{font-style:normal;color:var(--text-4)}.queue-empty{display:grid;gap:var(--s3);padding:var(--s3) var(--s2)}.queue-empty-note{padding:var(--s2)}.search-page{display:flex;flex-direction:column;gap:var(--s6)}.search-head .search-field{width:min(560px,100%)}.search-field{width:min(520px,100%);height:var(--tap)}.search-field input{font-size:16px}.search-field-icon{color:var(--text-4)}.search-jumps{display:flex;flex-wrap:wrap;gap:8px}.search-jumps a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--rf);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text);font-weight:650;font-size:var(--fs-sm)}.search-jumps a:hover{box-shadow:inset 0 0 0 1px var(--hairline-strong)}.search-recent{display:flex;flex-wrap:wrap;gap:8px}.search-recent-chip{min-height:34px;padding:0 12px;border:0;border-radius:var(--rf);background:transparent;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--hairline);font:inherit;font-size:var(--fs-sm)}.search-recent-chip:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--hairline-strong)}.dm-thread{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px;border:0;border-bottom:1px solid var(--hairline);background:transparent;color:inherit;text-align:left}.dm-thread:hover{background:var(--surface-1)}.dm-thread-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.dm-thread-copy span{color:var(--text-3);font-size:var(--fs-sm)}.dm-thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.dm-thread-meta em{font-style:normal;color:var(--text-4);font-size:var(--fs-xs)}.dm-thread-meta i{min-width:18px;height:18px;padding:0 5px;border-radius:var(--rf);background:var(--accent);color:var(--accent-ink);font-style:normal;font-size:.65rem;font-weight:700;line-height:18px;text-align:center}.dm-line{padding:8px 4px 10px;border-bottom:1px solid var(--hairline)}.dm-line b{display:block;font-size:var(--fs-xs);color:var(--text-3)}.dm-line p{margin:4px 0 0;font-size:var(--fs-sm)}.dm-line.mine{text-align:right}.dm-compose{flex-shrink:0;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--hairline)}.side-panel:has(.dm-compose) .panel-body{padding-bottom:var(--s3)}.search-row-msg{width:40px;min-width:40px;padding:0;display:grid;place-items:center}.search-dir{display:flex;flex-direction:column}.search-row{display:flex;align-items:center;gap:8px;border-radius:var(--r2)}.search-row:hover{background:color-mix(in oklab,var(--surface-2) 70%,transparent)}.search-dir>.search-row:last-child{border-bottom:0}.search-row-hit{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:56px;padding:6px 8px;color:inherit}.search-row-hit>svg{flex-shrink:0;color:var(--text-4)}.search-row-mark,.search-row-hue{flex:0 0 36px;width:36px;height:36px;border-radius:var(--rf);display:grid;place-items:center}.search-row-mark{background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:650;overflow:hidden}.search-row-mark img{width:100%;height:100%;object-fit:cover}.search-row-hue{background:color-mix(in oklab,var(--genre, var(--text-4)) 42%,var(--surface-3));box-shadow:inset 0 0 0 1px var(--hairline)}.search-row-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.search-row-copy strong{font-weight:600;letter-spacing:-.015em}.search-row-copy span{color:var(--text-3);font-size:var(--fs-sm)}.search-row-act{flex-shrink:0;min-height:32px;padding:0 10px;border:0;border-radius:var(--rf);background:transparent;color:var(--text-3);font:inherit;font-size:var(--fs-sm)}.search-row-act:hover,.search-row-act.on{color:var(--text)}.search-empty-rooms{margin-top:var(--s4);text-align:left}.search-hits{flex-wrap:wrap;gap:var(--s2)}.search-list{margin-top:var(--s3);padding:8px 4px 4px}.search-list .trow{min-height:76px;padding-block:7px}.search-list .list-head{padding-bottom:var(--s4);margin-bottom:var(--s2)}.scene-door-art img+img{display:none}@media(max-width:980px){.track-hero{border-radius:var(--r3)}.track-hero h1{font-size:1.12rem}.track-actions{margin-top:var(--s3);gap:8px}.track-action-group{gap:6px}.track-action-group .btn,.track-actions .btn{height:var(--tap);min-height:var(--tap);border-radius:var(--r2)}.page-head .row .btn,.map-head-tools .btn,.map-head-tools .chip{height:40px;min-height:40px;border-radius:var(--r2)}}.home-box-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:22px 18px;align-items:start}.home-box{position:relative;min-width:0}.home-box.open{grid-column:1 / -1}.home-box-cover{position:relative;overflow:visible}.home-box-art-hit{display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer}.home-box-art,.home-box-art .pl-mosaic,.home-box-art .home-box-mosaic{width:100%;height:auto;aspect-ratio:1;border-radius:var(--r3)}.home-box-art .pl-mosaic{box-shadow:inset 0 0 0 1px var(--hairline),var(--sh2)}.home-box-cover:hover .pl-mosaic,.home-box-art-hit:focus-visible .pl-mosaic{box-shadow:inset 0 0 0 1px var(--hairline-strong),var(--sh3)}.home-box-copy{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;margin-top:8px;padding:0;border:0;background:none;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.home-box-name{display:block;padding-inline:1px;font-size:.9rem;font-weight:600;letter-spacing:-.02em;line-height:1.25}.home-box-copy .pl-count{padding-inline:1px;font-size:.72rem;color:var(--text-4)}.home-box-play{position:absolute;z-index:2;inset:auto 10px 10px auto;width:40px;height:40px;border:0;border-radius:999px;display:grid;place-items:center;background:#fff;color:#111;box-shadow:0 8px 22px #00000052;opacity:0;pointer-events:none;cursor:pointer}.home-box:hover .home-box-play,.home-box:focus-within .home-box-play,.home-box.live .home-box-play{opacity:1;pointer-events:auto}@media(hover:none){.home-box-play{opacity:1;pointer-events:auto;width:40px;height:40px;inset:auto 8px 8px auto}}.home-box-open-head{display:flex;align-items:center;gap:var(--s3);padding:2px 2px 10px}.home-box-open-art,.home-box-open-art .pl-mosaic,.home-box-open-art .home-box-mosaic{width:56px;height:56px;flex:0 0 56px;border-radius:var(--r3)}.home-box-open-copy{min-width:0}.home-box-open-copy h3{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.02em}.home-box-open-copy p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-4)}.home-box-open-foot{display:flex;flex-wrap:wrap;gap:8px;padding:8px 2px 2px}.home-box-chevron.up{transform:rotate(180deg)}.home-box-grid>.rutt-tile{width:auto;flex:none}.home-box-grid .rutt-tile-mosaic,.home-box-grid .rutt-action-face{width:100%;height:auto;aspect-ratio:1}.home-plate .home-box-grid{padding:0}@media(max-width:520px){.home-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}}.profile-hero{margin-bottom:var(--s5);border-radius:0;background:transparent;box-shadow:none}.profile-hero.has-banner{min-height:0}.profile-hero-banner{display:none}.profile-hero.has-banner .profile-hero-banner{display:block}.profile-hero-inner{min-height:0;padding:0 0 var(--s4);align-items:end;gap:var(--s4)}.profile-avatar,.artist-avatar{box-shadow:0 0 0 3px var(--bg)}.profile-avatar-wrap.is-lit .profile-avatar{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 55%,transparent)}.profile-lit-dot{position:absolute;right:8px;bottom:10px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #0c0c0cb3}.profile-id h1{margin-bottom:6px}.profile-lead{margin:0;color:var(--text-3);font-size:var(--fs-sm)}.profile-rooms{margin:0 0 var(--s4)}.profile-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:var(--s2)}.profile-handle{font-size:var(--fs-sm);letter-spacing:.04em;text-transform:lowercase;color:var(--text-2)}.profile-since{color:var(--text-3);font-size:var(--fs-xs)}.profile-bio{margin:8px 0 0!important;max-width:40ch!important;line-height:1.45}.profile-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:var(--s3)}.pulse-stats{display:flex;flex-wrap:wrap;gap:18px 22px;margin:12px 0 0;padding:0;list-style:none}.pulse-stats li{display:flex;flex-direction:column;gap:2px;min-width:3.5rem}.pulse-stats strong{font-size:1.05rem;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pulse-stats span{color:var(--text-3);font-size:var(--fs-xs)}.profile-form label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-xs);color:var(--text-3)}.profile-form label input,.profile-form label textarea{color:var(--text)}.profile-update-pic{margin-top:8px}.profile-tabs{display:flex;flex-wrap:wrap;gap:2px;margin:0 0 var(--s5);padding:3px;width:fit-content;max-width:100%;border-radius:var(--rf);background:var(--surface-2)}.profile-tabs .chip{box-shadow:none;background:transparent}.profile-tabs .chip.on{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text)}.profile-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;margin:0 0 var(--s5);min-height:40px}.profile-toolbar .btn,.profile-toolbar a.btn,.profile-toolbar .profile-toolbar-more{height:36px;min-height:36px;padding:0 12px;border-radius:var(--rf);flex:0 0 auto;font-size:.8rem;box-sizing:border-box}.profile-toolbar .btn.primary{background:var(--accent);color:var(--accent-ink, #111)}.profile-toolbar .btn.go{background:#2f9e5a;color:#fff}.profile-toolbar .btn.go:hover{background:#26864c;color:#fff}.profile-toolbar .btn.out{background:transparent;color:#ff6b6b;box-shadow:inset 0 0 0 1px #e25555;margin-left:0}.profile-toolbar .btn.out:hover{background:#e255551f;color:#ff8a8a}.profile-toolbar-air{flex:1 1 12px;min-width:12px;max-width:28px}.profile-toolbar-more{display:none}.profile-toolbar .auth-google{width:fit-content;max-width:280px}.profile-doors,.profile-lists{margin:0 0 var(--s5)}.profile-lists-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 10px;min-height:36px}.profile-lists-head h2{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;letter-spacing:-.022em}.profile-lists-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;flex:0 0 auto}.profile-lists-actions .btn{flex:0 0 auto}.profile-pl-rows{display:flex;flex-direction:column;gap:8px}.profile-pl-row{display:grid;grid-template-columns:56px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:56px;padding:0;color:inherit;text-decoration:none}.profile-pl-art{width:56px;height:56px;border-radius:var(--r2);overflow:hidden;background:var(--surface-2)}.profile-pl-art .art{width:56px!important;height:56px}.profile-pl-letter{display:grid;place-items:center;width:56px;height:56px;font-family:var(--font-display);font-size:1.15rem;font-weight:650;color:var(--text-2)}.profile-pl-copy{display:grid;gap:2px;min-width:0}.profile-pl-copy strong{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.profile-pl-copy em{font-style:normal;font-size:.8rem;color:var(--text-3)}.profile-pl-play{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.profile-pl-play:hover{background:color-mix(in oklab,var(--surface-2) 80%,transparent)}.saved-rows{display:flex;flex-direction:column;gap:2px}.saved-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;border-bottom:1px solid var(--hairline)}.saved-row:last-child{border-bottom:0}.saved-row-hit{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:56px;min-width:0;color:inherit}.saved-row-art{width:48px;height:48px;border-radius:var(--r2);overflow:hidden;background:var(--surface-2)}.saved-row-art .art{width:48px!important;height:48px}.saved-row-letter{display:grid;place-items:center;width:48px;height:48px;font-family:var(--font-display);font-size:1.05rem;font-weight:650;color:var(--text-2)}.saved-row-copy{display:grid;gap:2px;min-width:0}.saved-row-copy strong{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.saved-row-copy em{font-style:normal;font-size:.8rem}.saved-row-act{min-height:32px;padding:0 10px;border:0;border-radius:var(--rf);background:transparent;color:var(--text-3);font:inherit;font-size:var(--fs-sm)}.saved-row-act.on{color:var(--text)}.profile-lists-empty{display:flex;align-items:center;gap:10px;padding:0;background:none;box-shadow:none}.profile-lists-empty p{margin:0;color:var(--text-3);font-size:var(--fs-sm)}@media(max-width:980px){.profile-hero-banner,.artist-hero-banner,.artist-hero-clip{height:112px}.profile-hero.has-banner .profile-hero-inner,.artist-hero.has-banner .artist-hero-inner{margin-top:-36px}.profile-hero-inner,.artist-hero-inner{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:0 0 12px;align-items:end}.profile-avatar,.artist-avatar{width:72px;height:72px;font-size:1.35rem}.profile-copy h1,.artist-copy h1{font-size:1.35rem}.profile-chips{gap:4px 8px;margin-bottom:4px}.profile-acts{gap:6px;margin-top:10px}.profile-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;scrollbar-width:none;margin-bottom:16px}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs .chip{flex:0 0 auto;height:36px;min-height:36px}.artist-doors{grid-template-columns:1fr;gap:8px}.artist-door{padding:8px;gap:10px}.artist-door-art,.artist-door-art .art{flex-basis:56px;width:56px;height:56px}.artist-door-art .art{width:56px!important;height:56px}.artist-door-go{width:40px;height:40px}.profile-lists-head{margin-bottom:8px}.profile-pl-rows{gap:8px}.profile-pl-row{gap:10px;grid-template-columns:48px minmax(0,1fr) 44px}.profile-pl-art,.profile-pl-art .art,.profile-pl-letter{width:48px;height:48px}.profile-pl-art .art{width:48px!important;height:48px}.artist-meta{gap:8px}}.profile-empty{padding:var(--s7) var(--s4)}.profile-empty .eyebrow,.profile-empty h2{margin-bottom:8px}.profile-empty p{max-width:36ch}.profile-empty .btn{margin-top:12px}.profile-reposts{margin:0 0 var(--s6)}.profile-reposts .section-head p{margin:4px 0 0;color:var(--text-3);font-size:var(--fs-sm)}.station-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:start;min-width:0}@media(min-width:960px){.station-stage:has(.station-voices){grid-template-columns:minmax(0,1fr) minmax(248px,300px)}.station-voices{position:sticky;top:var(--s4)}}@media(max-width:959px){.station-stage:has(.station-voices){display:flex;flex-direction:column}.station-stage .station-voices{order:-1}.station-voices.is-empty{padding-bottom:4px}}@media(max-width:640px){.profile-hero.has-banner{min-height:0}.profile-hero-inner{min-height:0;padding:var(--s5) var(--s4) var(--s4)}}.auth-modes{display:flex;gap:4px;margin:0 0 12px}.auth-modes button{height:36px;padding:0 12px;border:0;border-radius:var(--rf);background:none;color:var(--text-3);font:inherit;font-size:var(--fs-sm);font-weight:650}.auth-modes button.on{background:var(--surface-1);color:var(--text);box-shadow:inset 0 0 0 1px var(--hairline)}.auth-sheet-wrap{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:var(--s4);background:#0101029e}.auth-sheet{width:min(380px,100%);max-height:min(88dvh,720px);overflow:auto;padding:28px 24px 22px;border-radius:var(--r4);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline),var(--sh3)}.auth-sheet h1,.auth-card h1{margin:0 0 6px;font-size:var(--fs-h2)}.auth-sheet-skip{width:100%;margin-top:10px;min-height:var(--tap);height:auto}@media(max-width:980px){.auth-sheet-wrap{place-items:end center;padding:0}.auth-sheet{width:100%;border-radius:var(--r5) var(--r5) 0 0;padding-bottom:calc(var(--s6) + var(--safe-b))}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:980px){input,textarea,select,.field input,.field textarea,.palette-input input{font-size:16px!important}}.pwa-offer h1{margin:var(--s2) 0 var(--s3)}.pwa-offer-wrap{z-index:79}.auth-lead{margin:0 0 12px;font-size:.82rem}.auth-card{max-width:380px;margin:var(--s6) auto;padding:28px 24px 22px;border-radius:var(--r4);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline)}.auth-split{display:grid;gap:8px;margin:0 0 4px}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;height:var(--tap);padding:0 14px;border-radius:var(--rf);background:#fff;color:#1f1f1f;font-size:var(--fs-body);font-weight:550;letter-spacing:.01em;text-decoration:none;box-shadow:0 0 0 1px #dadce0}.auth-google:hover{background:#f7f8f8}.auth-google-mark{flex:none;display:block}.account-page{max-width:560px;margin:0 auto;padding:8px 0 88px}.account-guest{padding-top:28px}.account-guest h1{margin:6px 0 10px;font-size:var(--fs-h2);letter-spacing:-.03em}.account-guest .auth-google{margin-top:18px;max-width:280px}.account-hero{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;padding:16px;border-radius:var(--r4);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline)}.account-avatar{flex:none;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);font-size:1.35rem;font-weight:700;letter-spacing:.04em}.account-to-room{margin:10px 0 8px}.account-id h1{margin:0 0 4px;font-size:var(--fs-h2);letter-spacing:-.03em;line-height:1.15}.account-mail{margin:0 0 4px;color:var(--text-3);font-size:.84rem}.account-chips{display:flex;flex-wrap:wrap;gap:6px}.account-chip-g{display:inline-flex;align-items:center;gap:6px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.account-panel{padding:16px 16px 14px;border-radius:var(--r4);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline)}.account-panel h2{margin:0 0 4px;font-size:.95rem}.account-panel header p{margin:0 0 12px;color:var(--text-3);font-size:.8rem}.account-sound{margin-bottom:14px}.account-guest .account-sound{margin-top:22px;text-align:left}.account-meter{height:4px;border-radius:var(--rf);background:var(--surface-2);overflow:hidden;margin-bottom:8px}.account-meter span{display:block;height:100%;background:var(--accent)}.account-meter-label{margin:0 0 10px;font-size:.75rem;color:var(--text-4)}.account-list{display:grid;margin:0 0 28px;border-radius:var(--r4);overflow:hidden;box-shadow:inset 0 0 0 1px var(--hairline);background:var(--surface-1)}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px 16px;border:0;border-bottom:1px solid var(--hairline);background:none;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.account-row:last-child{border-bottom:0}.account-row.static{cursor:default}.account-row strong{display:block;font-size:.92rem}.account-row em{display:block;margin-top:2px;font-style:normal;color:var(--text-4);font-size:.75rem}.account-go{color:var(--text-4);font-size:1.1rem}.account-ok{color:var(--text-3);font-size:.75rem;font-weight:650}.account-danger{padding-top:8px;color:var(--text-3)}.account-danger h2{margin:0 0 6px;font-size:.82rem;font-weight:650;color:var(--text-4);letter-spacing:.04em;text-transform:uppercase}.account-danger p{margin:0 0 10px;font-size:.8rem}.account-danger-btn{color:#cc8b88}@media(max-width:720px){.account-grid{grid-template-columns:1fr}}.profile-hero.has-own-banner .profile-hero-banner{inset:0;filter:none;opacity:1}.profile-hero.has-own-banner .profile-hero-banner:after{background:linear-gradient(180deg,rgba(8,10,8,.22),rgba(8,8,8,.62) 70%,var(--bg) 100%),linear-gradient(90deg,rgba(8,8,8,.28),transparent 55%)}.profile-skin.theme-jungle{--jungle-ink: #070b07;--jungle-leaf: #143016;--jungle-acid: #c6f04a;--jungle-flyer: #e8d7a4;--jungle-stamp: #ff4d6d;position:relative}.profile-skin.theme-jungle .profile-hero{background:radial-gradient(120% 80% at 12% 0%,rgba(198,240,74,.08),transparent 46%),linear-gradient(180deg,#0a120b,#070b07 70%);box-shadow:inset 0 0 0 1px #c6f04a24,0 22px 48px -36px #000000b3}.profile-skin.theme-jungle .profile-hero-banner{filter:contrast(1.08) saturate(1.15) blur(28px);opacity:.42}.profile-skin.theme-jungle .profile-hero.has-own-banner .profile-hero-banner{filter:contrast(1.06) saturate(1.1);opacity:.88}.profile-skin.theme-jungle .profile-hero:before,.profile-skin.theme-jungle .profile-hero:after{pointer-events:none;z-index:2}.profile-skin.theme-jungle .profile-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.18) 2px 3px);mix-blend-mode:multiply;opacity:.35}.profile-skin.theme-jungle .profile-hero:after{content:"JUNGLE";position:absolute;top:18px;right:18px;padding:5px 9px 4px;border:2px solid var(--jungle-stamp);color:var(--jungle-stamp);font-family:var(--font-display),ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;transform:rotate(8deg);box-shadow:2px 2px #00000073}.profile-skin.theme-jungle .profile-id h1{color:var(--jungle-flyer);letter-spacing:.01em;text-shadow:0 1px 0 #000,0 0 24px rgba(198,240,74,.18)}.profile-skin.theme-jungle .profile-handle,.profile-skin.theme-jungle .profile-since{color:color-mix(in oklab,var(--jungle-acid) 55%,#d5d5d5)}@media(max-width:980px){.profile-hero,.profile-hero.has-banner,.profile-hero.has-own-banner{min-height:0;margin-bottom:12px;border-radius:0;background:transparent;box-shadow:none}.profile-hero-inner{min-height:0!important;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:8px 0 12px}.profile-avatar,.profile-hero .profile-avatar{width:72px;height:72px;font-size:1.45rem;box-shadow:none;border-width:1px}.profile-avatar-wrap.is-lit .profile-avatar{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 65%,#fff)}.profile-lit-dot{width:10px;height:10px;right:2px;bottom:2px;box-shadow:0 0 0 2px #0c0c0cb3}.profile-since{display:none}.profile-id h1,.profile-copy h1{margin:0 0 2px;font-size:1.28rem;line-height:1.1}.profile-chips{gap:6px 8px;margin:0}.profile-handle{font-size:.78rem}.profile-bio{margin:6px 0 8px!important;max-width:none!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-bio.is-placeholder{display:none}.profile-copy .muted{margin:0}.profile-toolbar{margin:0 0 12px;gap:6px;min-height:var(--tap)}.profile-toolbar .btn,.profile-toolbar a.btn,.profile-toolbar .profile-toolbar-more{height:var(--tap);min-height:var(--tap);padding:0 12px;border-radius:var(--r2);font-size:var(--fs-sm)}.profile-toolbar-wide,.profile-toolbar-air{display:none}.profile-toolbar-more{display:inline-flex;align-items:center;justify-content:center}.profile-skin.theme-jungle .profile-hero:after{top:8px;right:8px;padding:3px 6px 2px;font-size:.5rem;letter-spacing:.16em}}.app.swipe-mode{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"main";--dock-h: 0px;--chrome-south: var(--safe-b)}.app.swipe-mode .nav,.app.swipe-mode .searchbox,.app.swipe-mode .aurora,.app.swipe-mode .grain{display:none}.app.swipe-mode .south,.app.swipe-mode .dock,.app.swipe-mode .dock.idle{display:none!important}.app.swipe-mode .device-root .device-sheet{bottom:calc(68px + env(safe-area-inset-bottom,0px))}@media(max-width:980px){.app.swipe-mode{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"main" "dock";--dock-h: 0px;--tabbar-h: 56px;--chrome-south: calc(var(--tabbar-h) + 10px + var(--safe-b))}.app.swipe-mode .south{display:flex!important}.app.swipe-mode .dock,.app.swipe-mode .dock.idle{display:none!important}.app.swipe-mode .tabbar{display:flex}.swipe-card{padding:calc(8px + var(--safe-t)) 10px calc(10px + var(--tabbar-h) + var(--safe-b))}.swipe-play{width:64px;height:64px}.swipe-skip,.swipe-aux{display:none}.swipe{--card: min(640px, 100%)}.swipe-stage{gap:0;align-items:center}.swipe-plate{width:min(100%,calc(100dvh - 220px));max-height:calc(100dvh - 220px);margin-inline:auto}}.app.swipe-mode .main{grid-area:main}.app.swipe-mode .page{padding:0;overflow:hidden;height:100%}.app.swipe-mode .page-inner{max-width:none;margin:0;padding:0;height:100%;gap:0}.app.swipe-mode .view-enter{animation:none;height:100%}.swipe{--card: min(640px, 100%);--step: 100%;--p: 0;position:relative;isolation:isolate;height:100%;min-height:100%;background:#0a0a0a;overflow:hidden;overflow-x:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.swipe-viewport{position:absolute;inset:0;touch-action:none;overscroll-behavior:none}.swipe-layer{--p: 0;--step: 100%;position:absolute;inset:0;z-index:2;will-change:transform}.swipe-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--safe-t)) 12px calc(16px + var(--safe-b));backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none}.swipe-card-prev{transform:translate3d(-100%,0,0);z-index:1;pointer-events:none}.swipe-card-next{transform:translate3d(100%,0,0);z-index:1;pointer-events:none}.swipe-card-now{transform:none;z-index:2}.swipe-stage{position:relative;width:min(var(--card),100%);max-width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:0}.swipe-wash{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,color-mix(in oklab,var(--genre) 20%,transparent),transparent 58%),#0a0a0a}.swipe-plate{position:relative;isolation:isolate;width:100%;aspect-ratio:1 / 1;flex:0 0 auto;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f;contain:layout style paint}.swipe-card-now .swipe-meta,.swipe-card-now .swipe-play,.swipe-card-now .swipe-plate{opacity:1}.swipe-plate .art,.swipe-plate figure{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;border-radius:0}.swipe-plate img{width:100%;height:100%;object-fit:cover}.swipe-home{position:absolute;top:calc(12px + var(--safe-t));left:12px;z-index:4;opacity:.9}.swipe-meta{position:relative;z-index:8;pointer-events:auto;display:grid;gap:8px;width:100%;min-height:7.75rem;padding:12px 0 0;background:none}.swipe-who{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:0;min-height:32px}.swipe-artist{color:var(--text-3);font-size:.875rem;font-weight:500;letter-spacing:-.01em;min-width:0;flex:1}.swipe-title{margin:0;color:#fff;font-family:inherit;font-size:1.02rem;font-weight:600;letter-spacing:-.028em;line-height:1.25;min-width:0}.swipe-save,.swipe-save-slot{flex:0 0 auto;margin-left:4px;min-height:28px;min-width:4.6rem;padding:0 11px;border:1px solid rgba(255,255,255,.5);border-radius:4px;background:transparent;color:#fff;font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.01em;cursor:pointer}.swipe-save-slot{visibility:hidden;border-color:transparent;background:transparent}.swipe-save.on{border-color:#ffffff38;background:transparent;color:#ffffff94}.swipe-save:hover{border-color:#fff;background:transparent;color:#fff}.swipe-save.on:hover{border-color:#ffffff80;color:#fff}.swipe-skip{position:absolute;top:46%;z-index:6;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#0c0c0c73;color:#fff;transform:translateY(-50%)}.swipe-skip.prev{left:8px}.swipe-skip.next{right:8px}.swipe-skip:hover:not(:disabled){background:#0c0c0cd1}.swipe-skip:disabled{opacity:.22;pointer-events:none}.swipe-pos{position:absolute;top:calc(16px + var(--safe-t));right:108px;z-index:4;margin:0;color:#f2f2f261;font-size:.6875rem;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums;pointer-events:none}.swipe-acts{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;z-index:10;margin:2px 0 0;min-width:0;overflow:visible}.swipe-vol{position:relative}.swipe-vol .icon-btn,.swipe-vol .dock-hit{width:44px;height:44px;color:#fff;background:transparent}.swipe-vol .vol{width:auto}.swipe-act{width:44px;min-height:44px;padding:0;border:0;border-radius:var(--rf);display:grid;place-items:center;background:transparent;color:#ffffffd1}.swipe-act.has-n{height:auto;padding:2px 0 0;gap:0}.swipe-act-n{font-size:.625rem;font-weight:650;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1;opacity:.72}.swipe-act.on{color:#fff;background:transparent}.swipe-play{appearance:none;-webkit-appearance:none;position:absolute;left:50%;top:50%;z-index:5;width:56px;height:56px;margin:-28px 0 0 -28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;box-shadow:0 6px 18px #00000047;pointer-events:auto;transform:none;touch-action:manipulation}.swipe-play.live{opacity:1}.swipe-play:hover{background:#f2f2f2;color:#111}.swipe-play:active{transform:scale(.94)}.swipe-progress{position:relative;z-index:5;height:100%;margin:0;border-radius:999px;background:transparent;overflow:hidden;pointer-events:none}.swipe-progress:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;border-radius:999px;background:#ffffff38;transform:translateY(-50%);pointer-events:none}.swipe-progress i{position:absolute;left:0;top:50%;display:block;height:2px;border-radius:999px;background:#fff;transform:translateY(-50%);pointer-events:none}.swipe-extra{display:none}.swipe-wave-wrap{min-width:0;height:48px}.swipe-voice{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0;padding:0;border:0;background:none;color:#f2f2f280;font:inherit;font-size:.75rem;line-height:1.35;text-align:left;cursor:pointer}.swipe-voice-who{flex:0 0 auto;color:#fff;font-weight:600;letter-spacing:-.015em}.swipe-wave-wrap .wf{min-height:0;height:100%}.swipe-empty{display:grid;place-items:center;height:100%;margin:0;color:#a0a0a0;font-size:.875rem}.notif{position:relative;z-index:13}.notif-btn{position:relative}.notif-dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--rf);background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;line-height:16px;text-align:center}.notif-list{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,82vw);max-height:min(60dvh,420px);overflow:auto;padding:6px;border-radius:var(--r3);border:1px solid var(--hairline);background:#121212f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px -24px #000c;z-index:40}.notif-empty{margin:0;padding:14px 12px;color:var(--text-3);font-size:var(--fs-sm)}.notif-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:48px;padding:10px 12px;border-radius:var(--r2);text-align:left;color:var(--text);background:transparent}.notif-row:hover{background:var(--surface-2)}.notif-row.fresh{background:var(--accent-8)}.notif-when{color:var(--text-3);font-size:var(--fs-xs)}.swipe-follow-note{position:absolute;top:calc(16px + var(--safe-t));left:50%;z-index:5;margin:0;padding:8px 14px;border-radius:var(--rf);background:#1111118c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f2f2f2;font-size:.8125rem;font-weight:550;letter-spacing:-.01em;pointer-events:none;animation:swipe-follow-note 2.1s ease forwards}@keyframes swipe-follow-note{0%{opacity:0;transform:translate(-50%) translateY(-8px)}12%{opacity:1;transform:translate(-50%) translateY(0)}78%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.swipe-hearts{position:absolute;inset:0;z-index:5;pointer-events:none;color:#fff}.swipe-heart-float{position:absolute;left:50%;top:42%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));animation:swipe-heart-float .82s ease forwards}@keyframes swipe-heart-float{0%{opacity:0;transform:translate(-50%,16px) scale(.42)}16%{opacity:1;transform:translate(calc(-50% + var(--d, 0px)),-6px) scale(1.12)}to{opacity:0;transform:translate(calc(-50% + var(--d, 0px)),-92px) scale(.9)}}@media(prefers-reduced-motion:reduce){.swipe-heart-float,.swipe-follow-note,.swipe-layer{animation:none;transition:none!important}.swipe-play{transition:none!important;transform:none}}@media(min-width:900px){.swipe{background:radial-gradient(70% 55% at 50% 38%,rgba(255,255,255,.035),transparent 62%),#090909}.swipe-card{padding:4vh 24px}.swipe-meta{padding:12px 4px 0}.swipe-skip.prev{left:16px}.swipe-skip.next{right:16px}}@media(min-width:981px){.swipe{--card: min(380px, 46vh)}.swipe-stage{display:grid;grid-template-columns:var(--card) minmax(260px,340px);align-items:center;gap:28px 36px;width:min(780px,calc(100vw - 128px));max-width:780px}.swipe-meta{padding:0;min-height:0;gap:8px}.swipe-title{font-size:1.28rem}.swipe-extra{display:flex;align-items:center;gap:12px;margin:0;color:#ffffff8c;font-size:.8rem}.swipe-extra a{color:inherit}.swipe-extra a:hover{color:#fff}.swipe-wave-wrap{height:64px}.swipe-play{opacity:0}.swipe-plate:hover .swipe-play,.swipe-play.live{opacity:1}}