:root{--bg-deep:#06040c;--bg-base:#0a0812;--bg-raised:#110e1a;--bg-card:#ffffff09;--glass:#0c0a14d1;--glass-2:#120e1ce6;--stroke:#ffffff14;--stroke-2:#ffffff24;--text:#f8f6fc;--muted:#f8f6fca3;--muted-2:#f8f6fc66;--violet:#a855f7;--violet-dim:#7c3aed;--violet-glow:#d8b4fe;--warm:#ff7e5f;--acc:var(--violet);--acc-2:var(--violet-dim);--acc-3:var(--violet-glow);--acc-contrast:#fff;--cover-glow:var(--violet);--danger:#ff6b6b;--warn:#ffc857;--font-display:"Syne", ui-sans-serif, system-ui, sans-serif;--font-heading:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-body:"DM Sans", ui-sans-serif, system-ui, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--text-section:clamp(1.375rem, 2.4vw + .75rem, 2.125rem);--text-display:clamp(2rem, 5.5vw + .75rem, 3.5rem);--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--shadow-sm:0 4px 20px #00000073;--shadow-md:0 16px 48px #0000008c;--shadow-lg:0 32px 80px #000000a6;--shadow-glow:0 0 40px color-mix(in srgb, var(--acc) 25%, transparent);--rail-w:88px;--rail-drawer-w:min(88vw, 300px);--header-h:56px;--dock-h:68px;--tab-h:62px;--touch:44px;--shell-bottom:calc(var(--dock-h) + var(--tab-h) + 12px);--ease:cubic-bezier(.22, 1, .36, 1);--dur:.22s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);-webkit-font-smoothing:antialiased;background:var(--bg-deep);margin:0;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}button{font-family:inherit}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%}.truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.break-safe{overflow-wrap:anywhere;word-break:break-word}.muted{color:var(--muted)}.muted2{color:var(--muted-2)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--acc) 30%, transparent) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--acc) 35%, #ffffff1a);border-radius:var(--r-pill)}.app{background:radial-gradient(ellipse 80% 50% at 0% 0%, color-mix(in srgb, var(--acc) 10%, transparent), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 10%, color-mix(in srgb, var(--warm) 8%, transparent), transparent 50%), var(--bg-deep);height:100svh;transition:background .8s var(--ease);position:relative;overflow:hidden}.app:after{content:"";z-index:2;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}.appFrame{z-index:1;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.stage{flex-direction:column;flex:1;order:1;min-width:0;min-height:0;display:flex}.stage__scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.stage__content{padding:var(--s-4);padding-bottom:calc(var(--shell-bottom) + env(safe-area-inset-bottom));max-width:100%;container:stage/inline-size}.dock{z-index:40;flex-direction:column;flex-shrink:0;order:2;gap:0;display:flex}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:120;background:#0009;position:fixed;inset:0}.rail{width:var(--rail-drawer-w);z-index:130;gap:var(--s-3);padding:var(--s-4);padding-top:max(var(--s-4), env(safe-area-inset-top));background:var(--glass-2);-webkit-backdrop-filter:blur(28px)saturate(1.4);border-right:1px solid var(--stroke);transition:transform .35s var(--ease);pointer-events:none;visibility:hidden;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.rail--open{pointer-events:auto;visibility:visible;box-shadow:var(--shadow-lg);transform:translate(0)}.rail__top{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.rail__brand{align-items:center;gap:var(--s-3);color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;display:flex}.rail__logo{border-radius:var(--r-md);width:42px;height:42px;font-family:var(--font-display);color:var(--acc-contrast);background:linear-gradient(135deg, var(--acc), var(--acc-2));box-shadow:var(--shadow-glow);place-items:center;font-size:1.1rem;font-weight:800;display:grid}.rail__wordmark{text-align:left}.rail__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.03em;line-height:1.1;display:block}.rail__tag{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:600;display:block}.rail__nav{flex-direction:column;gap:4px;display:flex}.rail__link{align-items:center;gap:var(--s-3);border-radius:var(--r-md);color:var(--muted);font-weight:600;font-size:var(--text-sm);cursor:pointer;text-align:left;width:100%;transition:all var(--dur) var(--ease);background:0 0;border:none;padding:10px 12px;display:flex}.rail__link:hover{color:var(--text);background:#ffffff0d}.rail__link--active{color:var(--text);background:color-mix(in srgb, var(--acc) 14%, transparent);box-shadow:inset 3px 0 0 var(--acc)}.rail__linkIcon{border-radius:var(--r-sm);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.rail__link--active .rail__linkIcon{color:var(--acc);background:color-mix(in srgb, var(--acc) 12%, transparent)}.rail__library{border-top:1px solid var(--stroke);min-height:0;padding-top:var(--s-3);flex-direction:column;flex:1;display:flex}.rail__libraryHead{margin-bottom:var(--s-2);justify-content:space-between;align-items:center;display:flex}.rail__sectionLabel{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:700}.rail__addBtn{width:28px!important;min-width:28px!important;height:28px!important}.rail__scroll{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.rail__empty{font-size:var(--text-sm);color:var(--muted-2);padding:var(--s-2) 4px;margin:0}.rail__pl{align-items:center;gap:var(--s-2);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;text-align:left;width:100%;transition:background var(--dur) var(--ease);background:0 0;border:none;padding:6px 8px;display:flex}.rail__pl:hover{color:var(--text);background:#ffffff0d}.rail__plArt{border-radius:var(--r-xs);background:var(--bg-card);width:40px;height:40px;color:var(--muted);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.rail__plArt img{object-fit:cover;width:100%;height:100%}.rail__plText{flex:1;min-width:0}.rail__plName{font-weight:600;font-size:var(--text-sm);color:var(--text);display:block}.rail__plMeta{font-size:var(--text-xs);color:var(--muted-2);display:block}.header{height:var(--header-h);min-height:var(--touch);align-items:center;gap:var(--s-3);padding:0 var(--s-4);padding-top:env(safe-area-inset-top);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.3);border-bottom:1px solid var(--stroke);z-index:20;flex-shrink:0;display:flex;position:sticky;top:0}.header__left{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.header__nav{gap:4px;display:none}.header__search{flex:1;align-items:center;min-width:0;display:flex;position:relative}.header__search svg{color:var(--muted-2);pointer-events:none;position:absolute;left:14px}.searchInput{border-radius:var(--r-pill);border:1px solid var(--stroke);width:100%;color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--dur), box-shadow var(--dur);background:#00000059;outline:none;padding:10px 14px 10px 40px}.searchInput::placeholder{color:var(--muted-2)}.searchInput:focus{border-color:color-mix(in srgb, var(--acc) 50%, var(--stroke));box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 12%, transparent)}.header__right{flex-shrink:0}.tabDock{padding:0 var(--s-3) max(8px, env(safe-area-inset-bottom));background:0 0}.tabDock__pill{border-radius:var(--r-pill);background:var(--glass-2);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--stroke);box-shadow:var(--shadow-md);justify-content:space-around;align-items:stretch;gap:2px;padding:5px;display:flex}.tabDock__item{border-radius:var(--r-pill);letter-spacing:.02em;min-height:48px;color:var(--muted-2);transition:all var(--dur) var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:.625rem;font-weight:700;display:flex}.tabDock__item:hover{color:var(--muted)}.tabDock__item--active{color:var(--text);background:color-mix(in srgb, var(--acc) 16%, transparent)}.tabDock__item--active svg{color:var(--acc)}.playerDock{align-items:center;gap:var(--s-2);min-height:var(--dock-h);padding:8px var(--s-3);margin:0 var(--s-2);border-radius:var(--r-lg);background:var(--glass-2);-webkit-backdrop-filter:blur(28px)saturate(1.4);border:1px solid var(--stroke);box-shadow:var(--shadow-md), 0 0 48px color-mix(in srgb, var(--cover-glow) 8%, transparent);grid-template-columns:minmax(0,1fr) auto;margin-bottom:6px;display:grid;position:relative}.playerDock__progress{border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(90deg, var(--acc) var(--progress,0%), transparent var(--progress,0%));pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.playerDock__track{align-items:center;gap:var(--s-2);min-width:0;color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;padding:0;display:flex}.playerDock__track:disabled{opacity:.6;cursor:default}.playerDock__cover{border-radius:var(--r-sm);background:var(--bg-card);flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:0 2px 12px #0006}.playerDock__cover img{object-fit:cover;width:100%;height:100%}.playerDock__meta{flex:1;min-width:0}.playerDock__title{font-weight:600;font-size:var(--text-sm);line-height:1.25}.playerDock__artist{font-size:var(--text-xs);color:var(--muted);margin-top:1px}.playerDock__center{flex-direction:column;align-items:center;gap:6px;display:none}.playerDock__controls{align-items:center;gap:var(--s-3);display:flex}.playerDock__play{background:var(--acc);width:42px;height:42px;color:var(--acc-contrast);cursor:pointer;transition:transform var(--dur), box-shadow var(--dur);border:none;border-radius:50%;place-items:center;display:grid}.playerDock__play:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:scale(1.06)}.playerDock__play:disabled{opacity:.35;cursor:not-allowed}.playerDock__seek{align-items:center;gap:var(--s-2);width:100%;display:flex}.time{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted-2);text-align:center;flex-shrink:0;width:36px}.playerDock__right{justify-content:flex-end;align-items:center;gap:var(--s-2);display:none}.playerDock__volume{align-items:center;gap:var(--s-2);width:120px;display:flex}.playerDock__viz{width:100%;max-width:260px}.playerDock__mobile{flex-shrink:0;align-items:center;gap:4px;display:flex}.range{appearance:none;border-radius:var(--r-pill);cursor:pointer;background:#ffffff1f;outline:none;width:100%;height:4px}.range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--acc) var(--_pct,0%), #ffffff1f var(--_pct,0%));height:4px}.range::-moz-range-progress{background:var(--acc);border-radius:var(--r-pill);height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;width:12px;height:12px;transition:opacity var(--dur);background:#fff;border-radius:50%;margin-top:-4px}.range:hover::-webkit-slider-thumb{opacity:1}.range:focus-visible::-webkit-slider-thumb{opacity:1}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-pill);border:1px solid var(--stroke-2);color:var(--text);font-weight:600;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:all var(--dur) var(--ease);background:#ffffff0f;padding:10px 18px;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg, var(--acc), var(--acc-2));color:var(--acc-contrast);box-shadow:var(--shadow-glow);border:none}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--danger{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.btn--lg{font-size:var(--text-base);padding:14px 28px}.btn--full{width:100%}.btn--back{margin-bottom:var(--s-3)}.iconBtn{width:var(--touch);height:var(--touch);min-width:var(--touch);min-height:var(--touch);border-radius:var(--r-sm);color:var(--text);cursor:pointer;transition:all var(--dur) var(--ease);background:#ffffff0a;border:1px solid #0000;place-items:center;display:inline-grid}.iconBtn:hover:not(:disabled){background:#ffffff14}.iconBtn.ghost{background:0 0;border-color:#0000}.iconBtn.active{color:var(--acc)}.iconBtn:disabled{opacity:.35;cursor:not-allowed}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-weight:700}.field__input{border-radius:var(--r-md);border:1px solid var(--stroke-2);width:100%;color:var(--text);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--dur), box-shadow var(--dur);background:#00000059;outline:none;padding:12px 14px}.field__input:focus{border-color:color-mix(in srgb, var(--acc) 50%, var(--stroke));box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 12%, transparent)}.segControl{border-radius:var(--r-pill);border:1px solid var(--stroke);background:#00000059;gap:4px;padding:4px;display:inline-flex}.segControl--compact{width:100%}.segControl__btn{border-radius:var(--r-pill);color:var(--muted);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap;background:0 0;border:none;flex:1;padding:8px 16px}.segControl__btn:hover{color:var(--text)}.segControl__btn--active{background:color-mix(in srgb, var(--acc) 18%, transparent);color:var(--text)}.badge{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);border:1px solid var(--stroke);font-size:var(--text-sm);color:var(--muted);background:#ffffff0a;padding:6px 12px;font-weight:500;display:inline-flex}.badge--check{cursor:pointer}.alert{align-items:center;gap:var(--s-2);border-radius:var(--r-md);font-size:var(--text-sm);margin-bottom:var(--s-3);padding:12px 14px;display:flex}.alert--error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.3);border:1px solid var(--stroke);border-radius:var(--r-lg)}.panel{padding:var(--s-4);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--stroke);gap:var(--s-3);margin-bottom:var(--s-4);flex-direction:column;display:flex}.panel__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);margin:0}.panel__row{gap:var(--s-2);flex-wrap:wrap;display:flex}.panel__row .field__input{flex:1;min-width:0}.statusDot{background:var(--muted-2);border-radius:50%;width:8px;height:8px}.statusDot--ok{background:var(--acc);box-shadow:0 0 8px var(--acc)}.statusDot--err{background:var(--danger)}.page{gap:var(--s-2);flex-direction:column;display:flex}.page--flush .stage__content,.page--flush{padding:0}.page--flush .page__body{padding:0 var(--s-4) var(--s-6)}.page__body{gap:var(--s-2);flex-direction:column;display:flex}.page__loading{text-align:center;color:var(--muted-2);font-size:var(--text-sm);padding:var(--s-4)}.sentinel{height:1px}.homeHero{gap:var(--s-5);padding:var(--s-6) var(--s-5);margin:calc(var(--s-4) * -1) calc(var(--s-4) * -1) var(--s-5);border-radius:0 0 var(--r-xl) var(--r-xl);grid-template-columns:1fr;align-items:end;min-height:clamp(300px,42vh,400px);display:grid;position:relative;overflow:hidden}.homeHero__bg{z-index:0;position:absolute;inset:0}.homeHero__bg img{object-fit:cover;filter:blur(48px)saturate(1.4)brightness(.35);width:100%;height:100%;transform:scale(1.15)}.homeHero__bg--mesh{background:radial-gradient(ellipse 70% 60% at 20% 30%, color-mix(in srgb, var(--acc) 22%, transparent), transparent 60%), radial-gradient(ellipse 50% 50% at 80% 70%, color-mix(in srgb, var(--warm) 14%, transparent), transparent 55%), var(--bg-raised)}.homeHero__bgFade{background:linear-gradient(#06040c33 0%,#06040ceb 85%);position:absolute;inset:0}.homeHero__content{z-index:1;min-width:0;position:relative}.homeHero__eyebrow{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--acc-3);margin-bottom:var(--s-2);font-weight:700;display:block}.homeHero__title{font-family:var(--font-heading);font-size:var(--text-display);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:break-word;max-width:100%;margin:0;font-weight:700;line-height:1.15}.homeHero__lede{color:var(--muted);font-size:var(--text-base);max-width:40ch;margin:var(--s-3) 0 var(--s-5);line-height:1.6}.homeHero__disc{z-index:1;aspect-ratio:1;border-radius:var(--r-lg);width:min(160px,40vw);box-shadow:var(--shadow-lg), var(--shadow-glow);border:2px solid #ffffff1a;justify-self:start;position:relative;overflow:hidden}.homeHero__disc img{object-fit:cover;width:100%;height:100%}.pageHero{margin:calc(var(--s-4) * -1) calc(var(--s-4) * -1) var(--s-5);padding:var(--s-6) var(--s-4);padding-top:calc(var(--s-6) + env(safe-area-inset-top,0px));align-items:flex-end;min-height:260px;display:flex;position:relative;overflow:hidden}.pageHero__backdrop{z-index:0;position:absolute;inset:0}.pageHero__backdrop img{object-fit:cover;filter:blur(56px)saturate(1.3)brightness(.3);width:100%;height:100%;transform:scale(1.2)}.pageHero__backdrop--mesh{background:radial-gradient(ellipse 60% 50% at 30% 20%, color-mix(in srgb, var(--acc) 18%, transparent), transparent 60%), var(--bg-raised)}.pageHero__backdropFade{background:linear-gradient(#06040c26,#06040cf2 80%);position:absolute;inset:0}.pageHero__inner{z-index:1;gap:var(--s-4);flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.pageHero__art{aspect-ratio:1;border-radius:var(--r-lg);width:min(200px,45vw);box-shadow:var(--shadow-lg), var(--shadow-glow);background:var(--bg-card);border:1px solid #ffffff1f;flex-shrink:0;overflow:hidden}.pageHero__art--round{border-radius:50%}.pageHero__art img{object-fit:cover;width:100%;height:100%}.pageHero__fallback{background:linear-gradient(145deg, color-mix(in srgb, var(--acc) 30%, var(--bg-raised)), var(--bg-card));width:100%;height:100%;color:var(--acc);place-items:center;display:grid}.pageHero__type{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:700}.pageHero__title{font-family:var(--font-heading);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:clamp(1.75rem,4.5vw + .5rem,2.75rem);font-weight:700;line-height:1.15}.pageHero__subtitle{color:var(--muted);font-size:var(--text-sm);flex-direction:column;gap:4px;display:flex}.pageHero__actions{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.sectionHead{justify-content:space-between;align-items:flex-end;gap:var(--s-3);margin:var(--s-6) 0 var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid color-mix(in srgb, var(--acc) 22%, var(--stroke));flex-wrap:wrap;display:flex}.sectionHead:first-child{margin-top:0}.sectionHead__title{font-family:var(--font-heading);font-size:var(--text-section);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;margin:0;font-weight:700;line-height:1.2}.sectionHead__sub{color:var(--muted);font-size:var(--text-sm);margin:4px 0 0}.sectionHead__action{flex-shrink:0}.tileGrid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container stage (width>=400px){.tileGrid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@container stage (width>=700px){.tileGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.tile{cursor:pointer;border-radius:var(--r-md);padding:var(--s-2);transition:background var(--dur)}.tile:hover{background:#ffffff08}.tile__art{aspect-ratio:1;border-radius:var(--r-md);background:var(--bg-card);width:100%;margin-bottom:var(--s-3);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur), transform var(--dur);position:relative;overflow:hidden}.tile__art--round{border-radius:50%}.tile__art--playing{box-shadow:var(--shadow-glow)}.tile__art img{object-fit:cover;width:100%;height:100%;display:block}.tile:hover .tile__art{box-shadow:var(--shadow-md), 0 0 32px color-mix(in srgb, var(--acc) 15%, transparent)}.tile__fallback{width:100%;height:100%;color:var(--muted);background:linear-gradient(145deg,#ffffff0f,#ffffff05);place-items:center;display:grid}.tile__play{background:var(--acc);width:42px;height:42px;color:var(--acc-contrast);cursor:pointer;opacity:0;transition:opacity var(--dur), transform var(--dur);box-shadow:var(--shadow-glow);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(6px)}@media (hover:none){.tile__play{opacity:1;transform:none}}.tile:hover .tile__play,.tile:focus-within .tile__play{opacity:1;transform:translateY(0)}.tile__title{font-weight:600;font-size:var(--text-sm);margin:0;line-height:1.3}.tile__sub{color:var(--muted);font-size:var(--text-sm);margin:2px 0 0}.songList{border-radius:var(--r-lg);border:1px solid var(--stroke);background:#ffffff05;flex-direction:column;gap:2px;display:flex;overflow:hidden}.songList--compact{max-height:320px;overflow-y:auto}.songRow{gap:var(--s-3);padding:var(--s-2) var(--s-3);cursor:pointer;transition:background var(--dur);grid-template-columns:32px 48px minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}.songRow:hover{background:#ffffff0a}.songRow--active{background:color-mix(in srgb, var(--acc) 10%, transparent);border-left:3px solid var(--acc)}.songRow__index{width:28px;height:28px;color:var(--muted-2);cursor:pointer;font-size:var(--text-sm);font-variant-numeric:tabular-nums;background:0 0;border:none;place-items:center;display:grid}.songRow--active .songRow__index{color:var(--acc)}.songRow__num{font-size:var(--text-sm);color:var(--muted-2)}.songRow__thumb{border-radius:var(--r-xs);background:var(--bg-card);flex-shrink:0;width:48px;height:48px;overflow:hidden}.songRow__thumb img{object-fit:cover;width:100%;height:100%}.songRow__title{font-weight:600;font-size:var(--text-sm);line-height:1.25}.songRow--active .songRow__title{color:var(--acc)}.songRow__artist{color:var(--muted);font-size:var(--text-xs);margin-top:2px}.songRow__end{align-items:center;gap:var(--s-1);flex-shrink:0;display:flex}.songRow__dur{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted-2);text-align:right;min-width:36px}.songRow--compact{grid-template-columns:48px minmax(0,1fr) auto}.songRow--compact .songRow__index,.songRow--compact .songRow__num{display:none}.searchHead{margin-bottom:var(--s-4)}.searchHead__title{font-family:var(--font-heading);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,4vw + .5rem,2.5rem);font-weight:700;line-height:1.15}.searchHead__sub{color:var(--muted);font-size:var(--text-sm);margin:4px 0 0}.searchBar{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.emptyState{text-align:center;align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-4);border-radius:var(--r-xl);border:1px dashed var(--stroke);background:#ffffff05;flex-direction:column;display:flex}.emptyState__icon{width:72px;height:72px;color:var(--muted);background:#ffffff0a;border-radius:50%;place-items:center;display:grid}.emptyState__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text);margin:0;font-weight:700}.emptyState__hint{color:var(--muted);font-size:var(--text-sm);max-width:36ch;margin:0}.skeleton{background:#ffffff0f;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skLine{border-radius:6px;height:12px;margin-top:8px}.auth{background:var(--bg-deep);grid-template-columns:1.15fr 1fr;min-height:100dvh;display:grid}.auth__showcase{padding:var(--s-7);background:radial-gradient(ellipse 80% 60% at 10% 20%, color-mix(in srgb, var(--acc) 20%, transparent), transparent 55%), radial-gradient(ellipse 60% 50% at 90% 80%, color-mix(in srgb, var(--warm) 12%, transparent), transparent 50%), linear-gradient(160deg, #0a0a14, var(--bg-deep));flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.auth__glow{background:color-mix(in srgb, var(--acc) 15%, transparent);filter:blur(80px);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:20%;right:-10%}.auth__brand{align-items:center;gap:var(--s-3);z-index:1;display:flex;position:relative}.auth__logo{border-radius:var(--r-md);width:48px;height:48px;font-family:var(--font-display);color:var(--acc-contrast);background:linear-gradient(135deg, var(--acc), var(--acc-2));box-shadow:var(--shadow-glow);place-items:center;font-size:1.25rem;font-weight:800;display:grid}.auth__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:-.03em}.auth__pitch{z-index:1;position:relative}.auth__headline{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05}.auth__headline em{color:var(--acc);font-style:normal}.auth__tagline{color:var(--muted);font-size:var(--text-base);max-width:38ch;margin:var(--s-4) 0 var(--s-5);line-height:1.6}.auth__features{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth__feature{align-items:center;gap:var(--s-3);font-weight:600;font-size:var(--text-sm);display:flex}.auth__featureIcon{border-radius:var(--r-sm);width:36px;height:36px;color:var(--acc);background:#ffffff0f;flex-shrink:0;place-items:center;display:grid}.auth__credit{font-size:var(--text-xs);color:var(--muted-2);z-index:1;margin:0;position:relative}.auth__formArea{padding:var(--s-5);padding-top:max(var(--s-5), env(safe-area-inset-top));padding-bottom:max(var(--s-5), env(safe-area-inset-bottom));place-items:center;display:grid}.auth__card{width:min(420px,100%);padding:var(--s-5);border-radius:var(--r-xl);background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--stroke);box-shadow:var(--shadow-lg)}.auth__mobileBrand{align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);display:flex}.auth__cardSub{font-size:var(--text-xs);color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase}.auth__formTitle{font-family:var(--font-display);font-size:var(--text-xl);margin:var(--s-4) 0 4px;font-weight:700}.auth__formSub{color:var(--muted);font-size:var(--text-sm);margin:0 0 var(--s-4)}.auth__form{gap:var(--s-3);flex-direction:column;display:flex}.auth__meta{gap:var(--s-2);margin-top:var(--s-4);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;display:flex}.auth__demo{color:var(--muted-2)}.npSheet{z-index:200;padding:max(var(--s-3), env(safe-area-inset-top)) var(--s-4) max(var(--s-5), env(safe-area-inset-bottom));color:var(--text);background:var(--bg-deep);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.npSheet__backdrop{z-index:0;position:absolute;inset:-20%;overflow:hidden}.npSheet__backdrop img{object-fit:cover;filter:blur(64px)saturate(1.3)brightness(.35);width:100%;height:100%;animation:12s ease-in-out infinite alternate coverPulse;transform:scale(1.2)}.npSheet__backdropOverlay{background:linear-gradient(#06040c33,#06040cf2);position:absolute;inset:0}@keyframes coverPulse{0%{transform:scale(1.1)}to{transform:scale(1.22)}}.npSheet__top,.npSheet__body{z-index:1;position:relative}.npSheet__top{padding-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.npSheet__top .kicker{text-align:center;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);flex:1;font-weight:700}.npSheet__body{justify-content:center;align-items:center;gap:var(--s-4);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.npSheet__artFrame{border-radius:var(--r-xl);background:linear-gradient(145deg, color-mix(in srgb, var(--acc) 50%, transparent), color-mix(in srgb, var(--acc-2) 30%, transparent));box-shadow:var(--shadow-lg), var(--shadow-glow);padding:3px}.npSheet__art{aspect-ratio:1;border-radius:calc(var(--r-xl) - 3px);background:var(--bg-card);width:min(68vw,300px);overflow:hidden}.npSheet__art img{object-fit:cover;width:100%;height:100%}.npSheet__meta{text-align:center;width:min(100%,380px)}.npSheet__meta .h1,.h1{font-family:var(--font-display);font-size:clamp(1.25rem, 5vw, var(--text-xl));letter-spacing:-.02em;margin:0;font-weight:700}.npSheet__controls{gap:var(--s-3);flex-direction:column;width:min(100%,380px);display:flex}.npSheet__buttons{justify-content:center;align-items:center;gap:clamp(var(--s-3), 4vw, var(--s-5));display:flex}.npSheet__playBtn{background:var(--acc);width:64px;height:64px;color:var(--acc-contrast);cursor:pointer;box-shadow:var(--shadow-glow);border:none;border-radius:50%;place-items:center;display:grid}.toaster{z-index:300;bottom:calc(var(--shell-bottom) + 8px);right:max(12px, env(safe-area-inset-right));gap:var(--s-2);pointer-events:none;flex-direction:column;max-width:min(380px,100vw - 24px);display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--s-3);border-radius:var(--r-md);border:1px solid var(--stroke-2);background:var(--glass-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);font-size:var(--text-sm);animation:toastIn .3s var(--ease);padding:12px 16px;font-weight:500;display:flex}.toast.success{border-left:3px solid var(--acc)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--acc-3)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}}.viz{justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.viz__bar{background:linear-gradient(180deg, var(--acc-3), var(--acc));max-width:5px;min-height:3px;box-shadow:0 0 8px color-mix(in srgb, var(--acc) 30%, transparent);border-radius:2px;flex:1}.ambientMesh{z-index:0;pointer-events:none;opacity:.7;position:fixed;inset:0}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq span{background:var(--acc);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq}.eq span:nth-child(2){animation-delay:.25s}.eq span:nth-child(3){animation-delay:.5s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.kicker{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:700}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@media (width>=23.4375rem){.header__nav{display:flex}}@media (width>=48rem){.stage__content{padding:var(--s-5);padding-bottom:calc(var(--shell-bottom) + env(safe-area-inset-bottom))}.homeHero{grid-template-columns:1fr auto;align-items:center;min-height:320px}.homeHero__disc{justify-self:end;width:200px}.pageHero__inner{align-items:flex-end;gap:var(--s-6);flex-direction:row}}@media (width>=64rem){:root{--dock-h:84px;--shell-bottom:calc(var(--dock-h) + 16px)}.appFrame{grid-template-columns:var(--rail-w) minmax(0, 1fr);padding:var(--s-2);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"rail stage""dock dock";gap:0;display:grid}.rail{pointer-events:auto;visibility:visible;width:auto;padding:var(--s-3) var(--s-2);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;grid-area:rail;align-items:center;position:static;transform:none}.rail__top{flex-direction:column}.rail__wordmark,.rail__close,.rail__linkLabel,.rail__library{display:none}.rail__brand{justify-content:center}.rail__nav{width:100%}.rail__link{text-align:center;box-shadow:none;flex-direction:column;justify-content:center;gap:4px;padding:10px 6px}.rail__link--active{box-shadow:none;background:color-mix(in srgb, var(--acc) 14%, transparent)}.rail__link--active:after{content:"";border-radius:var(--r-pill);background:var(--acc);width:3px;position:absolute;top:20%;bottom:20%;left:0}.rail__link{position:relative}.stage{border-radius:var(--r-xl);border:1px solid var(--stroke);background:#ffffff04;grid-area:stage;overflow:hidden}.dock{padding:0 var(--s-2) var(--s-2);flex-direction:row;grid-area:dock;align-items:center}.playerDock{min-height:var(--dock-h);padding:0 var(--s-5);border-radius:var(--r-xl);flex:1;grid-template-columns:minmax(180px,1fr) minmax(280px,1.5fr) minmax(140px,1fr);margin:0}.playerDock__center,.playerDock__right{display:flex}.playerDock__mobile,.playerDock__progress,.tabDock,.header__menu{display:none}.header{border-radius:0}.stage__content{padding:var(--s-5) var(--s-6);padding-bottom:var(--s-6);width:100%;max-width:1320px;margin:0 auto}.toaster{bottom:calc(var(--dock-h) + 24px);right:24px}}@media (width<=63.9375rem){.hideMobile{display:none!important}.auth{grid-template-columns:1fr}.auth__showcase{display:none}.searchBar{flex-direction:column;align-items:stretch}.searchBar .btn--primary{justify-content:center;width:100%}.sectionHead{flex-direction:column;align-items:flex-start}.sectionHead__action{width:100%}.sectionHead__action .btn{justify-content:center;width:100%}.pageHero__actions .btn{flex:auto;justify-content:center;min-width:0}.songRow{gap:var(--s-2);padding:var(--s-2);grid-template-columns:28px 44px minmax(0,1fr)}.songRow__end{padding-top:var(--s-1);border-top:1px solid var(--stroke);margin-top:var(--s-1);flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.songRow__dur{display:none}.songRow--actions .songRow__end{border-top:none;flex-wrap:nowrap;grid-column:auto;margin-top:0;padding-top:0}.panel__row{flex-direction:column}.panel__row .btn{justify-content:center;width:100%}.playerDock{margin-inline:var(--s-2)}}@media (width>=64rem){.hideDesktop{display:none!important}}@media (width<=20rem){.stage__content{padding-inline:var(--s-3)}.playerDock__cover{width:38px;height:38px}.tabDock__item{font-size:.5625rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.ambientMesh,.app:after{display:none}}