@font-face{font-family:Helvetica Now Display;src:url(/fonts/helvetica-now-display-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Now Display;src:url(/fonts/helvetica-now-display-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Saol Display;src:url(/fonts/saol-display-italic.woff2)format("woff2");font-weight:300;font-style:italic;font-display:swap}:root{--bg:#0a0807;--bg-raised:#131010;--panel:#14110deb;--panel-strong:#16120e;--line:#d8a85e24;--line-strong:#d8a85e42;--text:#edebe4;--muted:#a7a39a;--muted-2:#6f6a60;--coral:#d8a85e;--cyan:#d2a45b;--lime:#cdb074;--gold:#e1bf86;--danger:#e0795a;--shadow:0 24px 80px #0009;--radius:8px;--display:"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;--sans:"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.45 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#80582629,#0000 52%),linear-gradient(#d8a85e0a,#0000 30%),#0a0807;min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}#root{min-height:100svh}.lyric-countdown{z-index:3;pointer-events:none;position:absolute;top:16%;left:12px}.countdown-dots{align-items:center;gap:11px;display:inline-flex}.countdown-dots i{background:var(--song-accent-bright,var(--accent-bright,#e1bf86));width:11px;height:11px;opacity:calc(.2 + var(--fill,0) * .8);transform:scale(calc(.7 + var(--fill,0) * .45));transition:opacity .16s linear, transform .16s var(--song-expo,ease-out);border-radius:50%}@media (prefers-reduced-motion:reduce){.countdown-dots i{transition:opacity .16s linear;transform:none}}.volume-control{align-items:center;gap:8px;display:inline-flex}.volume-control__btn{width:34px;height:34px;color:var(--song-bone-soft,#a7a39a);cursor:pointer;background:#edebe40f;border:0;border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid}.volume-control__btn:hover{color:var(--song-bone,#edebe4);background:#edebe41f}.volume-control__btn[aria-pressed=true]{color:var(--song-accent-bright,#e1bf86)}.volume-control__slider{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--song-accent,#d2a45b) calc(var(--vol,1) * 100%), #edebe429 calc(var(--vol,1) * 100%));border-radius:999px;width:clamp(120px,16vw,220px);height:5px}.volume-control__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--song-accent-bright,#e1bf86);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #00000080}.volume-control__slider::-moz-range-thumb{background:var(--song-accent-bright,#e1bf86);border:0;border-radius:50%;width:12px;height:12px}.volume-control__slider:focus-visible{outline:2px solid var(--song-accent-bright,#e1bf86);outline-offset:3px}@media (width<=560px){.volume-control__slider{display:none}}.libconnect{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.libconnect--panel{flex-direction:column;gap:10px}.libconnect__btn{cursor:pointer;background:linear-gradient(var(--gold,#e1bf86), var(--gold,#d2a45b));color:#0a0807;letter-spacing:-.01em;border:0;border-radius:3px;align-items:center;gap:9px;padding:12px 22px;font-size:.95rem;font-weight:800;transition:filter .18s,transform .12s;display:inline-flex}.libconnect__btn:hover:not(:disabled){filter:brightness(1.08)}.libconnect__btn:active:not(:disabled){transform:translateY(1px)}.libconnect__btn:disabled{opacity:.6;cursor:progress}.libconnect__current,.libconnect__note{color:var(--muted,#edebe48c);font-size:.84rem}.home{--bone:#edebe4;--bone-soft:#edebe4a3;--bone-faint:#edebe485;--line-soft:#c6aa7a0f;--expo:cubic-bezier(.16, 1, .3, 1);--serif:Georgia, "Times New Roman", serif;--accent:var(--gold,#e1bf86);--accent-bright:var(--gold,#f0d9a8);height:100%;position:relative;overflow:hidden auto}.home:after{content:"";z-index:40;pointer-events:none;opacity:.04;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;inset:0}.home-col{width:min(100%,1080px);margin:0 auto;padding:clamp(26px,4vw,56px) clamp(20px,4vw,46px) 120px}@keyframes bs-screen{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bs-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bs-reveal{0%{opacity:0;filter:blur(7px);transform:translateY(.55em)rotateX(-55deg)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}}@keyframes bs-lyric{0%{opacity:0;filter:blur(3px);transform:translateY(9px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes bs-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes bs-scan{0%{left:0}to{left:calc(100% - 2px)}}@keyframes bs-drift{0%{transform:scale(1.1)translate(0%)}to{transform:scale(1.18)translate(-5%,-3%)}}@keyframes bs-pulse{0%,to{opacity:.5}50%{opacity:.74}}@keyframes bs-eq{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}@keyframes bs-fade{0%{opacity:0}to{opacity:1}}.home-splash{z-index:60;background:radial-gradient(130% 90% at 50% -8%,#141414,#0b0b0b 52%,#070707);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .6s;display:flex;position:fixed;inset:0}.home-splash.is-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s,visibility 0s .6s}.home-splash[hidden]{display:none}.home-splash__bars{align-items:flex-end;gap:5px;height:34px;display:flex}.home-splash__bars i{background:var(--bone);transform-origin:bottom;border-radius:2px;width:5px;height:100%;animation:.62s ease-in-out infinite alternate bs-eq}.home-splash__bars i:nth-child(3){background:var(--accent-bright)}.home-splash__word{color:var(--bone-soft);letter-spacing:.34em;text-transform:uppercase;font-size:12px;font-weight:800}.home-toast{z-index:70;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent), 0 20px 50px -20px #000;color:var(--accent-bright);letter-spacing:.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:bs-rise .4s var(--expo) both;background:#080706db;border-radius:3px;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:800;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.home-empty,.home-onboard{color:var(--bone-soft)}.home-onboard{flex-direction:column;align-items:flex-start;gap:14px;max-width:36ch;margin:clamp(40px,12vh,130px) 0;display:flex}.home-onboard__kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--bone-faint);font-size:12px;font-weight:800}.home-onboard__title{font-family:var(--serif);color:var(--bone);margin:0;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:700;line-height:1.08}.home-onboard__sub{color:var(--bone-soft);margin:0 0 8px;font-size:1rem;line-height:1.5}.home-playhead{animation:9s linear infinite alternate bs-scan}.home-playhead.is-live{transition:left .12s linear;animation:none}@media (prefers-reduced-motion:reduce){.home *{transition-duration:80ms!important;animation-duration:.001ms!important}.home-playhead{animation:none!important;left:8%!important}}.bangerpass-root{--accent:var(--song-accent,#d2a45b);--accent-bright:var(--song-accent-bright,#e1bf86);--accent-soft:color-mix(in oklab, var(--accent) 40%, #000);--ink:var(--song-ink,#0a0a0a);--ink-2:var(--song-ink-2,#121211);--ink-3:var(--song-ink-3,#070808);--bone:var(--song-bone,#edebe4);--bone-soft:var(--song-bone-soft,#edebe494);--bone-faint:var(--song-bone-faint,#edebe45c);--line:var(--song-line,#c6aa7a1a);--line-soft:var(--song-line-soft,#c6aa7a0e);--room:#0f0c07;--room-deep:#050403;--warn:#e8a06b;--sans:var(--song-sans,"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif);--lyric-serif:var(--song-lyric-serif,"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif);--expo:var(--song-expo,cubic-bezier(.16, 1, .3, 1));--quart:cubic-bezier(.25, 1, .5, 1);--ls-display:-.03em;--fw-md:500;--fw-xb:800;isolation:isolate;height:100dvh;color:var(--bone);background:var(--ink);font-family:var(--sans);font-weight:var(--fw-md);-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}.bangerpass-root *,.bangerpass-root :before,.bangerpass-root :after{box-sizing:border-box}.bangerpass-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.bangerpass-root .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bangerpass-root .ambient{z-index:0;pointer-events:none;background:radial-gradient(70% 50% at 50% -8%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklab, var(--room) 34%, transparent), var(--ink) 46%, var(--room-deep));transition:background 1s var(--expo);position:absolute;inset:0;overflow:hidden}.bangerpass-root .bp-mesh{pointer-events:none;opacity:.5;background:radial-gradient(34% 36% at 24% 30%, color-mix(in oklab, var(--accent) 40%, transparent), transparent 70%), radial-gradient(36% 40% at 78% 26%, color-mix(in oklab, var(--accent2,var(--accent-bright)) 30%, transparent), transparent 72%), radial-gradient(46% 48% at 52% 86%, color-mix(in oklab, var(--room) 62%, transparent), transparent 74%);filter:blur(46px);animation:bp-drift 38s var(--expo) infinite alternate;position:absolute;inset:-28%;transform:translate(-2%,-1%)scale(1.03)}@keyframes bp-drift{0%{transform:translate(-3%,-1.5%)scale(1.02)}to{transform:translate(3.5%,2.5%)scale(1.09)}}.bangerpass-root .stage{z-index:2;justify-content:center;align-items:center;gap:clamp(20px,2.4vw,38px);width:100%;height:100dvh;padding:clamp(14px,3vh,40px);display:flex;position:relative}.bangerpass-root .stage,.bangerpass-root .card,.bangerpass-root .bp-player,.bangerpass-root .bp-segwrap,.bangerpass-root .lock-meta{min-width:0}.bangerpass-root .card{z-index:2;background:linear-gradient(180deg, color-mix(in oklab, var(--ink-2) 90%, transparent), color-mix(in oklab, var(--ink-3) 92%, transparent));width:100%;max-width:640px;height:100%;max-height:100%;box-shadow:0 40px 120px -50px #000, inset 0 1px 0 var(--line-soft);animation:bp-rise .7s var(--expo) backwards;border-radius:26px;flex-direction:column;gap:clamp(12px,2vh,20px);padding:clamp(18px,2.6vw,32px);display:flex;position:relative;overflow:hidden}@keyframes bp-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.bangerpass-root .bp-head{flex:none;justify-content:space-between;align-items:center;gap:14px;display:flex}.bangerpass-root .bp-headleft{flex:0 auto;align-items:center;gap:14px;min-width:0;display:flex}.bangerpass-root .bp-brand{flex:1;align-items:baseline;gap:12px;min-width:0;display:flex;overflow:hidden}.bangerpass-root .wordmark{font-weight:var(--fw-xb);font-size:var(--song-fs-chrome,12px);letter-spacing:.04em;color:var(--bone);white-space:nowrap}.bangerpass-root .bp-modetag{min-width:0;font-weight:var(--fw-md);font-size:var(--song-fs-qmeta,12.5px);color:var(--bone-soft);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.bangerpass-root .head__right{align-items:center;gap:8px;display:flex}.bangerpass-root .libbtn{font-size:var(--song-fs-chrome,12px);font-weight:var(--fw-xb);letter-spacing:.03em;color:var(--bone);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-soft);transition:background .2s var(--expo), box-shadow .2s var(--expo);background:#edebe414;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 15px 9px 12px;display:inline-flex}.bangerpass-root .libbtn:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 42%, transparent);background:#edebe424}.bangerpass-root .libbtn:focus-visible,.bangerpass-root .cover:focus-visible,.bangerpass-root .fulllink:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.bangerpass-root .bp-player{flex-direction:column;flex:auto;gap:clamp(12px,1.8vh,20px);min-height:0;display:flex}.bangerpass-root .bp-player.is-switching .lyricwin,.bangerpass-root .bp-player.is-switching .bp-lockup{opacity:.18;transition:opacity .28s var(--expo)}.bangerpass-root .lockup{flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,20px);display:grid}.bangerpass-root .cover{aspect-ratio:1;cursor:pointer;background:linear-gradient(150deg, var(--cover-from,var(--accent-soft)), var(--cover-to,var(--accent)));width:clamp(56px,8vw,92px);box-shadow:0 18px 44px -20px color-mix(in oklab, var(--accent) 55%, #000), inset 0 0 0 1px var(--line-soft);border:0;border-radius:16px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.bangerpass-root .bp-cover__img{object-fit:cover;width:100%;height:100%;display:block}.bangerpass-root .bp-cover__initials{font-weight:var(--fw-xb);letter-spacing:.02em;color:#fff;mix-blend-mode:soft-light;opacity:.92;font-size:clamp(1.1rem,2.4vw,1.7rem)}.bangerpass-root .cover:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 20% 0,#ffffff2e,#0000 55%);position:absolute;inset:0}.bangerpass-root .bp-eq{opacity:0;height:13px;transition:opacity .3s var(--expo);pointer-events:none;z-index:2;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:7px;right:7px}.bangerpass-root .bp-eq i{background:#fff;border-radius:2px;width:3px;height:30%;box-shadow:0 0 6px #0006}.bangerpass-root .bp-eq.on{opacity:.92}.bangerpass-root .bp-eq.on i{animation:bp-eq .9s var(--quart) infinite}.bangerpass-root .bp-eq.on i:nth-child(2){animation-duration:.7s}.bangerpass-root .bp-eq.on i:nth-child(3){animation-duration:1.1s}.bangerpass-root .bp-eq.on i:nth-child(4){animation-duration:.82s}@keyframes bp-eq{0%,to{height:24%}50%{height:92%}}.bangerpass-root .lock-meta{min-width:0}.bangerpass-root .title{font-weight:var(--fw-xb);letter-spacing:var(--ls-display);text-wrap:balance;margin:0;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.04}.bangerpass-root .bp-byline{min-width:0;color:var(--bone-soft);flex-wrap:nowrap;align-items:center;gap:4px;margin-top:7px;font-size:clamp(.9rem,1.3vw,1.02rem);display:flex}.bangerpass-root .bp-byline>span{white-space:nowrap;flex:none}.bangerpass-root .bp-byline .midot{color:var(--bone-faint);padding:0 2px}.bangerpass-root .bp-source{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--bone-faint);flex:0 auto;overflow:hidden}.bangerpass-root .bp-segline{flex-wrap:wrap;align-items:center;gap:9px;margin-top:9px;display:flex}.bangerpass-root .bp-choruspill{cursor:pointer;font-weight:var(--fw-xb);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);font-variant-numeric:tabular-nums;background:color-mix(in oklab, var(--accent) 14%, transparent);transition:background .18s var(--expo), box-shadow .18s var(--expo);border:0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 11px;font-size:.76rem;display:inline-flex}.bangerpass-root .bp-choruspill:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 24%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent)}.bangerpass-root .bp-choruspill:active:not(:disabled){transform:translateY(1px)}.bangerpass-root .bp-choruspill:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.bangerpass-root .bp-choruspill:disabled{cursor:default;padding-right:11px}.bangerpass-root .bp-choruspill svg{opacity:.7}.bangerpass-root .bp-reason{color:var(--bone-soft);font-size:.8rem}.bangerpass-root .bp-reason.warn{color:var(--warn)}.bangerpass-root .bp-segwrap{flex-direction:column;flex:none;display:flex}.bangerpass-root .scrub{cursor:pointer;touch-action:none;--seg-start:0%;--seg-end:100%;--play:0%;padding:13px 0;position:relative}.bangerpass-root .scrub__track{height:6px;transition:height .2s var(--expo);background:color-mix(in oklab, var(--bone) 11%, transparent);border-radius:999px;position:relative}.bangerpass-root .scrub:hover .scrub__track,.bangerpass-root .scrub:focus-visible .scrub__track{height:8px}.bangerpass-root .scrub:focus-visible{outline:none}.bangerpass-root .scrub:focus-visible .scrub__track{box-shadow:0 0 0 2px color-mix(in oklab, var(--accent-bright) 55%, transparent)}.bangerpass-root .bp-songband{top:0;bottom:0;left:var(--seg-start);right:calc(100% - var(--seg-end));background:color-mix(in oklab, var(--accent) 26%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent);border-radius:999px;position:absolute}.bangerpass-root .scrub__ticks{pointer-events:none;position:absolute;inset:0}.bangerpass-root .scrub__ticks i{background:color-mix(in oklab, var(--bone) 26%, transparent);border-radius:2px;width:2px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%)}.bangerpass-root .scrub__ticks i.in-seg{background:color-mix(in oklab, var(--accent) 70%, var(--bone))}.bangerpass-root .scrub__fill{left:var(--seg-start);width:max(0px, calc(var(--play) - var(--seg-start)));background:var(--accent);box-shadow:0 0 6px color-mix(in oklab, var(--accent) 55%, transparent);border-radius:999px;transition:width .1s linear;position:absolute;top:0;bottom:0}.bangerpass-root .scrub__knob{top:50%;left:var(--play);background:color-mix(in oklab, var(--accent-bright) 90%, white);width:13px;height:13px;box-shadow:0 2px 7px #0000008c, 0 0 0 5px color-mix(in oklab, var(--accent) 15%, transparent);transition:transform .14s var(--expo), left .1s linear;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.bangerpass-root .scrub:hover .scrub__knob,.bangerpass-root .scrub:focus-visible .scrub__knob{transform:translate(-50%,-50%)scale(1.18)}.bangerpass-root .time-row{font-size:var(--song-fs-time,12px);color:var(--bone-faint);font-variant-numeric:tabular-nums;font-weight:var(--fw-xb);justify-content:space-between;margin-top:4px;display:flex}.bangerpass-root .bp-remain{color:var(--accent-bright)}.sheet-practice{cursor:pointer;letter-spacing:-.01em;background:var(--accent,#d2a45b);color:#0a0807;width:100%;box-shadow:0 14px 30px -16px color-mix(in oklab, var(--accent,#d2a45b) 80%, #000);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin:0 0 18px;padding:13px 18px;font-size:.95rem;font-weight:800;transition:background .2s;display:inline-flex}.sheet-practice:hover{background:var(--accent-bright,#e1bf86)}.sheet-practice:focus-visible{outline:2px solid var(--accent-bright,#e1bf86);outline-offset:2px}.bangerpass-root .lyricwin{text-align:left;flex:auto;min-height:clamp(150px,30vh,380px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 64%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 64%,#0000 100%)}.bangerpass-root .bp-lyriccol{will-change:transform;transition:transform .72s var(--expo);flex-direction:column;align-items:flex-start;gap:clamp(30px,4.4vh,54px);padding:6px 8px;display:flex;position:absolute;top:0;left:0;right:0}.bangerpass-root .lw{font-family:var(--lyric-serif);letter-spacing:-.012em;cursor:pointer;text-align:left;color:var(--bone);max-width:100%;transition:opacity .5s var(--expo), filter .5s var(--expo), color .3s var(--expo);background:0 0;border:0;font-size:clamp(1.6rem,2.5vw,2.05rem);font-weight:600;line-height:1.1}.bangerpass-root .lw[data-d="1"]{opacity:.3}.bangerpass-root .lw[data-d="2"]{opacity:.18;filter:blur(1.4px)}.bangerpass-root .lw[data-d="3"]{opacity:.1;filter:blur(3px)}.bangerpass-root .lw.is-upcoming{opacity:.3;filter:none}.bangerpass-root .lw:hover:not(.is-active){color:var(--accent-bright);opacity:.9;filter:none}.bangerpass-root .lw.is-active{letter-spacing:-.015em;color:var(--bone);opacity:1;filter:none;cursor:default;font-size:clamp(1.85rem,2.9vw,2.35rem);font-weight:800;line-height:1.12}.bangerpass-root .lw:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:6px}.bangerpass-root .bp-word{color:var(--bone);opacity:calc(.62 + (var(--wp,0) * .38));transition:opacity .22s var(--expo)}.bangerpass-root .lyricwin.is-countdown .bp-lyriccol{opacity:.32;transition:opacity .4s var(--expo)}.bangerpass-root .fulllink{cursor:pointer;font-size:.72rem;font-weight:var(--fw-xb);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-soft);background:#edebe40a;border:0;border-radius:999px;flex:none;align-self:center;align-items:center;padding:7px 16px;transition:color .2s,background .2s;display:inline-flex}.bangerpass-root .fulllink:hover{color:var(--bone);background:#edebe417}.bangerpass-root .transport{flex:none;justify-content:center;align-items:center;gap:clamp(12px,2vw,22px);padding-top:2px;display:flex}.bangerpass-root .tbtn{width:46px;height:46px;color:var(--bone);cursor:pointer;transition:background .2s var(--expo), color .2s var(--expo), transform .12s var(--expo);background:#edebe40f;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.bangerpass-root .tbtn:hover{background:#edebe421}.bangerpass-root .tbtn:active{transform:scale(.9)}.bangerpass-root .tbtn:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.bangerpass-root .tbtn.ghost{width:44px;height:44px;color:var(--bone-faint);background:0 0}.bangerpass-root .tbtn.ghost:hover{color:var(--bone-soft);background:#edebe40f}.bangerpass-root .tbtn.ghost.on{color:var(--accent-bright);background:color-mix(in oklab, var(--accent) 12%, transparent)}.bangerpass-root .tbtn.play{background:var(--accent);width:64px;height:64px;color:var(--ink);box-shadow:0 16px 36px -14px color-mix(in oklab, var(--accent) 80%, #000)}.bangerpass-root .tbtn.play:hover{background:var(--accent-bright)}.bangerpass-root .bp-empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;min-height:0;padding:20px;display:flex}.bangerpass-root .bp-empty__mark{color:var(--bone-faint);font-size:34px;line-height:1}.bangerpass-root .bp-empty__msg{font-family:var(--lyric-serif);color:var(--bone);max-width:26ch;margin:0;font-size:clamp(1.2rem,2.4vw,1.6rem)}.bangerpass-root .bp-empty__hint{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:var(--fw-xb);color:var(--bone-faint);margin:0}.bangerpass-root .bp-replay{color:var(--ink);background:var(--accent);font-weight:var(--fw-xb);box-shadow:0 12px 28px -16px color-mix(in oklab, var(--accent) 85%, #000);transition:background .2s var(--expo);border-radius:12px;padding:10px 18px;font-size:.86rem}.bangerpass-root .bp-replay:hover{background:var(--accent-bright)}.bangerpass-root .bp-replay:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.bangerpass-root .queue-pane{display:none}.bangerpass-root .queue-pane__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.bangerpass-root .kicker{font-weight:var(--fw-xb);font-size:var(--song-fs-chrome,12px);letter-spacing:.26em;text-transform:uppercase;color:var(--bone-soft)}.bangerpass-root .bp-progress{font-weight:var(--fw-xb);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.bangerpass-root .queue-list{counter-reset:q;scrollbar-width:thin;flex:auto;min-height:0;margin:2px -6px 0;padding:0 6px;list-style:none;overflow-y:auto}.bangerpass-root .queue-list::-webkit-scrollbar{width:7px}.bangerpass-root .queue-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.bangerpass-root .queue-list li{counter-increment:q}.bangerpass-root .queue-list button{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--line-soft);width:100%;transition:background .15s var(--expo);background:0 0;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 8px;display:grid}.bangerpass-root .queue-list button:hover{background:#edebe40d}.bangerpass-root .queue-list button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-2px}.bangerpass-root .queue-list button.is-cur{background:color-mix(in oklab, var(--accent) 12%, transparent)}.bangerpass-root .queue-list button.is-cur .qt{color:var(--accent-bright)}.bangerpass-root .qcover{background:linear-gradient(150deg, var(--qc-a,var(--accent-soft)), var(--qc-b,var(--accent)));width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:9px;flex:none;place-items:center;display:grid;overflow:hidden}.bangerpass-root .qcover img{object-fit:cover;width:100%;height:100%;display:block}.bangerpass-root .qcover span{font-weight:var(--fw-xb);color:#fff;mix-blend-mode:soft-light;font-size:11px}.bangerpass-root .queue-list .qmeta{min-width:0;display:block}.bangerpass-root .queue-list .qt{font-weight:var(--fw-xb);font-size:var(--song-fs-qtitle,14px);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.bangerpass-root .queue-list .qa{color:var(--bone-soft);font-size:var(--song-fs-qmeta,12.5px);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;display:block;overflow:hidden}.bangerpass-root .queue-list .qd{color:var(--bone-faint);font-size:var(--song-fs-qmeta,12.5px);font-variant-numeric:tabular-nums}@media (width>=940px){.bangerpass-root .stage{grid-template-columns:minmax(0,1.42fr) minmax(312px,.6fr);justify-content:center;align-items:stretch;max-width:1320px;margin:0 auto;display:grid}.bangerpass-root .card{max-width:none}.bangerpass-root .queue-pane{background:linear-gradient(180deg, color-mix(in oklab, var(--ink-2) 82%, transparent), color-mix(in oklab, var(--ink-3) 88%, transparent));height:100%;min-height:0;box-shadow:0 40px 120px -50px #000, inset 0 1px 0 var(--line-soft);animation:bp-rise .7s var(--expo) 60ms backwards;border-radius:26px;flex-direction:column;gap:14px;padding:clamp(22px,2.2vw,30px);display:flex}}.bp-scrim{z-index:19;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s var(--expo);background:oklab(14.4788% 7.45058e-9 7.45058e-9/.66);border:0;position:fixed;inset:0}.bp-scrim.open{opacity:1;pointer-events:auto}.sheet.bp-sheet{z-index:20;--accent:var(--song-accent,#d2a45b);--accent-bright:var(--song-accent-bright,#e1bf86);--bone:#edebe4;--bone-soft:#edebe494;--bone-faint:#edebe45c;--line-soft:#c6aa7a0e;--lyric-serif:"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;--fw-xb:800;--warn:#e8a06b;--expo:cubic-bezier(.16,1,.3,1);width:min(560px,100vw);max-height:86dvh;color:var(--bone);box-shadow:0 -30px 90px -30px #000, inset 0 1px 0 var(--line-soft);transition:transform .42s var(--expo);background:linear-gradient(oklab(18.1787% -.000573158 .00192292/.96),#070808);border-radius:26px 26px 0 0;flex-direction:column;padding:clamp(24px,3vw,34px) clamp(22px,3vw,32px) 0;font-family:Helvetica Now Display,Helvetica Neue,Arial,sans-serif;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%,100%)}.sheet.bp-sheet.open{transform:translate(-50%)}.bp-sheet .bp-queue,.bp-sheet .bp-lyriclist,.bp-sheet .bp-choruses{scrollbar-width:thin;padding-bottom:calc(26px + env(safe-area-inset-bottom));flex:auto;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.bp-sheet .sheet__close{width:36px;height:36px;color:var(--bone-soft);cursor:pointer;background:#edebe40f;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.bp-sheet .sheet__close:hover{color:var(--bone)}.bp-sheet .sheet__close:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.bp-sheet .sheet__h{font-weight:var(--fw-xb);letter-spacing:-.025em;margin:6px 0;font-size:clamp(1.5rem,3vw,2rem)}.bp-sheet .sheet__sub{color:var(--bone-soft);margin:0 0 18px;font-size:.9rem;line-height:1.5}.bp-sheet .tracklist{counter-reset:q;margin:0;padding:0;list-style:none}.bp-sheet .tracklist li{counter-increment:q}.bp-sheet .bp-queue button{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--line-soft);width:100%;transition:background .15s var(--expo);background:0 0;border-radius:8px;grid-template-columns:24px 46px 1fr auto;align-items:center;gap:13px;padding:12px 6px;display:grid}.bp-sheet .bp-queue button:before{content:counter(q, decimal-leading-zero);font-weight:var(--fw-xb);color:var(--bone-faint);letter-spacing:.06em;font-size:10.5px}.bp-sheet .bp-queue .bp-qcover{background:color-mix(in oklab, var(--accent) 22%, #14110d);border-radius:10px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.bp-sheet .bp-queue .bp-qcover img{object-fit:cover;width:100%;height:100%}.bp-sheet .bp-queue .bp-qcover>span{font-weight:var(--fw-xb);color:var(--bone-soft);font-size:1.05rem}.bp-sheet .bp-queue button:hover{background:#edebe40d}.bp-sheet .bp-queue button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-2px}.bp-sheet .bp-queue button.is-cur .tt,.bp-sheet .bp-queue button.is-cur:before{color:var(--accent-bright)}.bp-sheet .bp-queue .tmeta{min-width:0;display:block;overflow:hidden}.bp-sheet .bp-queue .tt{font-weight:var(--fw-xb);white-space:nowrap;text-overflow:ellipsis;font-size:1.04rem;display:block;overflow:hidden}.bp-sheet .bp-queue .ta{color:var(--bone-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;display:block;overflow:hidden}.bp-sheet .bp-queue .treason{color:var(--accent-bright);font-size:.72rem;font-weight:var(--fw-xb);align-items:center;gap:6px;margin-top:3px;display:inline-flex}.bp-sheet .bp-queue .treason.warn{color:var(--warn)}.bp-sheet .bp-queue .td{color:var(--bone-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.bp-sheet .bp-lyriclist{flex-direction:column;gap:1px;display:flex}.bp-sheet .bp-lyriclist button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:baseline;gap:16px;width:100%;padding:9px 10px;transition:background .15s;display:flex}.bp-sheet .bp-lyriclist button:hover{background:#edebe40f}.bp-sheet .bp-lyriclist button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-2px}.bp-sheet .bp-lyriclist button.is-active{background:color-mix(in oklab, var(--accent) 13%, transparent)}.bp-sheet .bp-lyriclist button.in-seg time{color:var(--accent-bright)}.bp-sheet .bp-lyriclist time{color:var(--bone-faint);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:var(--fw-xb);flex:0 0 48px}.bp-sheet .bp-lyriclist span{font-size:1rem;font-family:var(--lyric-serif);color:var(--bone)}.bp-sheet .bp-lyriclist button.is-active span{font-weight:700}.bp-sheet .bp-choruses{flex-direction:column;gap:14px;display:flex}.bp-sheet .bp-chblock{box-shadow:inset 0 0 0 1px var(--line-soft);background:#edebe409;border-radius:14px;overflow:hidden}.bp-sheet .bp-chblock__head{justify-content:space-between;align-items:baseline;gap:10px;padding:13px 15px 9px;display:flex}.bp-sheet .bp-chblock__head b{font-weight:var(--fw-xb);font-size:1rem}.bp-sheet .bp-chblock__head time{color:var(--accent-bright);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:var(--fw-xb)}.bp-sheet .bp-chline{font-family:var(--lyric-serif);color:var(--bone-soft);padding:4px 15px;font-size:1.02rem;line-height:1.35}.bp-sheet .bp-chline:last-child{padding-bottom:13px}.bangerpass-root .toast{z-index:30;font-size:13px;font-weight:var(--fw-xb);background:var(--ink-2);color:var(--bone);box-shadow:0 16px 40px -18px #000, inset 0 1px 0 var(--line-soft);opacity:0;pointer-events:none;transition:opacity .3s var(--expo), transform .3s var(--expo);border-radius:999px;padding:11px 18px;position:fixed;bottom:26px;left:50%;transform:translate(-50%,14px)}.bangerpass-root .toast.on{opacity:1;transform:translate(-50%)}@media (width<=560px){.bangerpass-root .stage{align-items:stretch;padding:0}.bangerpass-root .card{max-width:none;height:100dvh;padding:max(14px, env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));border-radius:0;justify-content:space-between;gap:14px}.bangerpass-root .lyricwin{min-height:0}.bangerpass-root .lw[data-d="2"],.bangerpass-root .lw[data-d="3"]{filter:none}.bangerpass-root .bp-mesh{display:none}.sheet.bp-sheet{width:100vw}.bangerpass-root .title{font-size:clamp(1.4rem,6.5vw,1.9rem)}.bangerpass-root .bp-brand{gap:8px}.bangerpass-root .wordmark{text-overflow:ellipsis;overflow:hidden}.bangerpass-root .libbtn{min-height:44px}.bangerpass-root .fulllink{min-height:38px}.bp-sheet .sheet__close{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.bangerpass-root .scrub__fill{box-shadow:none}.bangerpass-root .bp-eq.on i{height:55%;animation:none}.bangerpass-root .bp-mesh{animation:none}.bangerpass-root .bp-lyriccol{transition:none}.bangerpass-root .lw{filter:none;transition:opacity .12s linear}}.settings-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0404059e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-panel{border:1px solid var(--line,#edebe41a);background:#0d0c0b;border-radius:4px;flex-direction:column;gap:22px;width:min(440px,100%);max-height:86vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #0009}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h2{color:var(--text,#edebe4);margin:0;font-size:1.15rem;font-weight:800}.settings-close{width:32px;height:32px;color:var(--muted,#edebe48c);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:background .16s,color .16s;display:inline-flex}.settings-close:hover{color:var(--text,#edebe4);background:#edebe40f}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-section h3{letter-spacing:.18em;text-transform:uppercase;color:var(--muted,#edebe48c);margin:0;font-size:11px;font-weight:800}.settings-meta{color:var(--muted,#edebe4b3);align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.settings-meta strong{color:var(--text,#edebe4)}.settings-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-ghost{color:var(--muted,#edebe4b3);cursor:pointer;background:0 0;border:1px solid #edebe429;border-radius:3px;padding:11px 16px;font-size:.86rem;font-weight:700;transition:border-color .16s,color .16s}.settings-ghost:hover:not(:disabled){color:var(--text,#edebe4);border-color:#edebe452}.settings-ghost:disabled{opacity:.5;cursor:not-allowed}.settings-install{color:var(--coral,#e1bf86);cursor:pointer;background:#d8a85e1a;border:1px solid #d8a85e52;border-radius:3px;align-self:flex-start;align-items:center;gap:8px;padding:11px 16px;font-size:.9rem;font-weight:800;transition:background .16s,border-color .16s;display:inline-flex}.settings-install:hover{background:#d8a85e29;border-color:#d8a85e80}.settings-note,.settings-about{color:var(--muted,#edebe480);margin:0;font-size:.82rem}.settings-about{border-top:1px solid var(--line,#edebe414);padding-top:6px}.workout-root{--song-ink:#f6f1e7;--song-ink-2:#fdfbf6;--song-ink-3:#efe7d8;--song-bone:#1b1611;--song-bone-soft:#1b161199;--song-bone-faint:#1b161161;--song-line:#7a5a262e;--song-line-soft:#7a5a261a;--song-accent:#b08034;--song-accent-bright:#8a6426;--song-expo:cubic-bezier(.16, 1, .3, 1);--paper:var(--song-ink);--card:var(--song-ink-2);--card-deep:var(--song-ink-3);--ink:var(--song-bone);--ink-soft:var(--song-bone-soft);--ink-faint:var(--song-bone-faint);--line:var(--song-line);--line-soft:var(--song-line-soft);--accent:var(--song-accent);--accent-deep:var(--song-accent-bright);--amber-fill:#d2a45b;--amber-wash:#e1bf86;--wk-amb:var(--amber-fill);--wk-amb-soft:var(--amber-wash);--expo:var(--song-expo);--sans:"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;isolation:isolate;height:100dvh;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-weight:500;position:relative;overflow:hidden}.workout-root *,.workout-root :before,.workout-root :after{box-sizing:border-box}.workout-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.workout-root button:focus-visible,.workout-root .wk-toggle:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.workout-root .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workout-root .wk-ambient{z-index:0;pointer-events:none;background:radial-gradient(72% 54% at 50% -10%, color-mix(in oklab, var(--wk-amb-soft) 34%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in oklab, var(--wk-amb-soft) 10%, transparent), transparent 40%);transition:background .7s var(--expo), opacity .7s var(--expo);position:absolute;inset:0}.workout-root.is-running[data-phase=work] .wk-ambient{background:radial-gradient(80% 62% at 50% -12%, color-mix(in oklab, var(--wk-amb) 58%, transparent), transparent 64%), radial-gradient(52% 40% at 12% 108%, color-mix(in oklab, var(--wk-amb-soft) 34%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--wk-amb-soft) 22%, transparent), transparent 52%)}.workout-root .wk-ambient:after{content:"";opacity:var(--hr-heat,0);background:radial-gradient(90% 70% at 50% 118%, color-mix(in oklab, var(--amber-fill) 70%, #c8631f), transparent 66%), radial-gradient(70% 55% at 50% -12%, color-mix(in oklab, var(--amber-fill) 40%, #c8631f), transparent 60%);transition:opacity .9s var(--expo);position:absolute;inset:0}.workout-root[data-holding=true] .wk-ambient{animation:wk-holdpulse 2.4s var(--expo) infinite}@keyframes wk-holdpulse{0%,to{opacity:1}50%{opacity:.78}}.workout-root.is-running[data-phase=rest] .wk-ambient{background:radial-gradient(70% 50% at 50% -10%, color-mix(in oklab, var(--wk-amb-soft) 16%, transparent), transparent 60%)}.workout-root.is-paused .wk-ambient{opacity:.45}.workout-root.is-complete .wk-ambient{background:radial-gradient(76% 58% at 50% -10%, color-mix(in oklab, var(--wk-amb) 44%, transparent), transparent 64%), linear-gradient(180deg, color-mix(in oklab, var(--wk-amb-soft) 16%, transparent), transparent 46%)}.workout-root .wk-grain{z-index:20;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background:url(/songmap-brand/grain.png);position:absolute;inset:0}.workout-root .wk-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:11px;font-weight:800}.workout-root .wk-title{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:6px 0 0;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;line-height:1.04}.workout-root .wk-sub{max-width:56ch;color:var(--ink-soft);margin:10px 0 0;font-size:14px;line-height:1.55}.workout-root .wk-field__label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px;font-size:11px;font-weight:800}.workout-root .wk-scroll{z-index:2;height:100%;padding:clamp(20px, 4vh, 44px) clamp(16px, 4vw, 44px) calc(clamp(20px, 4vh, 44px) + env(safe-area-inset-bottom));scrollbar-width:thin;position:relative;overflow-y:auto}.workout-root .wk-setup,.workout-root .wk-complete{max-width:1080px;animation:wk-rise .7s var(--expo) backwards;margin:0 auto}@keyframes wk-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.workout-root .wk-setup__grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:clamp(18px,2.6vw,32px);margin-top:clamp(18px,3vh,30px);display:grid}.workout-root .wk-config{flex-direction:column;gap:clamp(16px,2.4vh,24px);display:flex}.workout-root .wk-splitcards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.workout-root .wk-splitcard{text-align:left;border:1px solid var(--line);background:var(--card);transition:border-color .16s var(--expo), background .16s var(--expo), transform .16s var(--expo);border-radius:14px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.workout-root .wk-splitcard:hover{transform:translateY(-1px)}.workout-root .wk-splitcard.is-active{border-color:var(--accent);background:color-mix(in oklab, var(--amber-wash) 18%, var(--card));box-shadow:0 12px 30px -18px color-mix(in oklab, var(--accent) 60%, transparent)}.workout-root .wk-splitcard__name{letter-spacing:-.01em;font-size:15px;font-weight:800}.workout-root .wk-splitcard__cats{color:var(--ink-soft);font-size:12px}.workout-root .wk-segment{border:1px solid var(--line);background:var(--card);border-radius:999px;gap:2px;width:fit-content;padding:3px;display:inline-flex}.workout-root .wk-segment button{color:var(--ink-soft);transition:background .14s var(--expo), color .14s var(--expo);border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:800}.workout-root .wk-segment button.is-active{background:var(--amber-fill);color:#1b1611}.workout-root .wk-chips{flex-wrap:wrap;gap:8px;display:flex}.workout-root .wk-chip{border:1px solid var(--line);background:var(--card);color:var(--ink-faint);transition:color .14s var(--expo), border-color .14s var(--expo), background .14s var(--expo);border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:800}.workout-root .wk-chip:hover{color:var(--ink-soft);border-color:var(--accent)}.workout-root .wk-chip.is-active{background:color-mix(in oklab, var(--amber-wash) 22%, var(--card));border-color:var(--accent);color:var(--ink)}.workout-root .wk-warn{color:var(--accent-deep);margin:10px 0 0;font-size:12.5px;font-weight:800}.workout-root .wk-hr{flex-direction:column;gap:8px;display:flex}.workout-root .wk-hr__connect,.workout-root .wk-hr__disconnect{border:1px solid var(--line);background:var(--card);color:var(--ink);width:fit-content;transition:border-color .14s var(--expo), color .14s var(--expo);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:800;display:inline-flex}.workout-root .wk-hr__connect:hover{border-color:var(--accent)}.workout-root .wk-hr__connect:disabled{opacity:.6;cursor:default}.workout-root .wk-hr__live{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workout-root .wk-hr__bpm{letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:18px;font-weight:800;display:inline-flex}.workout-root .wk-hr__bpm svg{color:#c8631f}.workout-root .wk-hr__unit{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:800}.workout-root .wk-hr__zone{background:color-mix(in oklab, var(--amber-wash) 24%, var(--card));border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800}.workout-root .wk-hr__disconnect{color:var(--ink-soft);padding:7px 14px;font-size:12px}.workout-root .wk-hr__max{color:var(--ink-soft);align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.workout-root .wk-hr__max input{border:1px solid var(--line);background:var(--card);width:72px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;border-radius:10px;padding:8px 10px;font-weight:800}.workout-root .wk-hr__max input:focus-visible{outline:2px solid var(--accent-deep);outline-offset:1px}.workout-root .wk-hrchip{border:1px solid var(--line);background:var(--card);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.workout-root .wk-hrchip svg{color:#c8631f}.workout-root .wk-hrchip__zone{letter-spacing:.06em;color:var(--ink-faint);font-size:10px}.workout-root .wk-hrchip.is-zone-4{border-color:color-mix(in oklab, #c8631f 45%, var(--line))}.workout-root .wk-hrchip.is-zone-5{color:#c8631f;border-color:#c8631f}.workout-root .wk-hrchip.is-zone-5 svg,.workout-root .wk-hrchip.is-zone-5 .wk-hrchip__zone{color:#c8631f}.workout-root .wk-clock--hr{color:#c8631f;align-items:baseline;gap:10px;display:inline-flex}.workout-root .wk-clock__unit{letter-spacing:.02em;color:var(--ink-faint);font-size:clamp(20px,4vh,34px);font-weight:800}.workout-root .wk-toggle{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}.workout-root .wk-toggle+.wk-toggle{margin-top:8px}.workout-root .wk-toggle:disabled{cursor:default;opacity:.55}.workout-root .wk-toggle__text{flex-direction:column;gap:3px;min-width:0;display:flex}.workout-root .wk-toggle__name{align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.workout-root .wk-toggle__hint{color:var(--ink-soft);font-size:12px}.workout-root .wk-toggle__track{width:38px;height:22px;transition:background .16s var(--expo);background:#1b161129;border-radius:999px;flex:none;position:relative}.workout-root .wk-toggle__track i{background:var(--card);width:16px;height:16px;transition:transform .16s var(--expo);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1b161159}.workout-root .wk-toggle[aria-checked=true] .wk-toggle__track{background:var(--accent)}.workout-root .wk-toggle[aria-checked=true] .wk-toggle__track i{transform:translate(16px)}.workout-root .wk-startrow{align-items:center;gap:12px;margin-top:clamp(4px,1vh,10px);display:flex}.workout-root .wk-start{background:var(--amber-fill);color:#1b1611;letter-spacing:-.01em;box-shadow:0 16px 36px -14px color-mix(in oklab, var(--accent) 80%, #442e08);transition:transform .14s var(--expo), box-shadow .14s var(--expo);border-radius:999px;align-items:center;gap:9px;padding:14px 26px;font-size:15px;font-weight:800;display:inline-flex}.workout-root .wk-start:hover{box-shadow:0 20px 42px -14px color-mix(in oklab, var(--accent) 85%, #442e08);transform:translateY(-1px)}.workout-root .wk-start:active{transform:translateY(1px)}.workout-root .wk-start:disabled{cursor:default;opacity:.45;box-shadow:none;transform:none}.workout-root .wk-remix{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);transition:color .14s var(--expo), border-color .14s var(--expo);border-radius:999px;align-items:center;gap:7px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex}.workout-root .wk-remix:hover{color:var(--ink);border-color:var(--accent)}.workout-root .wk-plan,.workout-root .wk-rail{border:1px solid var(--line-soft);background:linear-gradient(180deg, var(--card), color-mix(in oklab, var(--card-deep) 55%, var(--card)));border-radius:18px;flex-direction:column;min-height:0;padding:16px 10px 10px 16px;display:flex;box-shadow:0 30px 80px -50px #5a3c148c,inset 0 1px #ffffffb3}.workout-root .wk-plan{max-height:min(64vh,560px)}.workout-root .wk-plan__head{padding-right:8px}.workout-root .wk-plan__stats{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:12px}.workout-root .wk-plan__list{scrollbar-width:thin;min-height:0;margin:0;padding:0 8px 12px 0;list-style:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.workout-root .wk-plan__list::-webkit-scrollbar{width:7px}.workout-root .wk-plan__list::-webkit-scrollbar-thumb{background:#1b16112e;border-radius:999px}.workout-root .wk-plan__row{transition:background .2s var(--expo), opacity .3s var(--expo);border-radius:10px;grid-template-columns:24px 1fr;gap:10px;padding:8px 8px 8px 10px;display:grid;position:relative}.workout-root .wk-plan__num{color:var(--ink-faint);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12px;font-weight:800}.workout-root .wk-plan__body{flex-direction:column;gap:2px;min-width:0;display:flex}.workout-root .wk-plan__name{letter-spacing:-.01em;align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:inline-flex}.workout-root .wk-plan__name svg{color:var(--accent-deep);flex:none}.workout-root .wk-plan__meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.workout-root .wk-plan__row.is-done{opacity:.4}.workout-root .wk-plan__row.is-current{background:color-mix(in oklab, var(--amber-wash) 26%, transparent)}.workout-root .wk-plan__row.is-current:before{content:"";background:var(--accent);border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.workout-root .wk-session{z-index:2;height:100%;min-height:0;padding:clamp(14px, 2.4vh, 26px) clamp(16px, 3vw, 40px) calc(clamp(12px, 2vh, 22px) + env(safe-area-inset-bottom));animation:wk-rise .7s var(--expo) backwards;flex-direction:column;display:flex;position:relative}.workout-root .wk-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.workout-root .wk-head__left{min-width:0}.workout-root .wk-head__count{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:12.5px}.workout-root .wk-head__right{align-items:center;gap:10px;display:flex}.workout-root .wk-pill,.workout-root .wk-endbtn{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);transition:color .14s var(--expo), border-color .14s var(--expo);border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.workout-root .wk-pill:hover,.workout-root .wk-endbtn:hover{color:var(--ink);border-color:var(--accent)}.workout-root .wk-pill[aria-pressed=true]{color:var(--ink-faint);background:0 0}.workout-root .wk-progress{background:#1b16111f;border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.workout-root .wk-progress i{background:linear-gradient(90deg, var(--amber-fill), var(--accent));height:100%;box-shadow:0 0 10px color-mix(in oklab, var(--accent) 55%, transparent);border-radius:999px;transition:width .4s linear;display:block}.workout-root .wk-stagegrid{flex:auto;grid-template-columns:minmax(0,1fr) 312px;gap:clamp(16px,2.4vw,30px);min-height:0;margin-top:clamp(12px,2vh,20px);display:grid}.workout-root .wk-stage{text-align:center;border:1px solid var(--line-soft);background:linear-gradient(180deg, var(--card), color-mix(in oklab, var(--card-deep) 45%, var(--card)));border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.4vh,12px);min-height:0;padding:clamp(16px,3vh,32px);display:flex;box-shadow:0 40px 110px -60px #5a3c1499,inset 0 1px #ffffffbf}.workout-root .wk-phase{flex-direction:column;align-items:center;gap:8px;display:flex}.workout-root .wk-phaselabel{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);transition:color .3s var(--expo);margin:0;font-size:clamp(13px,1.6vw,15px);font-weight:800}.workout-root .wk-phaselabel.is-work{color:var(--accent-deep)}.workout-root .wk-phaselabel.is-paused{color:var(--ink-faint)}.workout-root .wk-rhythm{border:1px solid var(--line);color:var(--ink-soft);font-variant-numeric:tabular-nums;background:#1b16110b;border-radius:999px;margin:0;padding:4px 12px;font-size:12px;font-weight:800}.workout-root .wk-clock{letter-spacing:-.045em;font-variant-numeric:tabular-nums;transition:color .3s var(--expo);font-size:clamp(96px,24vh,200px);font-weight:800;line-height:.9}.workout-root[data-phase=rest].is-running .wk-clock{color:#1b16118c}.workout-root .wk-dots{place-items:center;height:14px;display:grid}.workout-root .wk-excue{flex-direction:column;gap:5px;max-width:58ch;display:flex}.workout-root .wk-excue__kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:11px;font-weight:800}.workout-root .wk-excue__name{font-family:var(--sans);letter-spacing:-.02em;color:var(--ink);text-transform:none;text-wrap:balance;margin:0;font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:800;line-height:1.1}.workout-root .wk-excue__desc{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.workout-root .wk-swap{border:1px solid var(--line);color:var(--ink-faint);transition:color .14s var(--expo), border-color .14s var(--expo);background:0 0;border-radius:999px;align-items:center;gap:6px;margin:6px auto 0;padding:7px 13px;font-size:11.5px;font-weight:800;display:inline-flex}.workout-root .wk-swap:hover{color:var(--accent-deep);border-color:var(--accent)}.workout-root .wk-head__right{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.workout-root .wk-footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(16px,4vw,48px);margin-top:clamp(10px,1.8vh,18px);padding-top:clamp(10px,1.6vh,16px);display:flex}.workout-root .wk-transport{align-items:center;gap:clamp(10px,1.4vw,16px);display:flex}.workout-root .wk-tctl{width:50px;height:50px;color:var(--ink-soft);transition:background .16s var(--expo), color .16s var(--expo), transform .14s var(--expo), box-shadow .22s var(--expo);background:#1b16110d;border-radius:50%;place-items:center;display:grid}.workout-root .wk-tctl:hover{color:var(--ink);background:#1b16111a}.workout-root .wk-tctl:active{transform:scale(.94)}.workout-root .wk-tctl:disabled{opacity:.38;pointer-events:none}.workout-root .wk-tctl--exit{width:44px;height:44px;color:var(--ink-faint);background:0 0}.workout-root .wk-tctl--exit:hover{color:var(--ink-soft);background:#1b16110f}.workout-root .wk-tctl--play{color:#1b1611;background:linear-gradient(180deg, var(--amber-wash), var(--amber-fill));width:66px;height:66px;box-shadow:0 14px 30px -12px color-mix(in oklab, var(--accent) 80%, #442e08), inset 0 1px 0 #ffffff80}.workout-root .wk-tctl--play:hover{box-shadow:0 18px 40px -12px color-mix(in oklab, var(--accent) 88%, #442e08), inset 0 1px 0 #ffffff8c}.workout-root .wk-player{border:1px solid var(--line);background:var(--card);border-radius:15px;align-items:center;gap:11px;width:min(420px,92vw);min-width:0;padding:8px 10px 8px 8px;display:flex;box-shadow:0 14px 34px -22px #5a3c148c,inset 0 1px #fff9}.workout-root .wk-player__art{width:44px;height:44px;color:var(--accent-deep);background-color:color-mix(in oklab, var(--wk-amb) 34%, var(--card-deep));background-position:50%;background-size:cover;border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #1b161114}.workout-root .wk-player__meta{flex-direction:column;flex:auto;justify-content:center;gap:1px;min-width:0;display:flex}.workout-root .wk-player__title{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.workout-root .wk-player__artist{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.workout-root .wk-player__ctrls{flex:none;align-items:center;gap:2px;display:flex}.workout-root .wk-player__btn{width:34px;height:34px;color:var(--ink-soft);transition:background .16s var(--expo), color .16s var(--expo), transform .14s var(--expo);border-radius:50%;place-items:center;display:grid}.workout-root .wk-player__btn:hover{color:var(--ink);background:#1b161114}.workout-root .wk-player__btn:active{transform:scale(.92)}.workout-root .wk-player__btn--play{background:var(--ink);width:36px;height:36px;color:var(--song-ink-2)}.workout-root .wk-player__btn--play:hover{background:var(--ink);color:var(--song-ink-2);transform:scale(1.06)}.workout-root .wk-player__idle{min-width:0;color:var(--ink-faint);align-items:center;gap:8px;padding:4px 6px;font-size:12px;font-weight:500;display:inline-flex}.workout-root .wk-player__idle svg{color:var(--ink-faint);flex:none}.workout-root .wk-player .volume-control{flex:none;align-items:center;gap:4px;padding-left:2px;display:flex}.workout-root .wk-player .volume-control__btn{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.workout-root .wk-player .volume-control__slider{width:56px}.workout-root .wk-viewtoggle{border:1px solid var(--line);background:#1b16110b;border-radius:999px;padding:3px;display:inline-flex}.workout-root .wk-viewbtn{color:var(--ink-faint);transition:color .14s var(--expo), background .14s var(--expo);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.workout-root .wk-viewbtn.is-active{color:var(--ink);background:var(--card);box-shadow:0 1px 3px #5a3c1424}.workout-root .wk-lyricstage{flex-direction:column;flex:auto;align-items:center;gap:clamp(8px,1.6vh,16px);min-height:0;margin-top:clamp(10px,2vh,18px);display:flex}.workout-root .wk-lyrichud{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:14px;display:flex}.workout-root .wk-lyrichud__phase{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);transition:color .3s var(--expo);font-size:12px;font-weight:800}.workout-root .wk-lyrichud__phase.is-work{color:var(--accent-deep)}.workout-root .wk-lyrichud__clock{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(30px,6vh,46px);font-weight:800;line-height:1}.workout-root[data-phase=rest].is-running .wk-lyrichud__clock{color:#1b16118c}.workout-root .wk-lyrichud__clock em{color:var(--ink-faint);margin-left:2px;font-size:.42em;font-style:normal;font-weight:800}.workout-root .wk-lyrichud__ex{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:46ch;font-size:12.5px;font-weight:800;overflow:hidden}.workout-root .wk-lyrics{flex:auto;width:100%;max-width:760px;min-height:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 78%,#0000);mask-image:linear-gradient(#0000,#000 16% 78%,#0000)}.workout-root .wk-lyrics__col{text-align:center;will-change:transform;transition:transform .48s var(--expo);flex-direction:column;gap:clamp(10px,1.8vh,20px);padding:0 clamp(8px,3vw,28px);display:flex;position:absolute;inset:0 0 auto}.workout-root .wk-lyricline{letter-spacing:-.01em;text-wrap:balance;color:var(--ink);transition:opacity .3s var(--expo), color .3s var(--expo);margin:0;font-size:clamp(1.05rem,3.4vw,1.7rem);font-weight:800;line-height:1.18}.workout-root .wk-lyricline.is-past{opacity:.28}.workout-root .wk-lyricline.is-future{opacity:.4}.workout-root .wk-lyricline.is-active{opacity:1}.workout-root .wk-word{transition:color .16s linear}.workout-root .wk-word.is-lit{color:var(--accent-deep)}.workout-root .wk-lyrics--empty{place-items:center;display:grid;-webkit-mask-image:none;mask-image:none}.workout-root .wk-lyrics__placeholder{text-align:center;max-width:36ch;color:var(--ink-faint);margin:0;font-size:14px;font-weight:800;line-height:1.5}.workout-root .wk-complete{max-width:760px;padding-top:clamp(16px,8vh,80px)}.workout-root .wk-complete__stats{flex-wrap:wrap;gap:clamp(18px,3vw,34px);margin:clamp(20px,4vh,34px) 0;display:flex}.workout-root .wk-complete__stats>div{flex-direction:column;gap:3px;display:flex}.workout-root .wk-stat__num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.workout-root .wk-stat__label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:800}.workout-root .volume-control__btn{background:#1b16110f}.workout-root .volume-control__btn:hover{background:#1b16111c}.workout-root .volume-control__slider{background:linear-gradient(90deg, var(--accent) calc(var(--vol,1) * 100%), #1b161129 calc(var(--vol,1) * 100%))}.workout-root .volume-control__slider::-webkit-slider-thumb{box-shadow:0 1px 4px #5a3c1480}@media (width<=980px){.workout-root .wk-setup__grid{grid-template-columns:1fr}.workout-root .wk-plan{max-height:420px}.workout-root .wk-stagegrid{grid-template-columns:1fr}.workout-root .wk-rail{display:none}}@media (width<=560px){.workout-root .wk-splitcards{grid-template-columns:1fr}.workout-root .wk-session{padding-left:14px;padding-right:14px}.workout-root .wk-stage{border-radius:16px;padding:18px 14px}.workout-root .wk-clock{font-size:clamp(88px,20vh,150px)}.workout-root .wk-head__count{font-size:11.5px}.workout-root .wk-startrow{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.workout-root .wk-setup,.workout-root .wk-complete,.workout-root .wk-session{animation:none}.workout-root .wk-ambient,.workout-root .wk-progress i,.workout-root .wk-clock,.workout-root .wk-splitcard,.workout-root .wk-start{transition:none}.workout-root[data-holding=true] .wk-ambient,.workout-root .wk-ambient:after{animation:none}}.app-shell{background:radial-gradient(circle at 32% 0,#d8a85e16,#0000 30%),radial-gradient(circle at 78% 12%,#cdb0740b,#0000 34%),linear-gradient(#ffffff06,#0000 220px);min-height:100svh}.app-main{width:min(100%,1280px);margin:0 auto;padding:0 14px 104px}.screen{width:100%;padding:16px 0 0}.mobile-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050606e6;justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex;position:sticky;top:0}.brand-block{color:var(--text);font-family:var(--display);letter-spacing:0;align-items:center;gap:9px;font-size:22px;font-weight:800;line-height:1;display:inline-flex}.brand-block svg{color:var(--coral)}.settings-button,.icon-button,.icon-action{border:1px solid var(--line);background:#ffffff09;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.top-tabs{z-index:19;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;background:#050606e0;gap:20px;padding:0 14px;display:flex;position:sticky;top:58px;overflow-x:auto}.top-tabs::-webkit-scrollbar{display:none}.top-tabs button{min-width:max-content;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 0 11px;font-size:12px;font-weight:700}.top-tabs button.is-active{color:var(--text);border-bottom-color:var(--coral)}.bottom-nav{z-index:30;padding:8px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050606f0;grid-template-columns:repeat(6,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-width:0;min-height:54px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;gap:3px;font-size:10px;font-weight:700;display:grid}.bottom-nav button.is-active{color:var(--coral);background:#d8a85e1a}.desktop-sidebar{display:none}.screen-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.screen-title.compact{align-items:center}.learn-header-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex;position:relative}h1,h2,p{margin:0}h1{font-family:var(--display);letter-spacing:0;font-size:clamp(32px,9vw,48px);line-height:.95}h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.screen-title p{max-width:560px;color:var(--muted);margin-top:7px;font-size:10.5px}.primary-action,.ghost-action,.copy-action,.file-action,.text-action{white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action{color:#050606;background:linear-gradient(#f5f6f2fa,#d8ded2f5);border:1px solid #f5f6f28c;box-shadow:0 14px 42px #f5f6f21f}.ghost-action,.copy-action,.file-action{border:1px solid var(--line);color:var(--text);background:#ffffff09}.ghost-action.danger{color:var(--danger)}.text-action{min-height:auto;color:var(--cyan);background:0 0;border:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;box-shadow:var(--shadow)}.panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:47px;padding:12px 14px;display:flex}.panel>:not(.panel__header){padding:14px}.chip{border:1px solid var(--line);min-height:26px;color:var(--muted);background:#ffffff09;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}button.chip{cursor:pointer}.chip.is-active,.chip.tone-cyan{color:var(--cyan);background:#d2a45b1a;border-color:#d2a45b85}.chip.tone-lime{color:var(--lime);background:#cdb07414;border-color:#cdb07473}.chip.tone-coral{color:var(--coral);background:#d8a85e14;border-color:#d8a85e80}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0e,#ffffff05);min-height:90px;padding:13px;position:relative}.metric-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.metric-card strong{font-family:var(--display);letter-spacing:0;margin-top:8px;font-size:32px;line-height:1;display:block}.metric-card em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800;position:absolute;bottom:13px;right:12px}.metric-lime{border-color:#cdb07461}.metric-lime strong,.metric-lime em{color:var(--lime)}.metric-coral{border-color:#d8a85e6b}.metric-coral strong,.metric-coral em{color:var(--coral)}.metric-cyan{border-color:#d2a45b61}.metric-cyan strong,.metric-cyan em{color:var(--cyan)}.dashboard-grid{gap:10px;margin-bottom:10px;display:grid}.distribution{grid-template-columns:108px 1fr;align-items:center;gap:15px;display:grid}.donut{aspect-ratio:1;background:var(--ring-gradient);border-radius:50%;width:104px;position:relative}.donut:after{content:"";background:var(--panel-strong);border:1px solid var(--line);border-radius:50%;position:absolute;inset:27px}.distribution-list{gap:8px;display:grid}.distribution-row{color:var(--muted);grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:8px;font-size:12px;display:grid}.distribution-row strong,.distribution-row em{color:var(--text);font-style:normal}.lane-dot{background:var(--cyan);border-radius:50%;width:8px;height:8px;display:inline-block}.track-preview-list{gap:10px;display:grid}.track-preview-row,.library-row,.core-slot,.wrong-match-row,.recommendation-list li{align-items:center;gap:10px;display:grid}.track-preview-row{grid-template-columns:auto minmax(0,1fr) auto}.track-meta{min-width:0}.track-meta strong,.track-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-meta strong{color:var(--text);font-size:15px;line-height:1.2}.track-meta span{color:var(--muted);margin-top:3px;font-size:12px}.track-meta--dense strong{font-size:13px}.track-meta--dense span{font-size:11px}.artwork{background:linear-gradient(135deg, color-mix(in srgb, var(--cover-a) 74%, black), transparent 62%), linear-gradient(315deg, color-mix(in srgb, var(--cover-b) 70%, black), #111);border:1px solid #fff3;border-radius:7px;flex:none;place-items:end start;display:grid;overflow:hidden;box-shadow:inset 0 0 24px #00000073}.artwork.has-image{background:#101213;place-items:stretch stretch;box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 42px #00000038}.artwork img{object-fit:cover;width:100%;height:100%;display:block}.artwork-md{width:108px;height:108px}.artwork-sm{width:44px;height:44px}.artwork span{color:#ffffffe6;font-family:var(--display);padding:6px;font-size:24px;font-weight:900;line-height:1}.artwork-sm span{font-size:15px}.energy-label{color:var(--lime);font-weight:900}.dashboard-tonight{color:var(--muted);gap:8px;display:grid}.dashboard-tonight svg,.dashboard-tonight strong{color:var(--cyan)}.learn-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.learn-card__top{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px;display:grid}.learn-card__heading{align-self:center;min-width:0}.source-row{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.track-status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.track-status-strip div{border-right:1px solid var(--line);min-height:58px;padding:11px 12px}.track-status-strip div:nth-child(2n){border-right:0}.track-status-strip span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.track-status-strip strong{align-items:center;gap:6px;min-width:0;margin-top:5px;font-size:13px;display:flex}.learning-summary-row{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 14px;font-size:12px;font-weight:800;display:flex}.learning-summary-row span,.learning-summary-row .match-badge{background:#ffffff07;border:1px solid #ffffff18;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 9px;display:inline-flex}.learning-summary-row strong{color:var(--text);font-weight:950}.match-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;min-height:24px;font-size:11px;font-weight:900;display:inline-flex}.match-ok{color:var(--lime)}.match-warn{color:var(--coral)}.audio-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;min-height:24px;font-size:11px;font-weight:900;display:inline-flex}.audio-ok{color:var(--cyan)}.audio-muted{color:var(--muted)}.audio-warn{color:var(--coral)}.audio-player,.audio-tools,.lyrics-panel{border-bottom:1px solid var(--line)}.audio-player,.lyrics-panel{padding:16px 14px}.audio-tools{padding:14px}.audio-player__top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.audio-seek{gap:5px;display:grid}.audio-seek input{width:100%;accent-color:var(--cyan)}.audio-seek span,.audio-reselect-note{color:var(--muted);font-size:11px;font-weight:800}.audio-reselect-note{margin-top:8px}.waveform-shell{gap:9px;display:grid}.waveform-timeline{min-height:112px;color:var(--muted);cursor:pointer;background:linear-gradient(#f5f6f20b,#f5f6f204),#030506e0;border:1px solid #f5f6f221;border-radius:8px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #f5f6f20d,inset 0 -30px 60px #00000038}.waveform-timeline:disabled{cursor:default;opacity:.72}.waveform-bars{align-items:center;gap:3px;display:flex;position:absolute;inset:22px 12px}.waveform-bars i{opacity:1;background:#858e896b;border-radius:999px;width:100%;min-height:8px;max-height:100%;transition:background-color .14s,opacity .14s,transform .14s}.waveform-bars i.is-played{background:#e8eee6d6}.waveform-bars i.is-current{transform:scaleY(calc(1 + (var(--bar-energy,.4) * .18)));background:#cdb074eb;animation:.52s ease-out infinite alternate waveform-energy-pulse;box-shadow:0 0 18px #cdb07438}@keyframes waveform-energy-pulse{0%{opacity:.72}to{opacity:1}}.waveform-marker{width:1px;color:var(--text);white-space:nowrap;pointer-events:none;align-content:end;font-size:11px;font-weight:950;display:grid;position:absolute;top:10px;bottom:10px;transform:translate(-1px)}.waveform-marker:before{content:"";width:1px;position:absolute;inset:0}.waveform-marker--hook:before{background:var(--lime)}.waveform-marker--drop:before{background:var(--coral)}.waveform-marker--hook{color:var(--lime)}.waveform-marker--drop{color:var(--coral)}.waveform-fallback{place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.waveform-time-row{color:#f5f6f2cc;font-variant-numeric:tabular-nums;justify-content:space-between;padding-inline:1px;font-size:13px;font-weight:950;display:flex}.audio-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-tool-grid button,.speed-row button,.lyric-action-row button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff08;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.audio-tool-grid button.is-active,.speed-row button.is-active{border-color:var(--lime);color:#0c1104;background:var(--lime)}.speed-row{gap:6px;margin-top:8px;display:flex}.speed-row button{min-width:54px}.lyrics-panel{gap:10px;display:grid}.lyrics-panel--spine{background:linear-gradient(#f5f6f20a,#ffffff03 48%),#ffffff04;gap:14px}.lyrics-panel__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.lyrics-panel__header span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:800;display:block}.lyric-context-list,.lyrics-full-list{gap:5px;display:grid}.lyric-context-list{max-height:398px;padding-right:3px;overflow:auto}.lyric-context-list--spine{gap:4px;max-height:520px;padding-right:4px}.lyric-context-list--spine.is-expanded{max-height:min(64vh,720px)}.lyrics-full-list{max-height:520px;padding-right:3px;overflow:auto}.lyric-context-list button,.lyrics-full-list button{min-height:31px;color:var(--muted);text-align:left;background:#ffffff06;border:1px solid #0000;border-radius:7px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:7px;padding:6px 8px;transition:border-color .16s,background-color .16s,color .16s,transform .16s cubic-bezier(.22,1,.36,1);display:grid}.lyric-context-list button.is-active,.lyrics-full-list button.is-active{color:var(--text);background:0 0;border-color:#0000}.lyric-context-list button.is-selected:not(.is-active),.lyrics-full-list button.is-selected:not(.is-active){color:var(--text);background:#ffffff06;border-color:#0000}.lyric-context-list--spine button{background:0 0;border-color:#0000;grid-template-columns:58px minmax(0,1fr);min-height:50px;padding:9px 12px;position:relative;overflow:hidden}.lyric-context-list--spine button.is-active{min-height:84px;transform:none}.lyric-context-list--spine button>span,.lyric-context-list--spine button>strong{z-index:1;position:relative}.lyric-context-list span,.lyrics-full-list span{color:#f5f6f294;font-variant-numeric:tabular-nums;font-size:12px;font-weight:950}.lyric-context-list strong,.lyrics-full-list strong{min-width:0;color:inherit;overflow-wrap:anywhere;font-size:12px;line-height:1.35}.lyric-context-list--spine strong{color:#f5f6f2ad;font-size:18px;font-weight:850;line-height:1.34}.lyric-context-list--spine button.is-active strong{color:var(--text);font-size:31px;font-weight:950;line-height:1.12}.lyric-context-list--spine button.is-active span{color:#cdb074f2}.lyric-context-list--spine button.is-lead-in{color:#f5f6f2d1}.lyric-context-list--spine button.is-lead-in>span{color:#cdb074c7}.karaoke-lead-in{align-content:center;gap:9px;display:grid}.karaoke-lead-in em{overflow-wrap:anywhere;color:#f5f6f2c7;font-size:inherit;font-style:normal;font-weight:inherit;line-height:inherit;display:block}.lyric-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.learn-disclosure{border-bottom:1px solid var(--line)}.learn-disclosure summary{min-height:52px;color:var(--muted);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;list-style:none;display:grid}.learn-disclosure summary::-webkit-details-marker{display:none}.learn-disclosure summary span{color:#f5f6f2b8;font-size:12px;font-weight:950}.learn-disclosure summary strong{color:#f5f6f275;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:850;overflow:hidden}.learn-disclosure[open] summary{border-bottom:1px solid #ffffff13}.learn-disclosure[open] summary svg{transform:rotate(180deg)}.learn-disclosure__body{background:#ffffff03;gap:12px;padding:14px;display:grid}.selected-line-tools{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;gap:8px;padding:11px;display:grid}.selected-line-tools p{color:#f5f6f2a8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.lyric-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.karaoke-start-dots{align-items:center;gap:7px;margin-bottom:2px;display:inline-flex}.karaoke-start-dots i{width:7px;height:7px;animation:lyric-dot-pulse var(--lead-pulse,1s) ease-in-out infinite both;background:#f5f6f2e0;border-radius:999px;box-shadow:0 0 14px #f5f6f229}.karaoke-start-dots i:nth-child(2){animation-delay:calc(var(--lead-pulse,1s) * .14)}.karaoke-start-dots i:nth-child(3){animation-delay:calc(var(--lead-pulse,1s) * .28);opacity:.56}@keyframes lyric-dot-pulse{0%,72%,to{opacity:.38;transform:translateY(0)scale(.9)}28%{opacity:1;transform:translateY(-1px)scale(1.08)}}.scan-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 14px 14px;display:grid}.scan-strip button{min-height:42px;color:var(--muted);background:#ffffff05;border:1px solid #ffffff13;border-radius:7px;transition:border-color .16s,background-color .16s,color .16s}.scan-strip button span,.scan-strip button strong{display:block}.scan-strip button span{color:#f5f6f29e;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.scan-strip button strong{color:#f5f6f2e0;font-size:12px}.scan-strip button em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;font-style:normal;display:block;overflow:hidden}.scan-strip button.is-active{color:var(--text);background:#f5f6f212;border-color:#f5f6f247}.scan-strip button.is-active span{color:var(--lime)}.control-group,.notes-field,.learn-actions-row,.learn-footer{border-bottom:1px solid var(--line);padding:14px}.control-group h2{margin-bottom:9px}.button-grid{gap:7px;display:grid}.tag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.familiarity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-grid button,.context-grid button,.candidate-strip button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#ffffff08;border-radius:7px;font-size:11px;font-weight:900}.button-grid button.is-active,.context-grid button.is-active{color:var(--text);background:#f5f6f21a;border-color:#f5f6f252}.energy-selector{grid-template-columns:repeat(10,minmax(28px,1fr));gap:4px;width:100%;display:grid}.energy-selector button{border:1px solid var(--line);min-width:28px;min-height:34px;color:var(--muted);background:#ffffff08;border-radius:6px;font-size:12px;font-weight:900}.energy-selector button.is-active{color:var(--lime);background:#cdb07417;border-color:#cdb07494}.learn-actions-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.learn-disclosure .control-group,.learn-disclosure .notes-field,.learn-disclosure .learn-actions-row{border-bottom:0;padding:0}.core-toggle{min-height:40px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;font-weight:900;display:inline-flex}.core-toggle.is-active{color:var(--lime)}.notes-field{gap:8px;display:grid}.notes-field span,.json-field span,.select-field span,.energy-range span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.notes-field textarea,.json-field textarea,.search-field input,.select-field select,.wrong-match-row select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff09;border-radius:7px}.notes-field textarea,.json-field textarea{resize:vertical;min-height:84px;padding:11px}.notes-field em{color:var(--muted-2);justify-self:end;font-size:11px;font-style:normal}.learn-footer{border-bottom:0;grid-template-columns:1fr auto;gap:10px;display:grid}.learn-footer .primary-action{min-height:52px}.drill-panel{border:1px solid var(--line);background:#ffffff09;border-radius:8px;gap:12px;padding:14px;display:grid}.drill-panel__header,.drill-card,.drill-footer{align-items:center;gap:10px;display:flex}.drill-panel__header{justify-content:space-between}.drill-panel__header p,.drill-card span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:800}.drill-kind-grid,.drill-answer-grid{gap:7px;display:grid}.drill-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-kind-grid button,.drill-answer-grid button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#ffffff08;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:900;display:inline-flex}.drill-kind-grid button.is-active{color:#101504;background:var(--lime);border-color:#cdb074bf}.drill-card{background:#d2a45b0e;border:1px solid #d2a45b3d;border-radius:8px;padding:10px}.drill-card>div{flex:1;min-width:0}.drill-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-answer-grid--lanes{grid-template-columns:repeat(3,minmax(0,1fr))}.drill-result{border-radius:7px;align-items:center;gap:8px;min-height:36px;padding:8px 10px;font-size:12px;font-weight:900;display:flex}.drill-result--correct{color:var(--lime);background:#cdb07414}.drill-result--wrong{color:var(--coral);background:#d8a85e14}.drill-footer{flex-wrap:wrap}.drill-footer button{flex:118px}.queue-menu{z-index:12;min-width:min(320px,42vw);position:relative}.queue-menu summary{border:1px solid var(--line);min-height:40px;color:var(--text);cursor:pointer;background:#ffffff09;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;list-style:none;display:grid}.queue-menu summary::-webkit-details-marker{display:none}.queue-menu[open] summary{background:#d2a45b12;border-color:#d2a45b94}.queue-menu summary span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.queue-menu summary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.queue-menu summary svg{color:var(--muted)}.queue-menu__list{background:#0a0c0dfa;border:1px solid #ffffff29;border-radius:8px;gap:6px;width:min(430px,100vw - 28px);max-height:min(520px,62vh);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 24px 80px #00000085}.queue-menu__list button{min-height:56px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid}.queue-menu__list button:hover,.queue-menu__list button:focus-visible{background:#d2a45b12;border-color:#d2a45b5c}.queue-menu__list button.is-active{background:#d2a45b1a;border-color:#d2a45bb8}.queue-menu__list span,.queue-menu__list em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.queue-menu__list span{font-size:12px;font-weight:950}.queue-menu__list em{color:var(--muted);font-size:10px;font-style:normal}.library-toolbar{grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;display:grid}.search-field{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:0 11px;display:flex}.search-field svg{color:var(--muted)}.search-field input{background:0 0;border:0;min-height:42px}.search-field:focus-within{border-color:color-mix(in oklab, var(--coral) 50%, var(--line));box-shadow:0 0 0 3px color-mix(in oklab, var(--coral) 12%, transparent)}.search-field input:focus,.search-field input:focus-visible,.select-field select:focus,.select-field select:focus-visible{outline:none}.select-field:focus-within{border-color:color-mix(in oklab, var(--coral) 50%, var(--line));box-shadow:0 0 0 3px color-mix(in oklab, var(--coral) 12%, transparent)}.filter-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.select-field,.energy-range,.json-field{gap:7px;display:grid}.select-field select,.wrong-match-row select{min-height:38px;padding:0 9px}.energy-range{grid-column:1/-1}.energy-range div{gap:4px;display:grid}.energy-range input{width:100%;accent-color:var(--lime)}.energy-range strong{color:var(--lime);font-size:12px}.switch-row{scrollbar-width:none;gap:8px;margin:10px 0;display:flex;overflow-x:auto}.switch-row::-webkit-scrollbar{display:none}.toggle-line{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#ffffff09;border-radius:7px;flex:none;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.toggle-line input{accent-color:var(--cyan)}.track-list{gap:8px;display:grid}.library-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:auto minmax(0,1fr);padding:10px}.library-row__chips{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.library-row__energy{grid-column:1/-1;gap:7px;display:grid}.library-row__energy span{color:var(--lime);font-weight:900}.library-row .core-toggle{grid-column:1/-1;justify-self:start}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.context-grid button{text-align:left;justify-content:flex-start;align-items:center;gap:9px;min-height:48px;padding:0 12px;display:flex}.energy-progression{border-bottom:1px solid var(--line);grid-template-columns:repeat(20,1fr);align-items:end;gap:4px;height:90px;margin-bottom:14px;display:grid}.energy-progression span{background:linear-gradient(180deg, var(--lime), var(--cyan));border-radius:5px 5px 0 0;min-height:20px;display:block}.recommendation-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recommendation-list li{border:1px solid var(--line);background:#ffffff08;border-radius:8px;grid-template-columns:24px auto minmax(0,1fr) auto;padding:9px}.rank{color:var(--text);font-weight:900}.recommendation-list p{color:var(--muted);margin-top:3px;font-size:11px}.recommendation-badges{gap:6px;margin-top:5px;display:flex}.recommendation-list li>strong{color:var(--lime);font-size:15px}.core-buckets{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:10px;display:grid}.core-slot-list{gap:8px;display:grid}.core-slot{border:1px solid var(--line);background:#ffffff08;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;min-width:0;min-height:54px;padding:8px}.core-slot strong{color:var(--lime)}.core-slot--empty{color:var(--muted);border-style:dashed;grid-template-columns:auto minmax(0,1fr)}.candidate-strip{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.candidate-strip button{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;max-width:100%;padding:0 10px;display:inline-flex;overflow:hidden}.data-grid{gap:10px;margin-bottom:10px;display:grid}.data-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.file-action{padding:0 12px;position:relative;overflow:hidden}.file-action input{opacity:0;position:absolute;inset:0}.json-field textarea{min-height:142px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.data-message{color:var(--lime);margin-top:10px}.warning-text{color:var(--coral)}.audio-notice-row{gap:12px;display:grid}.audio-notice-row strong{color:var(--text);display:block}.audio-notice-row p{color:var(--muted);margin-top:3px;font-size:12px}.audio-metric-row{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.audio-match-grid{gap:12px;display:grid}.audio-match-grid h2{margin-bottom:8px}.review-queue{gap:10px;margin-bottom:12px;display:grid}.review-queue h2{margin-bottom:2px}.review-pill-row{gap:8px;display:grid}.review-pill{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;display:grid}.review-pill strong,.review-pill span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.review-pill strong{color:var(--text);font-size:13px}.review-pill span{color:var(--muted);margin-top:3px;font-size:11px}.review-pill .ghost-action{min-height:34px;padding:0 10px}.audio-file-list,.audio-track-list,.audio-file-group{gap:8px;display:grid}.audio-file-group__header{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.audio-file-row,.audio-track-row{border:1px solid var(--line);background:#ffffff08;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.audio-file-row.is-ignored{opacity:.56}.audio-file-row>svg{color:var(--cyan)}.audio-file-row strong,.audio-file-row span,.audio-track-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.audio-file-row strong{color:var(--text);font-size:13px}.audio-file-row span,.audio-track-row span{color:var(--muted);font-size:11px}.audio-file-row .audio-badge,.audio-file-row select,.audio-track-row .audio-badge,.audio-track-row .icon-action{grid-column:1/-1}.audio-file-row select{border:1px solid var(--line);width:100%;min-height:36px;color:var(--text);background:#ffffff09;border-radius:7px}.export-preview{max-height:352px;color:var(--muted);white-space:pre-wrap;word-break:break-word;margin:0;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.wrong-match-list{gap:8px;display:grid}.wrong-match-row{background:#d8a85e0b;border:1px solid #d8a85e4d;border-radius:8px;grid-template-columns:auto minmax(0,1fr);padding:10px}.wrong-match-row p{color:var(--muted);margin-top:4px;font-size:12px}.wrong-match-row .match-badge,.wrong-match-row select,.wrong-match-row button{grid-column:1/-1}.empty-state{color:var(--muted)}.next-action-list,.suggestion-list{gap:8px;display:grid}.next-action-list button{border:1px solid var(--line);min-height:40px;color:var(--text);text-align:left;background:#ffffff08;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-weight:850;display:flex}.suggestion-row{border:1px solid var(--line);background:#ffffff08;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;padding:9px;display:grid}.suggestion-row>div{min-width:0}.suggestion-row p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.tonight-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.tonight-controls .primary-action{align-self:end;min-height:42px}.lane-mix-row{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.command-palette{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000075;place-items:start center;padding:82px 14px 14px;display:grid;position:fixed;inset:0}.command-palette__panel{background:#0c0d0ffa;border:1px solid #ffffff24;border-radius:8px;width:min(100%,580px);overflow:hidden;box-shadow:0 24px 80px #00000080}.command-search{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.command-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:15px;font-weight:800}.command-search span{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:950;display:inline-flex}.command-list{max-height:360px;padding:8px;display:grid;overflow:auto}.command-list button{min-height:42px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;display:grid}.command-list button:hover{background:#d2a45b14;border-color:#d2a45b42}.command-list span{color:var(--muted);font-size:11px;font-weight:850}@media (width<=420px){.screen-title{display:grid}.learn-header-actions{grid-template-columns:auto minmax(0,1fr);align-items:stretch;display:grid}.queue-menu{width:100%;min-width:0}.queue-menu__list{width:min(100%,100vw - 28px);max-height:min(460px,58vh);right:0}.screen-title .primary-action,.screen-title .ghost-action{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:82px}.metric-card strong{font-size:28px}.tag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tag-grid button{font-size:10px}.waveform-timeline{min-height:74px}.drill-kind-grid,.drill-answer-grid,.tonight-controls,.review-pill,.suggestion-row{grid-template-columns:1fr}.core-slot{grid-template-columns:auto minmax(0,1fr) auto}.core-slot .icon-action{grid-column:3}.candidate-strip{grid-template-columns:1fr;display:grid}.candidate-strip button{justify-content:flex-start;min-height:42px}.drill-card,.drill-panel__header{align-items:flex-start}.drill-card{flex-wrap:wrap}.drill-card .primary-action,.review-pill .ghost-action,.suggestion-row .ghost-action{width:100%}.lyric-context-list{max-height:286px}.lyrics-panel--spine{gap:10px}.karaoke-lead-in em{font-size:14px}.karaoke-start-dots{gap:6px}.karaoke-start-dots i{width:6px;height:6px}.lyric-context-list--spine{max-height:344px}.lyric-context-list--spine button{grid-template-columns:50px minmax(0,1fr);min-height:46px;padding:9px 10px}.lyric-context-list--spine button.is-active{min-height:72px;transform:none}.lyric-context-list--spine button.is-active strong{font-size:19px;line-height:1.2}.lyric-action-row{grid-template-columns:1fr}.audio-tool-grid button,.speed-row button{min-height:44px}.speed-row button{min-width:58px}.audio-player .icon-action,.learn-footer .icon-action{width:44px;height:44px}}@media (width>=760px){.app-main{padding-inline:24px}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--three,.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.library-row{grid-template-columns:auto minmax(170px,1fr) minmax(230px,.8fr) minmax(220px,1fr) auto}.library-row__chips,.library-row__energy,.library-row .core-toggle{grid-column:auto}.context-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.core-buckets{grid-template-columns:repeat(2,minmax(0,1fr))}.data-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.wrong-match-row{grid-template-columns:auto minmax(0,1fr) auto 170px auto}.audio-notice-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.audio-match-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.audio-file-row{grid-template-columns:auto minmax(0,1fr) auto minmax(180px,.8fr)}.audio-track-row{grid-template-columns:auto minmax(0,1fr) auto auto auto auto}.audio-file-row .audio-badge,.audio-file-row select,.audio-track-row .audio-badge,.audio-track-row .icon-action,.wrong-match-row .match-badge,.wrong-match-row select,.wrong-match-row button{grid-column:auto}}@media (width>=1040px){.app-shell{grid-template-columns:232px minmax(0,1fr);display:grid}.app-main{width:min(100%,1280px);margin:0;padding:32px 32px 48px}.desktop-sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070809e0;grid-template-rows:auto 1fr auto;height:100svh;padding:28px 18px;display:grid;position:sticky;top:0}.desktop-sidebar .brand-block{font-size:19px}.side-nav{align-content:start;gap:6px;margin-top:34px;display:grid}.side-nav button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.side-nav button.is-active{color:var(--coral);background:#d8a85e1a;border-color:#d8a85e4d}.sidebar-foot{align-self:end;align-items:center;gap:8px;display:flex}.install-button{min-height:38px;color:var(--coral);cursor:pointer;background:#d8a85e1a;border:1px solid #d8a85e52;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:800;transition:background .16s,border-color .16s;display:inline-flex}.install-button:hover{background:#d8a85e29;border-color:#d8a85e80}.sidebar-gear{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.sidebar-gear:hover{color:var(--text);background:#edebe40f;border-color:#edebe41f}.mobile-header,.top-tabs,.bottom-nav{display:none}.screen{padding-top:0}.learn-screen{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;width:min(100%,1040px);display:grid}.learn-screen .screen-title,.learn-card,.drill-panel{grid-column:1}.track-status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.track-status-strip div:nth-child(2n){border-right:1px solid var(--line)}.track-status-strip div:last-child{border-right:0}.scan-strip,.familiarity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.lyric-context-list button,.lyrics-full-list button{transition:none}.karaoke-start-dots i{animation:none}.lyric-context-list--spine button.is-active{transform:none}}@font-face{font-family:Helvetica Now Display;src:url(/songmap-brand/fonts/HelveticaNowDisplay-Md.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Now Display;src:url(/songmap-brand/fonts/HelveticaNowDisplay-XBd.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Saol Display;src:url(/songmap-brand/fonts/SaolDisplay-LightItalic.woff2)format("woff2");font-weight:300;font-style:italic;font-display:swap}.app-shell--player{background:#0a0a0a}.app-shell--player .app-main{width:100%;max-width:none;margin:0;padding:0}@media (width>=1040px){.app-shell--player .app-main{height:100svh;overflow:hidden}}@media (width<=1039px){.app-shell--player{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell--player .mobile-header{flex:none;position:static}.app-shell--player .top-tabs{flex:none;position:static;top:auto}.app-shell--player .bottom-nav{display:none}.app-shell--player .app-main{flex:auto;min-height:0;overflow:hidden}.app-shell--player .songmap-learn,.app-shell--player .songmap-card,.app-shell--player .bangerpass-root,.app-shell--player .bangerpass-root .stage,.app-shell--player .bangerpass-root .card,.app-shell--player .workout-root{height:100%;min-height:0}}.songmap-learn{--song-ink:#0a0a0a;--song-ink-2:#121211;--song-ink-3:#070808;--song-bone:#edebe4;--song-bone-soft:#edebe494;--song-bone-faint:#edebe45c;--song-line:#c6aa7a1a;--song-line-soft:#c6aa7a0e;--song-accent:#d2a45b;--song-accent-bright:#e1bf86;--song-expo:cubic-bezier(.16, 1, .3, 1);--song-sans:"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;--song-lyric-serif:"Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;--song-fs-chrome:clamp(11px, 1.1vw, 12px);--song-fs-time:clamp(12px, 1.2vw, 12.5px);--song-fs-qtitle:clamp(13px, 1.35vw, 14px);--song-fs-qmeta:clamp(12px, 1.25vw, 12.5px);isolation:isolate;height:100svh;min-height:100svh;color:var(--song-bone);font-family:var(--song-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:radial-gradient(at 50% 8%,#80582633 0%,#34221224 30%,#0000 58%),radial-gradient(at 50% 112%,#4b2a121c,#0000 62%),linear-gradient(#100d08 0%,#090806 58%,#040302 100%);place-items:center;padding:0;font-weight:500;display:grid;position:relative;overflow:hidden}.songmap-learn button,.songmap-learn input,.songmap-learn textarea{font:inherit}.songmap-learn :where(button){color:inherit;cursor:pointer;border:0}.songmap-learn button:disabled{cursor:not-allowed;opacity:.44}.songmap-learn button:focus-visible,.songmap-learn input:focus-visible,.songmap-learn textarea:focus-visible{outline:2px solid var(--song-accent-bright);outline-offset:2px}.songmap-ambient{z-index:-2;pointer-events:none;background:radial-gradient(58% 42% at 50% -4%, color-mix(in oklab, var(--song-accent) 13%, transparent), transparent 62%), linear-gradient(180deg, transparent 52%, #120c0652 76%, #000000bd 100%), linear-gradient(180deg, #ffffff03, transparent 36%);transition:background .6s var(--song-expo);position:fixed;inset:0}.songmap-grain{z-index:20;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url(/songmap-brand/grain.png);background-size:320px;position:fixed;inset:0}.songmap-stage{z-index:1;grid-template-columns:minmax(0,688px) 290px;align-items:stretch;gap:29px;width:min(100vw - 44px,1007px);display:grid;position:relative}.songmap-card,.songmap-queue{height:min(674px,100svh - 32px);box-shadow:0 28px 80px #0000007a, inset 0 1px 0 var(--song-line-soft);background:#0a0a09eb;border:1px solid #c6aa7a0e;border-radius:18px}.songmap-card{flex-direction:column;gap:clamp(13px,1.7vh,18px);min-width:0;min-height:0;padding:26px;display:flex}.songmap-head,.songmap-head__right,.songmap-lockup,.songmap-chorus__top,.songmap-transport{align-items:center;display:flex}.songmap-head{justify-content:space-between;gap:14px}.songmap-wordmark{min-width:0;font-size:var(--song-fs-chrome);letter-spacing:.04em;flex:1;font-weight:700;line-height:1}.songmap-head__right{gap:8px}.songmap-iconbtn,.songmap-libbtn,.songmap-tbtn{color:var(--song-bone-soft);transition:color .18s var(--song-expo), background .18s var(--song-expo), box-shadow .18s var(--song-expo), transform .12s var(--song-expo);background:#edebe413;place-items:center;display:inline-grid}.songmap-iconbtn{border-radius:50%;width:28px;height:28px}.songmap-iconbtn svg{width:14px;height:14px}.songmap-libbtn{min-height:34px;box-shadow:inset 0 0 0 1px var(--song-line-soft);color:var(--song-bone);letter-spacing:.02em;border-radius:999px;gap:8px;padding:0 15px;font-weight:700;display:inline-flex}.songmap-libbtn svg{width:14px;height:14px}.songmap-iconbtn:hover,.songmap-libbtn:hover,.songmap-tbtn:hover{color:var(--song-bone);background:#edebe421}.songmap-iconbtn:active,.songmap-libbtn:active,.songmap-tbtn:active{transform:translateY(1px)}.songmap-lockup{grid-template-columns:auto minmax(0,1fr);gap:16px;display:grid}.songmap-cover{aspect-ratio:1;width:clamp(56px,8vw,92px);box-shadow:0 18px 44px -20px color-mix(in oklab, var(--song-accent) 55%, #000);background:0 0;border-radius:16px;overflow:hidden}.songmap-cover .artwork{border-radius:16px;width:100%;height:100%}.songmap-lock-meta{align-self:center;min-width:0}.songmap-lock-meta h1{color:var(--song-bone);font-family:var(--song-sans);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:.98}.songmap-lock-meta p{color:var(--song-bone-soft);margin-top:7px;font-size:14px}.songmap-map{gap:4px;display:grid}.songmap-scrub{touch-action:none;background:0 0;width:100%;padding:5px 0 9px}.songmap-scrub__track{height:6px;transition:box-shadow .18s var(--song-expo), background .18s var(--song-expo);background:#edebe421;border-radius:999px;display:block;position:relative}.songmap-scrub__fill{z-index:1;border-radius:inherit;background:var(--song-accent);width:0;box-shadow:0 0 12px color-mix(in oklab, var(--song-accent) 44%, transparent);position:absolute;inset:0 auto 0 0}.songmap-scrub__knob{z-index:3;background:var(--song-accent-bright);width:13px;height:13px;box-shadow:0 2px 7px #0000008c, 0 0 0 5px color-mix(in oklab, var(--song-accent) 15%, transparent);pointer-events:none;transition:transform .14s var(--song-expo);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.songmap-scrub:hover .songmap-scrub__track,.songmap-scrub:focus-visible .songmap-scrub__track{box-shadow:0 0 0 2px color-mix(in oklab, var(--song-accent-bright) 24%, transparent)}.songmap-scrub:hover .songmap-scrub__knob,.songmap-scrub:focus-visible .songmap-scrub__knob{transform:translate(-50%,-50%)scale(1.18)}.songmap-scrub__marks{z-index:2;pointer-events:none;position:absolute;inset:0}.songmap-scrub__mark{background:color-mix(in oklab, var(--song-accent) 62%, var(--song-bone));opacity:.78;border-radius:99px;width:2px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%)}.songmap-scrub__mark.is-live{opacity:1;background:var(--song-accent-bright);height:19px;box-shadow:0 0 12px color-mix(in oklab, var(--song-accent) 70%, transparent)}.songmap-scrub__mark.is-elapsed:not(.is-live){opacity:0}.songmap-scrub__mark.is-hook{background:var(--song-bone)}.songmap-scrub__mark.is-drop{background:#d69065}.songmap-time-row{color:var(--song-bone-faint);font-size:var(--song-fs-time);font-variant-numeric:tabular-nums;justify-content:space-between;font-weight:800;display:flex}.songmap-choruspill{cursor:pointer;color:var(--song-accent-bright);background:color-mix(in oklab, var(--song-accent) 14%, transparent);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;transition:background .18s var(--song-expo), box-shadow .18s var(--song-expo);border:0;border-radius:999px;align-items:center;gap:5px;margin-top:9px;padding:4px 9px 4px 11px;font-size:.76rem;font-weight:800;display:inline-flex}.songmap-choruspill:hover{background:color-mix(in oklab, var(--song-accent) 24%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--song-accent) 40%, transparent)}.songmap-choruspill:active{transform:translateY(1px)}.songmap-choruspill:focus-visible{outline:2px solid var(--song-accent-bright);outline-offset:2px}.songmap-choruspill svg{opacity:.7}.songmap-sheet-practice{background:var(--song-accent);color:#0a0807;letter-spacing:-.01em;cursor:pointer;width:100%;box-shadow:0 14px 30px -16px color-mix(in oklab, var(--song-accent) 80%, #000);transition:background .18s var(--song-expo);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin:0 0 16px;padding:13px 18px;font-size:.95rem;font-weight:800;display:inline-flex}.songmap-sheet-practice svg{width:15px;height:15px}.songmap-sheet-practice:hover:not(:disabled){background:var(--song-accent-bright)}.songmap-sheet-practice:disabled{opacity:.5;cursor:default}.songmap-lyrics{text-align:left;flex:auto;min-height:clamp(200px,38vh,380px);max-height:none;padding:2px 4px 0;display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 64%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 64%,#0000 100%)}.songmap-lyrics.is-countdown .songmap-lyriccol{opacity:.32;transition:opacity .4s var(--song-expo)}.songmap-lyriccol{will-change:transform;transition:transform .72s var(--song-expo);flex-direction:column;align-items:flex-start;gap:clamp(30px,4.4vh,54px);padding:6px 12px;display:flex;position:absolute;top:0;left:0;right:0}.songmap-learn .songmap-lyric{text-align:left;width:100%;max-width:100%;min-height:24px;color:var(--song-bone);font-family:var(--song-lyric-serif);letter-spacing:-.012em;opacity:1;text-wrap:balance;transition:opacity .52s var(--song-expo), filter .52s var(--song-expo);background:0 0;font-size:clamp(1.6rem,2.5vw,2.05rem);font-weight:600;line-height:1.1;display:block}.songmap-lyric[data-d="1"]{opacity:.3}.songmap-lyric[data-d="2"]{opacity:.18;filter:blur(1.4px)}.songmap-lyric[data-d="3"]{opacity:.1;filter:blur(3px)}.songmap-lyric.is-dimmed:not(.is-active){opacity:min(var(--lyric-opacity,1), .16)}.songmap-lyric.is-active{color:var(--song-bone);letter-spacing:-.015em;filter:none;font-size:clamp(1.85rem,2.9vw,2.35rem);font-weight:800;line-height:1.12}.songmap-word{opacity:calc(.62 + (var(--wp,0) * .38));transition:opacity .22s var(--song-expo)}.songmap-empty-lyrics{color:var(--song-bone-soft);font-size:1rem}.songmap-full{width:112px;min-height:23px;color:var(--song-bone-soft);letter-spacing:.085em;text-transform:uppercase;white-space:nowrap;background:#edebe408;border-radius:999px;justify-content:center;align-self:center;align-items:center;padding:0;font-size:7.5px;font-weight:800;display:inline-flex}.songmap-full i{color:var(--song-bone-faint);padding:0 .55em;font-style:normal}.songmap-transport{justify-content:center;gap:clamp(12px,2vw,22px)}.songmap-tbtn{border-radius:50%;width:46px;height:46px}.songmap-tbtn.ghost{width:44px;height:44px;color:var(--song-bone-faint);background:0 0}.songmap-tbtn.ghost.on{color:var(--song-accent-bright)}.songmap-tbtn.play{background:var(--song-accent);color:#0a0a0a;width:64px;height:64px;box-shadow:0 16px 36px -14px color-mix(in oklab, var(--song-accent) 80%, #000)}.songmap-tbtn.play:hover{background:var(--song-accent-bright)}.songmap-queue{flex-direction:column;gap:9px;min-width:0;min-height:0;padding:24px 22px;display:flex}.songmap-queue__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.songmap-queue__count{letter-spacing:.12em;text-transform:uppercase;color:var(--song-bone-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:800}.songmap-kicker{color:var(--song-bone-soft);font-size:var(--song-fs-chrome);letter-spacing:.22em;text-transform:uppercase;font-weight:800}.songmap-queue ol,.songmap-tracklist,.songmap-full-list,.songmap-chorus-list{min-height:0;margin:0;padding:0;list-style:none}.songmap-queue__list{scrollbar-width:thin;scrollbar-color:#edebe42e transparent;flex:1;overflow-y:auto}.songmap-queue__list::-webkit-scrollbar{width:7px}.songmap-queue__list::-webkit-scrollbar-thumb{background:#edebe429;border-radius:999px}.songmap-queue li+li{border-top:1px solid var(--song-line-soft)}.songmap-queue button,.songmap-tracklist button{text-align:left;width:100%;min-height:60px;transition:background .18s var(--song-expo);background:0 0;border-radius:11px;grid-template-columns:22px 46px minmax(0,1fr) auto;grid-template-areas:"num cover title time""num cover artist time";align-items:center;gap:2px 12px;padding:8px;display:grid}.songmap-tracklist button>.artwork{border-radius:10px;grid-area:cover;align-self:center;width:46px;height:46px}.songmap-queue button:hover,.songmap-tracklist button:hover,.songmap-queue button.is-current,.songmap-tracklist button.is-current{background:#49341b61}.songmap-queue button{grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"cover title time""cover artist time";gap:2px 12px;min-height:52px;padding:9px 8px}.songmap-queue button>.artwork{border-radius:9px;grid-area:cover;align-self:center;width:38px;height:38px}.songmap-queue button.is-current .songmap-queue__title{color:var(--song-accent-bright)}.songmap-queue button>span,.songmap-tracklist button>span{color:var(--song-bone-faint);grid-area:num;font-size:11px;font-weight:800}.songmap-queue strong,.songmap-tracklist strong{min-width:0;color:var(--song-bone);font-size:var(--song-fs-qtitle);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;grid-area:title;font-weight:800;overflow:hidden}.songmap-queue em,.songmap-tracklist em{min-width:0;color:var(--song-bone-soft);font-size:var(--song-fs-qmeta);text-overflow:ellipsis;white-space:nowrap;grid-area:artist;font-style:normal;overflow:hidden}.songmap-queue time,.songmap-tracklist time{color:var(--song-bone-faint);font-size:var(--song-fs-qmeta);font-variant-numeric:tabular-nums;grid-area:time}.songmap-tracklist strong{font-size:1.04rem}.songmap-tracklist em{font-size:.9rem}.songmap-tracklist time{font-size:.86rem}.songmap-scrim{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;position:fixed;inset:0}.songmap-sheet{z-index:31;width:min(640px,100vw);max-height:86svh;box-shadow:0 -30px 90px -30px #000, inset 0 1px 0 var(--song-line-soft);background:linear-gradient(#121211fa,#070808);border-radius:28px 28px 0 0;flex-direction:column;padding:clamp(26px,3vw,38px) clamp(22px,3vw,34px) 0;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.songmap-sheet .songmap-tracklist,.songmap-sheet .songmap-full-list,.songmap-sheet .songmap-chorus-list{scrollbar-width:thin;scrollbar-color:#edebe42e transparent;padding-bottom:calc(26px + env(safe-area-inset-bottom));flex:auto;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.songmap-sheet .songmap-tracklist::-webkit-scrollbar{width:7px}.songmap-sheet .songmap-full-list::-webkit-scrollbar{width:7px}.songmap-sheet .songmap-chorus-list::-webkit-scrollbar{width:7px}.songmap-sheet .songmap-tracklist::-webkit-scrollbar-thumb{background:#edebe429;border-radius:999px}.songmap-sheet .songmap-full-list::-webkit-scrollbar-thumb{background:#edebe429;border-radius:999px}.songmap-sheet .songmap-chorus-list::-webkit-scrollbar-thumb{background:#edebe429;border-radius:999px}.songmap-sheet__close{width:34px;height:34px;color:var(--song-bone-soft);background:#edebe411;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.songmap-sheet h2{color:var(--song-bone);font-family:var(--song-sans);letter-spacing:-.035em;text-transform:none;margin:8px 0 20px;font-size:clamp(1.8rem,4vw,2.35rem);font-weight:800}.songmap-sheet__sub{color:var(--song-bone-soft);margin:-8px 0 18px}.songmap-search{border:1px solid color-mix(in oklab, var(--song-accent) 55%, var(--song-line));min-height:54px;color:var(--song-bone-soft);background:#edebe40b;border-radius:14px;align-items:center;gap:9px;margin-bottom:18px;padding:0 16px;display:flex}.songmap-search input{min-width:0;color:var(--song-bone);background:0 0;border:0;outline:0;flex:1}.songmap-full-list{gap:2px;display:grid}.songmap-full-list button{width:100%;color:var(--song-bone-soft);text-align:left;background:0 0;border-radius:10px;grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:14px;padding:10px;display:grid}.songmap-full-list button:hover,.songmap-full-list button.is-active{background:color-mix(in oklab, var(--song-accent) 13%, transparent);color:var(--song-bone)}.songmap-full-list time,.songmap-chorus-list time{color:var(--song-accent-bright);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:800}.songmap-full-list span{font-family:Georgia,Times New Roman,serif;font-size:1.08rem;line-height:1.35}.songmap-chorus-list{gap:14px;display:grid}.songmap-chorus-list section{box-shadow:inset 0 0 0 1px var(--song-line-soft);background:#edebe409;border-radius:16px;overflow:hidden}.songmap-chorus-list header{grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.songmap-chorus-list header strong{font-size:1.02rem;font-weight:800}.songmap-chorus-list header button{background:color-mix(in oklab, var(--song-accent) 18%, transparent);min-height:34px;color:var(--song-accent-bright);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.songmap-chorus-list p{grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:14px;padding:5px 16px;display:grid}.songmap-chorus-list p:last-child{padding-bottom:16px}.songmap-chorus-list p span{color:var(--song-bone-soft);font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.35}.songmap-marks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.songmap-marks button,.songmap-chipgrid button,.songmap-selected-line button{color:var(--song-bone-soft);transition:background .18s var(--song-expo), color .18s var(--song-expo);background:#edebe40f;border-radius:12px;font-weight:800}.songmap-marks button{text-align:left;align-content:center;gap:4px;min-height:76px;padding:12px 14px;display:grid}.songmap-marks button:hover,.songmap-chipgrid button:hover,.songmap-chipgrid button.is-active,.songmap-selected-line button:hover{background:color-mix(in oklab, var(--song-accent) 18%, transparent);color:var(--song-bone)}.songmap-marks span,.songmap-field h3,.songmap-notes span{color:var(--song-bone-soft);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.songmap-marks b{color:var(--song-bone);font-size:14px}.songmap-field{gap:12px;margin-bottom:22px;display:grid}.songmap-chipgrid{flex-wrap:wrap;gap:8px;display:flex}.songmap-chipgrid button{min-height:42px;padding:0 15px}.songmap-field .energy-selector{gap:6px}.songmap-field .energy-selector button{border-radius:9px}.songmap-field .energy-selector button.is-active{border-color:color-mix(in oklab, var(--song-accent) 62%, transparent);color:#0a0a0a;background:var(--song-accent)}.songmap-notes{gap:10px;display:grid}.songmap-notes textarea{resize:vertical;border:1px solid var(--song-line-soft);min-height:120px;color:var(--song-bone);background:#edebe40a;border-radius:14px;padding:14px}.songmap-selected-line{background:#edebe40a;border-radius:14px;gap:10px;margin-top:16px;padding:14px;display:grid}.songmap-selected-line p{color:var(--song-bone-soft)}.songmap-selected-line button{min-height:42px}.songmap-empty{text-align:center;place-items:center;min-height:100svh;padding:24px;display:grid}.songmap-empty h1{margin:0}.songmap-empty p{max-width:36rem;color:var(--muted)}@media (width<=960px){.songmap-learn{place-items:stretch stretch;height:100svh;padding:0;overflow:hidden}.songmap-stage{width:100%;display:block}.songmap-card{overscroll-behavior:contain;height:100svh;min-height:0;max-height:100svh;padding:max(18px, env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));border-radius:0;gap:clamp(12px,1.9vh,18px);overflow:hidden auto}@supports (height:100dvh){.songmap-learn,.songmap-card{height:100dvh}}.songmap-queue{display:none}.songmap-lockup{grid-template-columns:auto minmax(0,1fr);gap:14px}.songmap-lock-meta h1{font-size:clamp(1.6rem,6.4vw,2.2rem)}.songmap-lyrics{flex:auto;min-height:150px;max-height:none}.songmap-lyriccol{gap:clamp(24px,3.6vh,40px)}.songmap-lyric{max-width:100%;font-size:clamp(1.5rem,6vw,2rem)}.songmap-lyric.is-active{font-size:clamp(1.7rem,6.8vw,2.3rem)}.songmap-chorus__top{grid-template-columns:minmax(0,1fr) auto;display:grid}}@media (width<=520px){.songmap-card{gap:clamp(11px,1.7vh,15px)}.songmap-head__right{gap:6px}.songmap-libbtn span{text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.songmap-cover{width:76px}.songmap-readout b{font-size:.95rem}.songmap-practice,.songmap-focus{min-height:36px}.songmap-focus{padding:0 14px;font-size:.9rem}.songmap-marks{grid-template-columns:1fr}.songmap-full-list span,.songmap-chorus-list p span{font-size:.98rem}.songmap-sheet{width:100vw}}@media (prefers-reduced-motion:reduce){.songmap-learn *,.songmap-learn :before,.songmap-learn :after{transition-duration:80ms!important;animation-duration:.001ms!important}}
