*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000;--white: #fff;--text: #fff;--text-2: rgba(255,255,255,.74);--text-3: rgba(255,255,255,.52);--text-faint: rgba(255,255,255,.36);--text-dim: rgba(255,255,255,.28);--line: rgba(255,255,255,.14);--line-strong: rgba(255,255,255,.22);--line-faint: rgba(255,255,255,.08);--border: var(--line);--muted: var(--text-3);--muted2: var(--text-faint);--hair: var(--line);--hair-2: var(--line-strong);--pill-bd: var(--line);--surface-0: #000;--surface-1: #0c0c0f;--pill: rgba(255,255,255,.05);--pill-hover: rgba(255,255,255,.1);--dialog-shadow: 0 24px 70px rgba(0,0,0,.7);--white-press: #e8e8e8;--menu-shadow: 0 18px 50px rgba(0, 0, 0, .6);--wrong-line: rgba(242, 79, 79, .45);--hard: #e23b3b;--hard-press: #ec4a4a;--hard-glow: rgba(226, 59, 59, .35);--hard-text: #f76b6b;--fav: #ff4d6d;--fav-press: #ff6b83;--fresh: #4da3ff;--tiles-accent: #4d7cff;--tiles-accent-text: #7da2ff;--tiles-accent-hot: #00d4ff;--tiles-accent-glow: rgba(77,124,255,.35);--tiles-accent-fill: rgba(77,124,255,.18);--tiles-danger-fill: rgba(242,79,79,.1);--tiles-danger-glow: rgba(242,79,79,.35);--tiles-warn: #ffb02e;--tiles-warn-text: #ffc45c;--tiles-warn-glow: rgba(255,176,46,.34);--tiles-warn-fill: rgba(255,176,46,.16);--tiles-purple: #c221eb;--tiles-purple-text: #dd7bf6;--tiles-purple-glow: rgba(194,33,235,.34);--tiles-purple-fill: rgba(194,33,235,.18);--tiles-pink: #fe08b4;--tiles-pink-text: #ff72d3;--tiles-pink-glow: rgba(254,8,180,.36);--tiles-pink-fill: rgba(254,8,180,.18);--tiles-hatch: rgba(255,255,255,.07);--tiles-hot-glow: rgba(0,212,255,.32);--tiles-cyan-lit: #48fdfe;--tiles-cyan-deep: #0a7fa0;--tiles-indigo: #682dfa;--tiles-blue-num: #5b8cff;--tiles-blue-edge: #0a1230;--tiles-gloss: linear-gradient(180deg, rgba(255,255,255,.3) 0, rgba(255,255,255,.06) 50%, rgba(0,0,0,.18) 50%, rgba(0,0,0,.04) 100%);--g0: rgb(148, 45,220);--g1: rgb( 90, 60,235);--g2: rgb( 40,100,240);--g3: rgb( 0,180,220);--g4: rgb( 16,240,160);--correct: #3ecf6e;--wrong: #f24f4f;--reveal: #f5c842;--font: "Inter", -apple-system, system-ui, sans-serif;--col-music: 500px;--col-edge-l: max(16px, env(safe-area-inset-left));--col-edge-r: max(16px, env(safe-area-inset-right))}@media(min-width:500px){:root{--col-edge-l: calc(50vw - 234px) ;--col-edge-r: calc(50vw - 234px) }}@media(min-width:900px){:root{--col-music: 760px;--col-edge-l: calc(50vw - 364px) ;--col-edge-r: calc(50vw - 364px) }}html,body{height:100%;background:var(--black);color:var(--white);font-family:var(--font);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{position:fixed;inset:0;width:100%}*{-webkit-tap-highlight-color:transparent}.ambience{position:fixed;inset:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;opacity:.58}body.tiles-ambience .ambience{opacity:.82}.app{position:relative;height:100vh;height:100dvh;max-width:500px;margin:0 auto;padding:0 24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}body[data-screen=explore] .app,body[data-screen=custom] .app,body[data-screen=tiles] .app{max-width:var(--col-music)}:focus{outline:none}:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px;border-radius:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.screen{display:flex;flex-direction:column;height:100%}.screen[hidden]{display:none}.screen-enter{animation:screenIn .32s cubic-bezier(.22,1,.36,1) backwards}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.header{display:flex;align-items:center;gap:10px;padding:max(20px,env(safe-area-inset-top)) 0 16px;flex-shrink:0}.header-spacer{flex:none;width:30px}.screen-title,.br-title,.pd-title,.pipe-picker-title{font-size:25px;font-weight:800;line-height:1.14}@media(max-width:560px){.screen-title,.br-title,.pd-title,.pipe-picker-title{font-size:22px}}.screen-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.game-header>.btn-icon{justify-self:start}.game-header>.header-spacer{justify-self:end}#screen-game .game-header>.ovl-back,#screen-findnote .game-header>.ovl-back{visibility:hidden}.game-center{justify-self:center;display:flex;align-items:center;justify-content:center;gap:10px;min-height:30px;overflow:visible}.btn-icon{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px;display:flex;align-items:center;border-radius:10px;transition:color .15s,background .15s}@media(hover:hover){.btn-icon:hover{color:var(--white);background:var(--pill-hover)}}.btn-icon.active{color:var(--white)}.round-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--pill-hover);transition:background .2s,transform .2s}.dot-current{background:var(--white);animation:dotPulse 1.6s ease-in-out infinite}.dot-correct{background:var(--correct)}.dot-wrong{background:var(--wrong)}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}.home-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.wordmark{font-size:64px;font-weight:900;letter-spacing:-.05em;line-height:1;background:linear-gradient(100deg,var(--g0),var(--g1),var(--g2),var(--g3),var(--g4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:14px;color:var(--muted);max-width:260px;margin-bottom:14px}.piano-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.piano-label,.count-label{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.piano-select{display:flex;gap:8px;justify-content:center;width:100%;max-width:480px}.piano-octave{position:relative;display:flex;gap:2px;padding-bottom:14px;flex:1;min-width:0}.piano-key{position:relative;flex:1;min-width:0;height:58px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:0 0 5px 5px;color:transparent;font-family:var(--font);font-size:8.5px;font-weight:600;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:background .15s,color .15s,border-color .15s}.piano-key.on{background:#ffffffe0;border-color:#ffffffe6;color:#0009}@media(hover:hover){.piano-key:not(.on):hover{background:#ffffff24;color:var(--muted)}}.piano-key.black{position:absolute;top:-1px;right:-1px;transform:translate(50%);width:58%;max-width:22px;height:34px;flex:none;background:#0a0a0a;border:1px solid rgba(255,255,255,.18);border-top:none;border-radius:0 0 4px 4px;align-items:center;padding-bottom:0;z-index:2}.piano-key.black.on{background:#ffffffe6;border-color:#ffffffeb;color:#0009}.piano-key.shake{animation:keyshake .3s}@keyframes keyshake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.count-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.count-label{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.count-select{display:flex;gap:8px}.count-pill{width:36px;height:36px;border-radius:50%;background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}@media(hover:hover){.count-pill:hover{color:var(--white);border-color:var(--line-strong)}}.count-pill.wide{width:auto;padding:0 14px;border-radius:100px}.count-pill.active{background:var(--white);color:var(--black);border-color:var(--white)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid var(--line);border-radius:100px;padding:14px 20px;color:var(--white);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}@media(hover:hover){.btn-secondary:hover:not(:disabled){border-color:var(--line-strong);background:var(--pill)}}.btn-secondary:active:not(:disabled){transform:scale(.97)}.home-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(100%,250px);margin-top:8px}.home-sep{width:56px;height:1px;margin:5px auto;background:var(--line)}.home-collections{width:100%;margin-top:2px}.home-collections .explore-presets{justify-content:safe center;padding-bottom:2px}.btn-pill.btn-start{padding:16px 20px;font-size:15px;width:100%}.home-center.leaving>:not(.home-actions){animation:homeOut .46s cubic-bezier(.55,0,.45,1) both}.home-center.leaving>:nth-child(1){animation-delay:.02s}.home-center.leaving>:nth-child(2){animation-delay:.05s}.home-center.leaving>:nth-child(3){animation-delay:.09s}.home-center.leaving>:nth-child(4){animation-delay:.13s}.home-center.leaving>:nth-child(5){animation-delay:.16s}.home-center.leaving .home-actions>:not(.btn-start){animation:homeOut .4s cubic-bezier(.55,0,.45,1) both}#screen-home .home-center.leaving .btn-start{animation:playDecompose .46s cubic-bezier(.4,0,.6,1) both;pointer-events:none}@keyframes homeOut{to{opacity:0;transform:translateY(14px) scale(.92);filter:blur(6px)}}@keyframes playDecompose{0%{transform:scale(1);opacity:1;filter:blur(0)}30%{transform:scale(1.05);opacity:.9;filter:blur(.5px)}to{transform:scale(.82);opacity:0;filter:blur(12px)}}.toggle-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid var(--border);border-radius:100px;padding:9px 16px;color:var(--muted);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s,background .15s}@media(hover:hover){.toggle-pill:hover{color:var(--white);border-color:var(--line-strong)}}.toggle-pill.active{color:var(--white);border-color:var(--white);background:var(--pill)}.mode-row{display:flex;gap:6px;width:100%}.mode-chip,.preset-chip{background:none;border:1px solid var(--line);border-radius:100px;color:var(--text-3);font-family:var(--font);font-size:12px;font-weight:600;padding:9px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.mode-chip{flex:1;padding:9px 8px}@media(hover:hover){.mode-chip:hover,.preset-chip:hover{color:var(--white);border-color:var(--line-strong)}}.mode-chip.active,.preset-chip.active{background:var(--white);color:var(--black);border-color:var(--white)}.mode-chip[data-mode=hard].active,.preset-chip[data-preset=hard].active{background:var(--hard);color:var(--white);border-color:var(--hard);box-shadow:0 0 14px var(--hard-glow)}.custom-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;gap:22px;padding:10px 0 32px}.preset-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.preset-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.btn-pill.btn-custom-start{width:min(100%,250px);padding:15px 20px;font-size:15px;margin-top:4px}.piano-select{touch-action:none}.piano-select.shake{animation:keyshake .3s}@keyframes glitch{0%{clip-path:inset(0);transform:none}8%{clip-path:inset(8% 0 55% 0);transform:translate(-5px,2px) skew(-4deg);box-shadow:-3px 0 #f24f4fd9,3px 0 #00e0ffd9}16%{clip-path:inset(45% 0 12% 0);transform:translate(5px,-2px) skew(3deg);box-shadow:3px 0 #f24f4fd9,-3px 0 #00e0ffd9}24%{clip-path:inset(70% 0 2% 0);transform:translate(-4px,1px)}32%{clip-path:inset(2% 0 78% 0);transform:translate(4px,-1px) skew(-2deg);box-shadow:-2px 0 #f24f4fd9,2px 0 #00e0ffd9}45%{clip-path:inset(30% 0 40% 0);transform:translate(-2px,2px)}60%{clip-path:inset(0);transform:none;box-shadow:0 0 18px #f24f4f59}to{clip-path:inset(0);transform:none;box-shadow:none}}.glitching{animation:glitch .5s steps(1,end) both}.btn-gear{position:fixed;top:max(20px,env(safe-area-inset-top));right:var(--col-edge-r);z-index:61}body:has(>.pipe-overlay) .btn-gear,body:has(>.pd-overlay) .btn-gear,body:has(>.br-overlay) .btn-gear,body:has(.app>.np-overlay) .btn-gear{z-index:106}.mode-fab{position:fixed;top:max(20px,env(safe-area-inset-top));left:var(--col-edge-l);z-index:61;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px 0 11px;background:var(--pill);border:1px solid var(--line);border-radius:999px;color:var(--text-3);font-family:var(--font);cursor:pointer;transition:color .15s,background .15s,border-color .15s,transform .12s}.mode-fab:after{content:"";position:absolute;inset:-5px}.mode-fab:active{transform:scale(.97)}@media(hover:hover){.mode-fab:hover{color:var(--white);background:var(--pill-hover);border-color:var(--line-strong)}}.mode-fab.active{color:var(--white);border-color:var(--line-strong)}.mode-fab svg{flex:none}.mode-fab-name{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:inherit;white-space:nowrap;animation:modeNameIn .15s ease-out}@keyframes modeNameIn{0%{opacity:0;transform:translateY(3px)}}.mode-fab-ico{display:inline-flex;flex:none;animation:modeNameIn .15s ease-out}.mode-fab-caret{color:var(--text-faint);margin:0 -2px 0 -3px;flex:none;transition:color .15s}.mode-fab-caret path{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.mode-fab.active .mode-fab-caret{color:inherit}.mode-fab.active .mode-fab-caret path:first-child{transform:translateY(-2.5px)}.mode-fab.active .mode-fab-caret path:last-child{transform:translateY(2.5px)}.mode-fab:active .mode-fab-caret path:first-child{transform:translateY(2px)}.mode-fab:active .mode-fab-caret path:last-child{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.mode-fab:active .mode-fab-caret path:first-child,.mode-fab:active .mode-fab-caret path:last-child{transform:none}}.mode-menu .add-opt.active{color:var(--white)}.mode-menu .mode-opt{color:var(--muted)}.mode-menu .mode-opt svg{flex:none}.config-panel{position:fixed;top:calc(max(14px,env(safe-area-inset-top)) + 42px);right:var(--col-edge-r);z-index:60;width:min(320px,calc(100vw - 32px));background:var(--surface-0);border:1px solid var(--hair-2);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 40px #00000080}.config-panel[hidden]{display:none}body:has(>.pipe-overlay) .config-panel,body:has(>.pd-overlay) .config-panel,body:has(>.br-overlay) .config-panel,body:has(.app>.np-overlay) .config-panel{z-index:105}.config-section{display:flex;flex-direction:column;gap:10px}.config-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.config-instruments{display:flex;flex-wrap:wrap;gap:6px}.instrument-btn{flex:1 1 auto;background:none;border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:8px 12px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}@media(hover:hover){.instrument-btn:hover{color:var(--white);border-color:var(--line-strong)}}.instrument-btn.active{background:var(--white);color:var(--black);border-color:var(--white)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#ruler-container{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center}.note-picker{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.picker-viewport{position:relative;width:100%;flex:1;min-height:0;overflow:hidden;perspective:1000px;touch-action:none;cursor:grab;outline:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 87%,transparent 100%)}.picker-viewport:active{cursor:grabbing}.picker-viewport.locked,.picker-viewport.locked:active,.picker-viewport.locked .picker-item{cursor:default}.picker-viewport.locked .picker-item.correct,.picker-viewport.locked .picker-item.reveal{cursor:pointer}.picker-item{position:absolute;left:0;right:0;top:50%;height:var(--item-h, 54px);margin-top:calc(var(--item-h, 54px) / -2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#ffffff61;cursor:pointer;transform-origin:center center;will-change:transform,opacity,filter;transition:color .2s ease}.pi-note{font-size:var(--note-size, 44px);font-weight:800;letter-spacing:-.04em;line-height:1}.pi-melody{font-size:var(--cap-size, 11px);font-weight:500;letter-spacing:.02em;line-height:1;min-height:11px;color:#ffffff57;max-width:82vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.picker-item.is-center{color:var(--white)}.picker-item.is-center .pi-melody{color:#fff9}.picker-item.correct{color:var(--correct)}.picker-item.wrong{color:var(--wrong)}.picker-item.reveal{color:var(--reveal)}.picker-item.correct .pi-melody{color:#3ecf6ecc}.picker-item.wrong .pi-melody{color:#f24f4fcc}.picker-item.reveal .pi-melody{color:#f5c842cc}.picker-item.correct .pi-melody,.picker-item.reveal .pi-melody{white-space:normal;max-width:88vw;line-height:1.25}.footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0 28px;padding-bottom:max(28px,env(safe-area-inset-bottom))}.feedback{font-size:13px;font-weight:500;color:var(--muted);min-height:18px;text-align:center;letter-spacing:.01em;transition:color .2s}.feedback.correct{color:var(--correct)}.feedback.wrong{color:var(--wrong)}.footer-actions{display:flex;gap:10px;align-items:center}.btn-pill.btn-replay{background:none;border:1px solid var(--line);color:var(--white)}@media(hover:hover){.btn-pill.btn-replay:hover:not(:disabled){background:var(--pill);border-color:var(--line-strong)}}.btn-replay svg{flex-shrink:0}.btn-replay[hidden]{display:none}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--white);color:var(--black);border:none;border-radius:100px;padding:14px 32px;font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s,transform .12s,opacity .15s}@media(hover:hover){.btn-pill:hover:not(:disabled){background:var(--white-press)}}.btn-pill:active:not(:disabled){transform:scale(.97)}.btn-pill:disabled{background:var(--pill-hover);color:var(--text-dim);cursor:default}.btn-pill[hidden]{display:none}#btn-tiles-start.btn-pill{background:linear-gradient(180deg,#5f93ff,#4d7cff 52%,#2f56c9);color:var(--white);box-shadow:inset 0 1px #ffffff4d,0 0 18px var(--tiles-accent-glow),0 8px 22px #0006}@media(hover:hover){#btn-tiles-start.btn-pill:hover:not(:disabled){background:linear-gradient(180deg,#6f9dff,#5b8cff 52%,#3a63d8)}}.bt-header{align-items:start}.bt-head-stack{min-width:105px;flex-direction:column;gap:0}.bt-head-progress{min-height:30px;display:flex;align-items:center;justify-content:center}.bt-header .round-dots{gap:5px}.bt-header .dot{width:6px;height:6px}.bt-score.streak-num{min-width:1.4em;color:var(--text);font-size:clamp(52px,14vw,56px);text-align:center}.bt-main{flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:18px 0 30px;text-align:center}.bt-main>:first-child{margin-top:auto}.bt-main>:last-child{margin-bottom:auto}.bt-loading,.bt-final,.bt-listen,.bt-reveal,.bt-options,.bt-answer{width:min(100%,420px)}.bt-loading,.bt-final,.bt-listen,.bt-reveal{display:flex;flex-direction:column;align-items:center}.bt-loading{gap:9px;color:var(--text-3)}.bt-loading p{color:var(--text-2);font-size:14px;font-weight:600}.bt-loading>span{color:var(--text-faint);font-size:11px}.bt-listen{gap:16px}.bt-kicker{color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.bt-clock{display:flex;align-items:baseline;justify-content:center;color:var(--white);font-variant-numeric:tabular-nums;line-height:1}.bt-clock strong{min-width:1.35em;font-size:72px;font-weight:850;letter-spacing:-.06em;text-align:right}.bt-clock span{margin-left:4px;color:var(--text-3);font-size:15px;font-weight:650}.bt-wave{width:min(100%,310px);height:58px;display:flex;align-items:center;justify-content:center;gap:5px}.bt-wave span{width:3px;height:30%;border-radius:999px;background:var(--text-3);transform-origin:center}.bt-wave span:nth-child(5n+1){height:34%}.bt-wave span:nth-child(5n+2){height:68%}.bt-wave span:nth-child(5n+3){height:92%}.bt-wave span:nth-child(5n+4){height:52%}.bt-wave span:nth-child(5n){height:76%}.bt-wave.playing span{animation:btWave .85s ease-in-out infinite alternate}.bt-wave.playing span:nth-child(3n+1){animation-delay:-.22s}.bt-wave.playing span:nth-child(3n+2){animation-delay:-.48s}.bt-wave-loading{height:52px}.bt-wave-loading span{background:var(--pill-hover)}@keyframes btWave{0%{transform:scaleY(.34);opacity:.52}to{transform:scaleY(1);opacity:1}}.bt-progress{width:min(100%,310px);height:1px;overflow:hidden;background:var(--line)}.bt-progress>span{display:block;width:100%;height:100%;background:var(--white);transform:scaleX(var(--progress, 0));transform-origin:left;transition:transform .12s linear}.bt-listen-hint{min-height:18px;color:var(--text-3);font-size:12px}.bt-play-clip{min-height:48px}.bt-answer-now{min-width:190px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.bt-answer-now small{color:currentColor;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;opacity:.58}.bt-options{display:flex;flex-direction:column;gap:9px}.btn-secondary.bt-choice{width:100%;min-height:50px;padding:12px 18px;border-radius:999px;line-height:1.25;text-align:center}.btn-secondary.bt-choice:disabled{cursor:default;opacity:1}.btn-secondary.bt-choice.correct{color:var(--correct);border-color:var(--correct);background:none}.btn-secondary.bt-choice.wrong{color:var(--wrong);border-color:var(--wrong-line);background:none}.bt-reveal.wrong+.bt-options .bt-choice.correct{color:var(--reveal);border-color:var(--reveal)}.bt-answer{display:flex;flex-direction:column;gap:9px;text-align:left}.bt-answer>label{color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bt-answer-line{display:flex;align-items:center;gap:9px}.bt-answer-line .dlg-input{flex:1;min-width:0;min-height:48px}.bt-answer-line .btn-pill{width:48px;height:48px;padding:0;flex:none}.bt-reveal{gap:5px}.bt-reveal>span{margin-bottom:6px;color:var(--correct);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bt-reveal.wrong>span{color:var(--wrong)}.bt-reveal h2{max-width:100%;font-size:28px;font-weight:820;letter-spacing:-.025em;line-height:1.12;overflow-wrap:anywhere}.bt-reveal p{color:var(--text-2);font-size:14px}.bt-reveal small{margin-top:8px;color:var(--text-faint);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.bt-earned-points{margin-top:9px;color:var(--correct);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.bt-earned-points.zero{color:var(--text-3)}.bt-final{gap:16px}.bt-final-score{position:relative;display:inline-block;color:var(--white);font-size:82px;font-weight:900;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}.bt-final-correct{margin-top:-8px;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bt-result-dots{display:flex;gap:7px;margin:3px 0 8px}.bt-result-dots span{width:7px;height:7px;border-radius:999px;background:var(--line)}.bt-result-dots .correct{background:var(--correct)}.bt-result-dots .wrong{background:var(--wrong)}.bt-final-actions{display:flex;align-items:center;gap:10px}.bt-footer{padding-top:8px}@media(max-height:560px){.bt-main{justify-content:flex-start;gap:15px;padding-top:4px}.bt-clock strong{font-size:50px}.bt-wave{height:36px}.bt-listen{gap:9px}.bt-options{gap:6px}.btn-secondary.bt-choice{min-height:44px;padding-block:8px}}@media(prefers-reduced-motion:reduce){.bt-wave.playing span{animation:none}.bt-progress>span{transition:none}}.btn-pill.btn-start.hard:not(:disabled){background:var(--hard);color:var(--white);animation:hardElectric 1.8s infinite}@media(hover:hover){.btn-pill.btn-start.hard:not(:disabled):hover{background:var(--hard-press)}}@keyframes hardElectric{0%,44%,to{transform:none;box-shadow:0 0 14px #f24f4f73}46%{transform:translate(-2px,1px) skew(-3deg);box-shadow:-3px 0 #00e0ffb3,3px 0 #f24f4fe6,0 0 22px #f24f4fb3}49%{transform:translate(2px,-1px) skew(2deg);box-shadow:3px 0 #00e0ffb3,-3px 0 #f24f4fe6,0 0 22px #f24f4fb3}52%{transform:none;box-shadow:0 0 16px #f24f4f8c}72%{transform:translate(1.5px) skew(1.5deg);box-shadow:2px 0 #00e0ff99,-2px 0 #f24f4fd9,0 0 24px #f24f4fcc}75%{transform:none;box-shadow:0 0 18px #f24f4f99}}@media(prefers-reduced-motion:reduce){.btn-pill.btn-start.hard:not(:disabled){animation:none;box-shadow:0 0 16px #f24f4f80}}.btn-ghost{background:none;border:none;color:var(--muted);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:100px;transition:color .15s}@media(hover:hover){.btn-ghost:hover{color:var(--white)}}.results-center{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:24px 0}.results-center>:first-child{margin-top:auto}.results-center>:last-child{margin-bottom:auto}.results-mode{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:100px;padding:6px 14px}.results-mode:empty{display:none}.results-mode.hard{color:var(--hard-text);border-color:var(--wrong-line)}.results-title{font-size:14px;font-weight:500;color:var(--muted)}.results-score{font-size:84px;font-weight:900;letter-spacing:-.05em;line-height:1.1;padding:0 .08em;flex-shrink:0}.results-score.perfect{background:linear-gradient(100deg,var(--g0),var(--g2),var(--g4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-breakdown{width:100%;display:flex;justify-content:center;margin-top:8px}.results-piano{display:flex;flex-direction:column;gap:12px;width:min(100%,340px)}.results-octave{position:relative;display:flex;gap:3px;padding-right:18px}.results-key{position:relative;flex:1;min-width:0;height:64px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:0 0 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding-bottom:5px}.results-key.all-ok,.results-key.mixed,.results-key.all-ko{background:#ffffffeb;border-color:#ffffffeb}.results-key.all-ok{background:var(--correct);border-color:var(--correct)}.rk-count{font-size:11px;font-weight:700;color:#00000080;font-variant-numeric:tabular-nums;line-height:1}.rk-count b{font-weight:800}.rk-name{font-size:8.5px;font-weight:600;color:var(--muted2);line-height:1}.results-key.all-ok .rk-count{color:#03361ad1}.results-key.mixed .rk-name,.results-key.all-ko .rk-name{color:#00000080}.results-key.all-ok .rk-name{color:#03361ab3}.results-key.black{position:absolute;top:-1px;right:-1.5px;transform:translate(50%);width:56%;max-width:26px;height:42px;flex:none;gap:3px;background:#0c0c0c;border:1px solid rgba(255,255,255,.16);border-top:none;border-radius:0 0 4px 4px;z-index:2}.results-key.black .rk-name{color:var(--muted)}.results-key.black .rk-count{color:var(--text-2)}.results-key.black.all-ok{background:#0c0c0c;border-color:var(--correct)}.results-key.black.all-ok .rk-count{color:var(--correct)}.results-octave-label{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:var(--muted2)}.results-actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px;flex-shrink:0}.explore-presets{display:flex;justify-content:center;gap:6px;padding-bottom:14px;flex-shrink:0}.explore-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding-bottom:28px}.explore-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;border-bottom:1px solid var(--line)}.explore-row:last-child{border-bottom:none}.explore-row[data-note=do]{--note: 178,128,184}.explore-row[data-note=re]{--note: 159,128,184}.explore-row[data-note=mi]{--note: 141,128,184}.explore-row[data-note=fa]{--note: 128,141,184}.explore-row[data-note=sol]{--note: 128,159,184}.explore-row[data-note=la]{--note: 128,178,184}.explore-row[data-note=si]{--note: 128,184,172}.explore-note{background:none;border:none;color:var(--white);font-family:var(--font);font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1;cursor:pointer;display:flex;align-items:center;gap:12px;flex-shrink:0;transition:transform .12s,color .15s}.explore-dot{width:7px;height:7px;border-radius:50%;background:rgba(var(--note),.9);flex-shrink:0}@media(hover:hover){.explore-note:hover{color:rgb(var(--note))}}.explore-note:active{transform:scale(.95)}.explore-melody{background:none;border:none;color:var(--muted);font-family:var(--font);font-size:12px;font-weight:500;padding:4px 0;cursor:pointer;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}@media(hover:hover){.explore-melody:hover:not(:disabled){color:var(--white)}}.explore-melody:disabled{color:var(--text-dim);cursor:default}.explore-playbar{display:flex;align-items:center;justify-content:flex-start;padding:2px 0 16px;flex-shrink:0}.xport-play{flex:none;width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--white);color:var(--black);border:none;cursor:pointer;transition:transform .1s,background .15s}.xport-play svg{width:22px;height:22px;display:block}@media(hover:hover){.xport-play:hover{background:var(--white-press)}}.xport-play:active{transform:scale(.92)}.note-art{flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--pill);color:var(--white);font-family:var(--font);font-weight:800;letter-spacing:-.02em;line-height:1}.note-art.is-sm{width:46px;height:46px;border-radius:10px;font-size:19px}.note-art.is-sm.is-long{font-size:15px}.note-art.is-lg{width:min(58vw,236px);height:min(58vw,236px);border-radius:28px;font-size:min(26vw,104px)}.note-art.is-lg.is-long{font-size:min(20vw,80px)}.note-art.na-free{color:var(--text-3)}.note-art.na-free svg{display:block}.mini-cover{flex:none;width:46px;height:46px;border-radius:10px;object-fit:cover;display:block;border:1px solid var(--line);background:var(--pill)}.mini-player{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:500px;z-index:90;display:flex;align-items:center;gap:12px;padding:10px 24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--surface-0);border-top:1px solid var(--line)}.mini-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:none;padding:0;margin:0;color:var(--white);font-family:inherit;text-align:left;cursor:pointer}.mini-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mini-title{font-size:14px;font-weight:600;color:var(--text)}.mini-artist{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-play{width:44px;height:44px}.mini-play svg{width:19px;height:19px}body[data-mini] .explore-grid{padding-bottom:84px}body[data-mini] #screen-home{padding-bottom:72px}@media(min-width:640px){.mini-player{max-width:560px;bottom:16px;padding:10px 14px;border:1px solid var(--line);border-radius:18px}body[data-mini] .explore-grid{padding-bottom:96px}}.mini-blur{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:500px;height:110px;z-index:89;pointer-events:none;background:linear-gradient(to top,var(--black) 55%,transparent 100%)}@media(min-width:640px){.mini-blur{max-width:592px;height:124px}}body:has(.app>.np-overlay) .mini-blur{visibility:hidden}body:has(>.br-overlay):not(:has(.app>.np-overlay)):not(:has(>.pd-overlay)):not(:has(>.pipe-overlay)) .mini-blur{visibility:visible;z-index:103}body:has(>.pd-overlay) .mini-blur,body:has(>.pipe-overlay) .mini-blur{visibility:hidden}.np-overlay{flex-direction:column}.pd-overlay.np-overlay{background:transparent;padding:0;z-index:101}body:has(.app>.np-overlay)>.pd-overlay,body:has(.app>.np-overlay)>.pipe-overlay{z-index:102}body:has(.app>.np-overlay) .mini-player{visibility:hidden}body:has(.app>.np-overlay) .screen,body:has(.app>.np-overlay)>.br-overlay{transform:scale(calc(.95 + .05 * var(--np-reveal, 0)));opacity:calc(.25 + .75 * var(--np-reveal, 0));transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .34s ease}body:has(.app>.np-overlay):has(>.br-overlay) .screen{opacity:0}body:has(.app>.np-overlay .np-sheet.is-dragging) .screen,body:has(.app>.np-overlay .np-sheet.is-dragging)>.br-overlay{transition-duration:0s}@media(prefers-reduced-motion:reduce){body:has(.app>.np-overlay) .screen,body:has(.app>.np-overlay)>.br-overlay{transform:none;transition:none}}body:has(.app>.np-overlay) .ambience{opacity:.85}body:has(>.br-overlay):not(:has(.app>.np-overlay)):not(:has(>.pd-overlay)):not(:has(>.pipe-overlay)) .mini-player{visibility:visible;z-index:104}body[data-mini] .br-body{padding-bottom:84px}body:has(>.pd-overlay) .mini-player,body:has(>.pipe-overlay) .mini-player{visibility:hidden}.np-riser{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;animation:np-rise .34s cubic-bezier(.16,1,.3,1) both}@keyframes np-rise{0%{transform:translateY(46px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.np-riser{animation:none}}.np-sheet{flex:1;width:100%;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .34s ease;will-change:transform;touch-action:none}.np-sheet.is-dragging{transition-duration:0s}@media(prefers-reduced-motion:reduce){.np-sheet{transition:none}}.np-x{position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));left:var(--col-edge-l);width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:10px;color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.np-x:after{content:"";position:absolute;inset:-7px}@media(hover:hover){.np-x:hover{color:var(--white);background:var(--pill-hover)}}.np-cover{flex:none;width:min(58vw,236px);height:min(58vw,236px);border-radius:28px;object-fit:cover;display:block;border:1px solid var(--line);background:var(--pill)}.np-body{flex:1;min-height:0;width:100%;max-width:var(--col-music);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.np-note{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;justify-content:center;gap:10px}.np-passage{background:none;border:none;padding:3px 8px;border-radius:8px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--text-2);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:color .15s,box-shadow .15s}@media(hover:hover){.np-passage:hover{color:var(--white);box-shadow:inset 0 0 0 1px var(--line-strong)}}.np-passage.is-static{cursor:default}.np-titles{min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:4px 8px;font-family:inherit;color:inherit}.np-titles-tap{cursor:pointer;border-radius:12px}.np-title{font-size:22px;font-weight:800;line-height:1.16;color:var(--text);max-width:min(78vw,480px)}.np-artist{font-size:14px;font-weight:500;color:var(--text-2);max-width:84vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.np-titles-tap:hover .np-title{color:var(--white)}}.np-seek{width:100%;max-width:min(86vw,420px);display:flex;flex-direction:column;gap:7px}.np-seek-track{position:relative;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none}.np-seek-track:focus-visible{outline:none}.np-seek-rail{position:relative;width:100%;height:4px;border-radius:999px;background:#ffffff29;overflow:hidden}.np-seek-fill{position:absolute;left:0;top:0;bottom:0;background:var(--text);border-radius:999px}.np-seek-thumb{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--text);transform:translateY(-50%) scale(0);transition:transform .14s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.np-seek-track.is-scrubbing .np-seek-thumb,.np-seek-track:focus-visible .np-seek-thumb{transform:translateY(-50%) scale(1)}@media(hover:hover){.np-seek-track:hover .np-seek-thumb{transform:translateY(-50%) scale(1)}}.np-seek-times{display:flex;justify-content:space-between;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-3)}.np-controls{display:flex;align-items:center;gap:18px;margin-top:8px}.np-hero{width:68px;height:68px}.np-hero svg{width:28px;height:28px}.np-side svg,.np-toggle svg{display:block}.np-controls .pd-ico{transition:transform .12s,color .15s,border-color .15s}.np-controls .pd-ico:active,.np-hero:active{transform:scale(.9)}.np-toggle.is-on{color:var(--white);border-color:var(--white)}@media(hover:hover){.np-controls .np-toggle:hover{color:var(--muted);border-color:var(--line)}.np-controls .np-toggle.is-on:hover{color:var(--white);border-color:var(--white)}}.np-repeat{position:relative}.np-repeat-one{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--white);color:var(--black);font:800 10px/1 var(--font);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--surface-0)}@media(prefers-reduced-motion:reduce){.np-controls .pd-ico:hover,.np-controls .pd-ico:active,.np-hero:active,.xport-play:active{transform:none}}.mq{overflow:hidden}.mq-inner{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.mq.is-marquee .mq-inner{max-width:none;overflow:visible;text-overflow:clip;will-change:transform;animation:mq-scroll var(--mq-dur, 9s) ease-in-out infinite}@keyframes mq-scroll{0%,14%{transform:translate(0)}50%,60%{transform:translate(var(--mq-shift, 0))}96%,to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.mq.is-marquee .mq-inner{animation:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}}.explore-grid[data-now=do] .explore-row[data-note=do] .explore-melody,.explore-grid[data-now=do♯] .explore-row[data-note=do♯] .explore-melody,.explore-grid[data-now=re] .explore-row[data-note=re] .explore-melody,.explore-grid[data-now=re♯] .explore-row[data-note=re♯] .explore-melody,.explore-grid[data-now=mi] .explore-row[data-note=mi] .explore-melody,.explore-grid[data-now=fa] .explore-row[data-note=fa] .explore-melody,.explore-grid[data-now=fa♯] .explore-row[data-note=fa♯] .explore-melody,.explore-grid[data-now=sol] .explore-row[data-note=sol] .explore-melody,.explore-grid[data-now=sol♯] .explore-row[data-note=sol♯] .explore-melody,.explore-grid[data-now=la] .explore-row[data-note=la] .explore-melody,.explore-grid[data-now=la♯] .explore-row[data-note=la♯] .explore-melody,.explore-grid[data-now=si] .explore-row[data-note=si] .explore-melody{color:var(--white);font-weight:600}.streak-wrap{display:flex;flex-direction:column;align-items:center}.streak-label{line-height:30px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.streak-num{display:block;margin-top:4px;font-size:clamp(52px,15vw,72px);font-weight:900;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;color:var(--muted);transform-origin:center center;transition:color .3s ease}.streak-num[data-tier="1"]{color:var(--white)}.streak-num[data-tier="2"]{color:var(--white);text-shadow:0 0 14px rgba(90,130,240,.55)}.streak-num[data-tier="3"]{background:linear-gradient(100deg,var(--g0),var(--g2),var(--g4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(40,180,220,.6))}.streak-num.is-pop{animation:streakPop .26s cubic-bezier(.34,1.56,.64,1)}.streak-num.is-bounce{animation:streakBounce .52s cubic-bezier(.28,1.4,.5,1)}.streak-num.is-milestone{animation:streakMilestone .72s cubic-bezier(.3,1.5,.5,1)}.streak-num.is-pulse{animation:streakPulse .4s ease-in-out}@keyframes streakPop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes streakBounce{0%{transform:scale(1)}30%{transform:scale(1.55) rotate(-3deg)}55%{transform:scale(.9) rotate(2deg)}75%{transform:scale(1.15)}to{transform:scale(1) rotate(0)}}@keyframes streakMilestone{0%{transform:scale(1)}25%{transform:scale(1.95) rotate(-6deg)}45%{transform:scale(.86) rotate(5deg)}65%{transform:scale(1.32) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes streakPulse{0%,to{opacity:1}50%{opacity:.5;transform:scale(1.08)}}.celebrate-overlay{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden}.celebrate-canvas{position:absolute;inset:0;width:100%;height:100%}.celebrate-ring{position:absolute;width:var(--ring-size, 120px);height:var(--ring-size, 120px);border:var(--ring-thick, 3px) solid var(--ring-color, #fff);border-radius:50%;animation:celebrateRing .85s cubic-bezier(.15,.6,.3,1) forwards}@keyframes celebrateRing{0%{transform:translate(-50%,-50%) scale(.15);opacity:.9}70%{opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.celebrate-glow{position:absolute;width:calc(var(--glow-size, 150px) * 2);height:calc(var(--glow-size, 150px) * 2);border-radius:50%;background:radial-gradient(circle,var(--glow-color, rgba(90,130,240,.5)) 0%,transparent 68%);animation:celebrateGlow .72s ease-out forwards}@keyframes celebrateGlow{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}.celebrate-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 38%,var(--vig-color, rgba(40,180,220,.3)) 125%);animation:celebrateVignette .9s ease-out forwards}@keyframes celebrateVignette{0%{opacity:0}35%{opacity:1}to{opacity:0}}.celebrate-combo{position:absolute;font-family:var(--font);font-size:26px;font-weight:900;letter-spacing:.02em;color:#fff;white-space:nowrap;text-shadow:0 0 18px rgba(40,180,220,.8),0 2px 8px rgba(0,0,0,.6);animation:celebrateCombo 1.1s cubic-bezier(.2,1,.4,1) forwards}.celebrate-combo.big{font-size:40px}@keyframes celebrateCombo{0%{transform:translate(-50%,-50%) translateY(calc(var(--cd,1) * 6px)) scale(.6);opacity:0}20%{transform:translate(-50%,-50%) translateY(calc(var(--cd,1) * -10px)) scale(1.15);opacity:1}55%{transform:translate(-50%,-50%) translateY(calc(var(--cd,1) * -34px)) scale(1);opacity:1}to{transform:translate(-50%,-50%) translateY(calc(var(--cd,1) * -72px)) scale(.95);opacity:0}}.celebrate-edge{position:absolute;inset:0;box-shadow:inset 0 0 calc(var(--edge-spread, 24px) * 1.9) var(--edge-spread, 24px) var(--edge-color, rgba(90,130,240,.3));animation:celebrateEdge 1s ease-out forwards}@keyframes celebrateEdge{0%{opacity:0}22%{opacity:1}to{opacity:0}}.celebrate-shake{animation:celebrateShake .52s cubic-bezier(.36,.07,.19,.97)}@keyframes celebrateShake{10%,90%{transform:translate(calc(var(--shake-amp,6px) * -.4))}20%,80%{transform:translate(calc(var(--shake-amp,6px) * .7))}30%,50%,70%{transform:translate(calc(var(--shake-amp,6px) * -1))}40%,60%{transform:translate(var(--shake-amp,6px))}}.debug-panel{position:fixed;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));z-index:200;width:210px;max-height:calc(100dvh - 20px - env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#0e0e10f0;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;font-family:var(--font);box-shadow:0 12px 30px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.debug-panel::-webkit-scrollbar{display:none}.debug-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--muted);margin-bottom:8px}.debug-panel.collapsed{width:auto;padding:6px 9px;cursor:pointer;border-radius:100px;overflow:hidden}.debug-panel.collapsed .debug-head{margin-bottom:0}.debug-panel.collapsed .debug-word,.debug-panel.collapsed .debug-hide,.debug-panel.collapsed .debug-body{display:none}.debug-word{font-style:normal}.debug-body{display:flex;flex-direction:column;gap:9px}.debug-group-title{font-size:8.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);margin-bottom:5px}.debug-row{display:flex;flex-wrap:wrap;gap:5px}.debug-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--white);font-family:var(--font);font-size:11px;font-weight:600;padding:6px 9px;cursor:pointer;transition:background .12s,border-color .12s}@media(hover:hover){.debug-chip:hover{background:#ffffff24;border-color:#ffffff47}}.debug-chip.active{background:#ffffff38;border-color:var(--white);color:var(--white)}.debug-chip[data-hint=subtle]{border-color:#5a82f066}.debug-chip[data-hint=great]{border-color:#28b4dc73}.debug-chip[data-hint=milestone]{border-color:#10f0a080}.debug-chip[data-hint=euphoric]{border-color:transparent;background:linear-gradient(100deg,#942ddc80,#10f0a080)}.debug-swatch-label{flex:1 1 100%;margin-top:2px;color:var(--muted2);font-family:var(--font);font-size:10px;font-weight:700}.debug-swatch{width:26px;height:22px;padding:0;border-radius:5px}.debug-swatch.active{border-color:var(--tiles-accent-hot);box-shadow:0 0 0 1px var(--tiles-accent-hot)}.debug-hide{font-size:9px;padding:3px 7px;letter-spacing:.1em}.debug-input{flex:1 1 100%;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--white);font:500 11px var(--font);padding:6px 9px;outline:none}.debug-input:focus{border-color:var(--line-strong)}.debug-input::placeholder{color:var(--muted2)}.debug-songs{display:flex;flex-direction:column;gap:4px;margin-top:7px}.debug-song{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--white)}.debug-song-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-song-s{flex:none;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:8.5px}.debug-retry{font-size:9px;padding:3px 6px}.debug-suggest{display:flex;flex-direction:column;gap:3px;margin-top:6px}.debug-suggest:empty{display:none}.debug-sug{display:flex;align-items:center;min-height:40px;padding:6px 9px;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:var(--white);font:500 10.5px var(--font);cursor:pointer;transition:background .12s,border-color .12s}@media(hover:hover){.debug-sug:hover{background:#ffffff1f}}.debug-sug.active{border-color:#8cb4ffb3;background:#8cb4ff24}.debug-sug-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#debug-streak{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:70;pointer-events:none}.explore-search{display:flex;align-items:center;gap:9px;padding:11px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);flex-shrink:0;transition:border-color .15s}.explore-search:focus-within{border-color:var(--line-strong)}.explore-search>svg{flex:none;opacity:.6}.explore-search-sep{flex:none;width:1px;height:22px;background:var(--line);margin:0 4px}.explore-browse-btn{flex:none;width:34px;height:34px;margin:-6px -4px -6px 0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:10px;color:var(--muted);cursor:pointer;transition:color .15s,background .15s,transform .1s}.explore-browse-btn svg{opacity:1}@media(hover:hover){.explore-browse-btn:hover{color:var(--white);background:var(--pill)}}.explore-browse-btn:active{transform:scale(.94)}.explore-browse-btn.has-filter{color:var(--white)}#explore-q{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--white);font-family:var(--font);font-size:15px;padding:0 2px;margin:0 -2px}#explore-q::placeholder{color:var(--muted)}#explore-q::-webkit-search-cancel-button{-webkit-appearance:none}.explore-presets[hidden],.explore-grid[hidden],.explore-results[hidden]{display:none}.explore-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding-bottom:28px}#coll-zone:not(:empty){display:flex;flex-direction:column;gap:8px;padding:2px 2px 12px}.coll-zone-head{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.coll-view-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.coll-view-toggle:hover{color:var(--text-2)}.cvt-swap{color:var(--text-faint);font-size:12px}.coll-chip-tag{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-left:2px}.album-chip.active .coll-chip-tag{color:inherit;opacity:.6}.coll-tiles{display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.coll-tiles::-webkit-scrollbar{display:none}.coll-tiles .br-tile{flex:none;width:132px}.exr-status{color:var(--muted);font-size:13px;text-align:center;padding:26px 8px}.exr-status code{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--white)}.exr-row{display:flex;align-items:center;gap:13px;padding:10px 2px;border-bottom:1px solid var(--line);flex-shrink:0}.exr-row:last-child{border-bottom:none}.exr-swipe{position:relative;overflow:hidden;border-bottom:1px solid var(--line);flex-shrink:0}.exr-swipe:last-child{border-bottom:none}.exr-swipe .exr-row{border-bottom:none;background:transparent;position:relative;z-index:1;touch-action:pan-y;transition:transform .24s cubic-bezier(.22,1,.36,1)}.exr-swipe.swiping .exr-row,.exr-swipe.open .exr-row,.exr-swipe.removing .exr-row{background:var(--black)}.exr-swipe.swiping .exr-row{transition:none}.exr-trash{position:absolute;top:0;right:0;bottom:0;width:72px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;transform:translate(100%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.exr-swipe.swiping .exr-trash{transition:none}.exr-trash-b{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--wrong-line);border-radius:50%;color:var(--wrong);transition:background .15s,color .15s,border-color .15s}@media(hover:hover){.exr-trash:hover .exr-trash-b{background:var(--wrong);color:var(--white);border-color:var(--wrong)}}.exr-swipe.removing{transition:height .26s ease,border-color .26s ease;border-bottom-color:transparent}.exr-row.is-tiles-armed{position:relative;border-bottom-color:transparent}.exr-swipe:has(.is-tiles-armed){border-bottom-color:transparent}.exr-swipe:has(+.exr-swipe .is-tiles-armed){border-bottom-color:transparent}.exr-row:has(+.exr-row.is-tiles-armed){border-bottom-color:transparent}.exr-start-ovl{position:absolute;inset:0;z-index:3;display:flex;align-items:center;gap:11px;padding:0 14px 0 12px;background:var(--tiles-accent);color:var(--white);border-radius:14px;cursor:pointer;box-shadow:0 8px 30px -12px #4d7cffb3;animation:tilesStartIn .16s ease-out}@keyframes tilesStartIn{0%{opacity:0}to{opacity:1}}.exr-start-ovl.is-loading{opacity:.72}.exr-start-main{display:flex;flex-direction:column;gap:2px;min-width:0}.exr-start-line{display:flex;align-items:center;gap:11px}.exr-start-word{font-style:italic;font-weight:800;font-size:28px;letter-spacing:.01em;line-height:.9}.exr-start-sub{font-size:12.5px;font-weight:600;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exr-start-ovl .exr-preview{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;opacity:.82}.exr-start-ovl .now-eq i{background:var(--white)}.exr-chip{flex:none;width:46px;height:46px;border:1px solid var(--line);border-radius:10px;background:var(--pill);color:var(--white);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transition:background .15s,border-color .15s}@media(hover:hover){.exr-chip:hover{background:var(--pill-hover);border-color:var(--line-strong)}.exr-chip.is-placeholder:hover{background:var(--pill);border-color:var(--line)}}.exr-chip.is-placeholder{cursor:default}.exr-chip.is-placeholder .exr-solf{color:var(--text-3);font-weight:500;font-size:18px}.exr-solf{font-size:20px;font-weight:700}.exr-solf-long{font-size:16px}.exr-cover{flex:none;position:relative;width:46px;height:46px;border-radius:10px;border:1px solid var(--line);background:var(--pill);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-3)}.exr-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.exr-cover-ph{display:flex}.exr-cover.has-img .exr-cover-ph{display:none}.exr-row.is-loading .exr-cover-ph,.exr-row.is-loading .exr-cover-img{opacity:.25}.exr-row.is-loading .exr-cover:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--white);border-radius:50%;animation:ico-spin .7s linear infinite}.exr-meta{flex:1;min-width:0}.exr-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exr-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exr-key{color:var(--text-faint)}.exr-meta{cursor:pointer}.exr-row.is-now .exr-title{color:var(--white)}.now-eq{flex:none;display:inline-flex;align-items:flex-end;gap:2.5px;width:14px;height:14px}.now-eq i{flex:1;border-radius:1.5px;background:var(--white);height:40%;animation:now-eq 1.05s ease-in-out infinite;transform-origin:bottom}.now-eq i:nth-child(2){animation-delay:.28s}.now-eq i:nth-child(3){animation-delay:.55s}.exr-row.is-now-paused .now-eq i{animation-play-state:paused;opacity:.6}@keyframes now-eq{0%,to{height:30%}50%{height:100%}}.explore-presets{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.explore-presets::-webkit-scrollbar{display:none}.album-chip,.filter-chip{flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font);font-size:13px;line-height:1.4;font-weight:600;color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}@media(hover:hover){.album-chip:hover,.filter-chip:hover{color:var(--white);border-color:var(--line-strong)}}.fav-filter svg{width:14px;height:14px}.fav-filter.active svg{fill:currentColor}.album-chip.active,.filter-chip.active{color:#000;background:var(--white);border-color:var(--white)}.album-emoji{font-size:14px;line-height:1}.album-emoji-svg{display:inline-flex;align-items:center}.album-chip.is-importing{color:var(--muted);pointer-events:none}.album-chip.is-importing .album-emoji{display:none}.album-chip.is-importing:before{content:"";width:12px;height:12px;flex:none;border:2px solid var(--line-strong);border-top-color:var(--white);border-radius:50%;animation:ico-spin .7s linear infinite}#toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,12px);z-index:130;max-width:80vw;padding:10px 18px;border-radius:999px;background:#fffffff2;color:#000;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%)}.explore-grid,.explore-results{scrollbar-width:none;-ms-overflow-style:none}.explore-grid::-webkit-scrollbar,.explore-results::-webkit-scrollbar{width:0;height:0;display:none}.exr-add{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--muted);font-size:21px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}@media(hover:hover){.exr-add:hover{color:var(--white);border-color:var(--line-strong);background:var(--pill)}}.add-menu{position:fixed;z-index:110;min-width:168px;max-width:72vw;background:var(--surface-1);border:1px solid var(--hair);border-radius:12px;padding:5px;display:flex;flex-direction:column;box-shadow:var(--menu-shadow)}.add-opt{display:flex;align-items:center;gap:9px;background:none;border:none;color:var(--white);font-family:var(--font);font-size:14px;font-weight:500;text-align:left;padding:9px 11px;border-radius:10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-opt span{opacity:.55;flex:none}@media(hover:hover){.add-opt:hover{background:var(--pill-hover)}}.add-opt.add-new{color:var(--muted);position:relative;margin-top:7px}.add-opt.add-new:before{content:"";position:absolute;top:-4px;left:0;right:0;height:1px;background:var(--line)}.section-menu{min-width:152px}.sec-opt{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:9px 12px;text-align:left;background:none;border:none;border-radius:10px;color:var(--text-2);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;line-height:1.2}@media(hover:hover){.sec-opt:hover{background:var(--pill-hover)}}.sec-note{flex:none;min-width:20px;font-size:12px;font-weight:600;color:var(--text-2)}.sec-note sub{font-size:9px;opacity:.8}.sec-name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sec-opt.active .sec-note,.sec-opt.active .sec-name{color:var(--white)}.sec-opt.active .sec-name{font-weight:600}.exr-sec{color:var(--text-3)}.ex-sec{font-style:normal;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);opacity:.7;margin-left:4px}.exr-info{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:none;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}@media(hover:hover){.exr-info:hover{color:var(--white);border-color:var(--line-strong)}}.pipe-dot-fresh{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:7px;vertical-align:middle;background:var(--fresh)}.pipe-addable .exr-meta{cursor:default}.pipe-addable .exr-cover,.pipe-addable .exr-chip,.pipe-addable .exr-meta{opacity:.4}.pipe-meta-state{flex:none;font-size:12px;color:var(--text-3);white-space:nowrap;animation:exr-pulse 1.6s ease-in-out infinite}.pd-empty.pipe-converting{animation:exr-pulse 1.6s ease-in-out infinite}@keyframes exr-pulse{0%,to{opacity:.45}50%{opacity:.9}}.pipe-row-hit{border-radius:12px;animation:pipe-row-hit 1.6s ease-out both}@keyframes pipe-row-hit{0%{background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff59}to{background:transparent;box-shadow:inset 0 0 0 1px #fff0}}.sec-heading{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding:9px 12px 3px;border-top:1px solid var(--line);margin-top:3px}.pipe-passage-opt{color:var(--muted)}.pipe-passage-opt .pass-plus{color:var(--text-2);font-size:16px;font-weight:500}.sec-pass{position:relative;padding-right:44px;-webkit-user-select:none;user-select:none}.sec-edit{position:absolute;top:0;right:6px;bottom:0;width:40px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--muted);cursor:pointer;transition:color .15s}@media(hover:hover){.sec-edit:hover{color:var(--white)}}.ovl-back{position:relative;flex:none;width:30px;height:30px;padding:0;margin-left:-6px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:10px;color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.ovl-back:after{content:"";position:absolute;inset:-7px}@media(hover:hover){.ovl-back:hover{color:var(--white);background:var(--pill-hover)}}.game-back{position:fixed;top:max(20px,env(safe-area-inset-top));left:var(--col-edge-l);margin-left:0;z-index:61}.sk-pulse{animation:exr-pulse 1.6s ease-in-out infinite}.sk-line{display:block;height:12px;border-radius:6px;background:var(--pill)}.sk-line+.sk-line{margin-top:6px}body.deep-boot .app{visibility:hidden}.sk-text{display:inline-block;vertical-align:middle;width:100%;height:12px;border-radius:6px;background:var(--pill)}.sk-row{flex:none;height:48px;border-radius:12px;background:var(--pill)}.sk-row+.sk-row{margin-top:8px}.sk-btn{flex:none;width:64px;height:48px;border-radius:999px;background:var(--pill)}.sk-btn.sk-step{width:44px;height:44px}.sk-chip{flex:1 1 0;max-width:120px;height:44px;border-radius:999px;background:var(--pill)}.sk-bar{flex:none;width:100%;height:48px;border-radius:999px;background:var(--pill)}.pipe-skel{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.pipe-skel .pipe-namerow{min-height:28px;align-items:center}.sk-roll{flex:1;min-height:120px;border-radius:14px;background:var(--pill)}.sk-lane-bar{position:absolute;left:22%;width:44%;top:5px;height:34px;border-radius:4px;background:var(--pill)}.sk-tile{aspect-ratio:1 / 1;border-radius:12px;background:var(--pill)}.pd-overlay{position:fixed;inset:0;z-index:100;background:var(--surface-0);display:flex;align-items:center;justify-content:center;padding:0 0 max(16px,env(safe-area-inset-bottom))}.pd-panel{width:100%;max-width:var(--col-music);height:100%;display:flex;flex-direction:column;gap:14px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));overflow:hidden}.pd-head{flex:none;display:flex;align-items:flex-start;gap:10px;padding:max(20px,env(safe-area-inset-top)) 0 2px}.pd-titles{flex:1;min-width:0}.pd-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pd-artist{font-size:14px;font-weight:500;color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:14px;min-width:0}.pd-body::-webkit-scrollbar{display:none}.pd-facts-line{font-size:13px;color:var(--text-3);margin-top:3px}.pd-sources{min-width:0}.pd-carousel{position:relative;display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:2px}.pd-carousel::-webkit-scrollbar{display:none}.pd-carousel,.pd-slide,.pd-vid{user-select:none;-webkit-user-select:none}.pd-carousel img{-webkit-user-drag:none;pointer-events:none}.pd-vid .yt-play{z-index:3}.pd-prog{position:absolute;left:0;right:0;bottom:0;z-index:3;display:none;align-items:center;gap:8px;padding:10px 10px 8px;background:linear-gradient(to top,#000000c7,#0000)}.pd-vid.is-preview .pd-prog{display:flex}.pd-prog-bar{position:relative;flex:1;min-width:0;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none}.pd-prog-bar:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;border-radius:2px;background:#ffffff4d}.pd-prog-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;width:0;border-radius:2px;background:var(--white)}.pd-prog-t{flex:none;font:600 11px var(--font);color:#fff;white-space:nowrap}.pd-slide{flex:none;width:min(88%,480px);scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;background:none;border:none;padding:0;text-align:left;color:var(--white)}.pd-slide:last-child{scroll-snap-align:end}.pd-carousel.pd-solo .pd-slide{width:100%}.pd-vid{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--pill);isolation:isolate}.pd-slide-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pd-slide-t{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-slide-c{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-cardact{position:absolute;right:10px;top:10px;z-index:4;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#0000008c;color:var(--white);font:600 13px var(--font);white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s,transform .1s}@media(hover:hover){.pd-cardact.is-set:hover{background:#000000bd;border-color:var(--line-strong)}}.pd-cardact.is-set:active{transform:scale(.97)}.pd-cardact.is-default{color:#000;background:var(--white);border-color:var(--white);cursor:default}.pd-cardact.is-computing{color:var(--text-3);border-style:dashed;cursor:default;animation:exr-pulse 1.6s ease-in-out infinite}.ps-video-fill.is-playing~.pd-cardact{opacity:0;pointer-events:none}.pd-find-pill{align-self:flex-start;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:none;color:var(--white);font:600 13px var(--font);cursor:pointer;transition:color .15s,border-color .15s,background .15s}@media(hover:hover){.pd-find-pill:hover{color:var(--white);border-color:var(--line-strong)}}.pd-find-pill.pd-find-loading{opacity:.5;cursor:default}.pd-label{font-size:17px;font-weight:700;color:var(--white);margin-bottom:2px}.pd-passes{display:flex;flex-direction:column}.pd-pass{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.pd-pass:last-child{border-bottom:none}.pd-pass .sec-note{flex:none;min-width:30px}.pd-pass-name{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-pass-actions{flex:none;display:inline-flex;gap:4px}.pd-pass-tag{flex:none;font:700 9.5px var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:2px 7px;border:1px solid var(--line);border-radius:999px}.pd-pass--auto .pd-pass-name{font-weight:500;color:var(--text-2)}.pd-pass.is-now{position:relative}.pd-pass.is-now:before{content:"";position:absolute;left:-9px;top:7px;bottom:7px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--g0),var(--g4))}.pd-pass.is-now .pd-pass-name{color:var(--white);font-weight:700}.pd-pass.is-now .sec-note{color:var(--white)}.pd-pass-seek{cursor:pointer}@media(hover:hover){.pd-pass-seek:hover .pd-pass-name{color:var(--white)}}.pd-ico{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:50%;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}@media(hover:hover){.pd-ico:hover{color:var(--white);border-color:var(--line-strong)}}.pd-ico:disabled{cursor:default}.pd-ico.is-loading svg{animation:ico-spin .9s linear infinite}@keyframes ico-spin{to{transform:rotate(360deg)}}.pd-ico.br-remove{color:var(--wrong);border-color:var(--wrong-line)}@media(hover:hover){.pd-ico.br-remove:hover{background:var(--wrong);color:var(--white);border-color:var(--wrong)}}.pd-empty{font-size:12px;color:var(--muted);padding:6px 0}.rc-note{color:var(--white);font-weight:700}.rc-note sub{font-size:9px;opacity:.8}.rc-swap{display:flex;flex-direction:column;padding:2px 0 4px}.rc-swap-row{display:flex;align-items:baseline;gap:10px}.rc-swap-row .rc-note{flex:none;min-width:30px}.rc-swap-meta{flex:1;min-width:0}.rc-swap-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-swap-old .rc-note,.rc-swap-old .rc-swap-title{color:var(--text-3);font-weight:500}.rc-swap-artist{font-size:12px;color:var(--text-faint);margin-top:1px}.rc-swap-arrow{width:30px;display:flex;justify-content:center;color:var(--text-3);padding:4px 0}.yt-play{position:absolute;inset:0;margin:auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;transition:background .15s,transform .1s}.yt-play svg{margin-left:1px}.yt-play.playing svg{margin-left:0}@media(hover:hover){.yt-play:hover{background:#000000c7}}.yt-play:active{transform:scale(.94)}.yt-play.loading:active{transform:none}.yt-spin{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:yt-spin .8s linear infinite}@keyframes yt-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.yt-spin{width:auto;height:auto;border:0;border-radius:0;animation:none;color:#fff;font-size:20px;line-height:1}.yt-spin:before{content:"…"}}.ps-video-fill{position:absolute;inset:0}.ps-embed{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:0}.ps-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2}.ps-poster-empty{display:flex;align-items:center;justify-content:center;object-fit:initial;color:var(--muted2);font-size:24px;background:var(--pill)}.ps-embed-play{position:absolute;inset:0;margin:auto;z-index:3;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;transition:background .15s,transform .1s}.ps-embed-play svg{width:22px;height:22px;margin-left:2px}@media(hover:hover){.ps-embed-play:hover{background:#000000c7}}.ps-embed-play:active{transform:scale(.94)}.ps-embed-spin{display:none;position:absolute;inset:0;margin:auto;z-index:3}.ps-video-fill.is-loading .ps-embed-play{display:none}.ps-video-fill.is-loading .ps-embed-spin{display:block}.ps-video-fill.is-playing .ps-poster,.ps-video-fill.is-playing .ps-embed-play,.ps-video-fill.is-playing .ps-embed-spin{opacity:0;pointer-events:none}.pipe-overlay{position:fixed;inset:0;z-index:100;background:var(--surface-0);display:flex;align-items:center;justify-content:center;padding:0 0 max(16px,env(safe-area-inset-bottom))}.pipe-picker{width:100%;max-width:var(--col-music);height:100%;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.pipe-picker>.pipe-roll{flex:1 1 auto}.pipe-picker-head{display:flex;align-items:flex-start;gap:10px;padding:max(20px,env(safe-area-inset-top)) 0 2px}.pipe-picker-titles{flex:1;min-width:0}.pipe-picker-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pipe-picker-artist{font-size:14px;font-weight:500;color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipe-roll{position:relative;flex:1 1 auto;min-height:160px;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--line);touch-action:none}@media(max-height:560px){.pipe-roll{min-height:130px}}.pipe-rollmain{flex:1;min-height:0;display:flex;overflow:hidden}.pipe-keys{flex:none;width:44px;height:100%;display:block}.pipe-grid{flex:1;min-width:0;height:100%;display:block;cursor:grab}.pipe-grid:active{cursor:grabbing}.pipe-cursorstrip{flex:none;position:relative;height:20px;margin-bottom:-24px;touch-action:none}.pipe-cursor{position:absolute;top:0;bottom:0;width:48px;margin-left:-24px;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;cursor:ew-resize;z-index:4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.pipe-cursor-t{flex:none;display:block;width:22px;height:20px;border-radius:6px;background:var(--white)}.pipe-lane{flex:none;height:44px;position:relative;border-top:1px solid var(--line-faint);touch-action:none}.pipe-lane-bar{position:absolute;top:5px;height:34px;border-radius:4px;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff47;touch-action:none;cursor:grab;z-index:2}.pipe-lane-bar:before{content:"";position:absolute;left:0;right:0;top:-5px;height:44px}.pipe-lane-bar:active{cursor:grabbing}.pipe-lane-handle{position:absolute;top:0;bottom:0;width:44px;margin-left:-22px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:ew-resize;z-index:3}.pipe-lane-handle-r{z-index:4}.pipe-lane-handle:after{content:"";width:9px;height:40px;border-radius:5px;background:var(--white)}.pipe-namerow{display:flex;align-items:baseline;margin-top:2px}.pipe-name{flex:1;min-width:0;padding:3px 7px;margin-left:-7px;background:none;border:none;border-radius:10px;color:var(--white);font:700 18px var(--font);outline:none;transition:background .15s}.pipe-name::placeholder{color:var(--text-faint)}@media(hover:hover){.pipe-name:hover{background:var(--pill)}}.pipe-name:focus{background:var(--pill)}.pipe-name-note{flex:none;margin-left:10px;font:700 16px var(--font);color:var(--text-2);white-space:nowrap}.pipe-name-note sub{font-size:10px;font-weight:600;opacity:.8}.pipe-name-note:empty{display:none}.pipe-namerow .pd-pass-tag{align-self:center;margin-left:10px}.pipe-src-line{font-size:12px;line-height:1.4;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-2px;margin-bottom:-12px}.pipe-src-line:empty{display:none}.pipe-lenrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center}.pipe-countrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:-12px;padding-top:12px;border-top:1px solid var(--hair)}.pipe-count{min-width:62px;text-align:center;font:600 13px var(--font);color:var(--white)}.pipe-stepper{flex:none;display:inline-flex;align-items:center;border:1px solid var(--pill-bd);border-radius:999px;background:var(--pill);overflow:hidden}.pipe-step{width:44px;min-height:44px;background:none;border:none;color:var(--white);font:600 17px var(--font);line-height:1;cursor:pointer;transition:background .15s}@media(hover:hover){.pipe-step:hover{background:var(--pill-hover)}}.pipe-len-chip{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid var(--pill-bd);border-radius:999px;background:var(--pill);color:var(--white);font:600 13px var(--font);cursor:pointer;transition:background .15s,border-color .15s,color .15s}@media(hover:hover){.pipe-len-chip:hover{background:var(--pill-hover);border-color:var(--line-strong)}}.pipe-len-chip.active{background:var(--white);color:#000;border-color:var(--white)}.pipe-transrow{display:flex;align-items:center;gap:10px;margin-top:0}.pipe-btn{min-height:48px;font:600 14px var(--font);color:var(--white);background:var(--pill);border:1px solid var(--pill-bd);border-radius:999px;padding:0 22px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}@media(hover:hover){.pipe-btn:hover{background:var(--pill-hover);border-color:var(--line-strong)}}.pipe-prev,.pipe-transport,.pipe-myst{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0}.pipe-prev{width:52px;color:var(--muted)}@media(hover:hover){.pipe-prev:hover{color:var(--white)}}.pipe-transport{width:64px;background:var(--white);color:#000;border-color:var(--white)}@media(hover:hover){.pipe-transport:hover{background:var(--white-press);border-color:var(--white-press)}}.pipe-myst{width:48px}.pipe-myst.active{color:#000;background:var(--white);border-color:var(--white)}.pipe-mystnote{flex:1;min-width:0;font-size:12px;line-height:1.35;color:var(--text-3);display:none}.pipe-myst.active~.pipe-mystnote{display:block}.pipe-time{flex:none;margin-left:auto;font:600 13px var(--font);color:var(--text-3);font-variant-numeric:tabular-nums}.pipe-actions{display:flex;flex-wrap:wrap;gap:10px}.pipe-addpass{flex:1 1 100%;color:#000;background:var(--white);border-color:var(--white)}.pipe-addpass:disabled{opacity:.4;cursor:default;pointer-events:none}.pipe-actions-edit .pipe-addpass{flex:1 1 0}@media(hover:hover){.pipe-addpass:not(.pipe-delpass):hover{background:var(--white-press);color:var(--black);border-color:var(--white-press)}}@media(max-width:560px){.pipe-actions{flex-direction:column}.pipe-actions .pipe-btn{width:100%}.pipe-lenrow{flex-wrap:nowrap}.pipe-len-chip{flex:1 1 0;min-width:0;padding:0 8px;justify-content:center}}.playlist-chip{padding:0;gap:0;overflow:hidden;cursor:default}.pl-open,.pl-menu{background:none;border:none;color:inherit;font:inherit;cursor:pointer}.pl-open{display:inline-flex;align-items:center;gap:6px;padding:7px 8px 7px 14px}.pl-menu{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;border-left:1px solid var(--line);padding:4px 12px;opacity:.55;transition:opacity .15s,background .15s}@media(hover:hover){.pl-menu:hover{opacity:1;background:var(--pill-hover)}}.playlist-chip.active .pl-menu{border-left-color:#0000002e}@media(hover:hover){.playlist-chip.active .pl-menu:hover{background:#0000000f}}.new-playlist{color:var(--muted);border-style:dashed}.type-lead{padding:6px 12px;color:var(--text-2)}.type-lead svg{display:block}@media(hover:hover){.type-lead:hover{color:var(--white);border-color:var(--line-strong);background:var(--pill)}}.type-lead:active{transform:scale(.96)}.br-overlay{position:fixed;inset:0;z-index:100;background:var(--surface-0);display:flex;align-items:flex-start;justify-content:center;padding:0 0 max(16px,env(safe-area-inset-bottom))}.br-panel{width:100%;max-width:var(--col-music);height:100%;display:flex;flex-direction:column;gap:14px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.br-head{display:flex;align-items:flex-start;gap:10px;flex:none;padding:max(20px,env(safe-area-inset-top)) 0 2px}.br-title{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.br-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px}.br-body::-webkit-scrollbar{display:none}.br-section{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin-top:4px}.br-genres,.br-plists{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.br-tile{position:relative;display:flex;flex-direction:column;gap:8px;background:none;border:none;padding:0;text-align:left;color:var(--white);cursor:pointer;transition:transform .1s;-webkit-user-select:none;user-select:none}.br-tile:active{transform:scale(.98)}.br-tile-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;display:block;background:var(--pill);-webkit-user-drag:none}.br-tile-noimg{display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--text-3)}.br-genre-card{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(145deg,hsl(var(--gh, 240) 58% 34%),hsl(var(--gh, 240) 62% 16%))}.br-genre-t{font-size:16px;font-weight:800;color:#fff;line-height:1.12;text-shadow:0 1px 6px rgba(0,0,0,.35)}.br-prov-card{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s}.br-prov-card svg{width:62%;height:62%}@media(hover:hover){.br-prov:not(.is-off):hover .br-prov-card{filter:brightness(1.08)}}.br-prov:not(.is-off):active .br-prov-card{transform:scale(.98)}.br-prov.is-off{cursor:not-allowed}.br-prov.is-off .br-prov-card{opacity:.4}.br-more-card{background:var(--pill);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px}.br-more-ic{font-size:34px;line-height:.6;font-weight:300;color:var(--text-2)}.br-more-card .br-genre-t{color:#fff}.br-tile-t{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-tile-sub{font-size:12px;color:var(--muted);margin-top:-4px}.br-loading,.br-empty{color:var(--text-3);font-size:14px;padding:8px 0;grid-column:1 / -1}.br-results-head{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:2px 2px 12px}.br-results-c{font-size:12px;color:var(--muted)}.br-head-actions{display:flex;gap:8px;align-items:center}.br-head-actions .br-newcoll{margin-left:auto}.br-head-actions .xport-play{width:44px;height:44px}.br-head-actions .xport-play svg{width:19px;height:19px}.br-head-actions .xport-play:disabled{opacity:.35;cursor:default;transform:none}.br-newcoll{flex:none;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:7px;background:none;border:1px dashed var(--line);border-radius:999px;color:var(--muted);font:600 13px var(--font);cursor:pointer;transition:color .15s,border-color .15s}.br-newcoll svg{flex:none;width:14px;height:14px}@media(hover:hover){.br-newcoll:hover{color:var(--white);border-color:var(--line-strong)}}.br-songs{display:flex;flex-direction:column}.br-help{font-size:14px;color:var(--text-2);line-height:1.55}.br-help b{color:var(--white);font-weight:700}.br-help code{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--white);background:var(--pill);padding:3px 7px;border-radius:6px;word-break:break-all;display:inline-block;margin:2px 0}.br-paste{display:flex;gap:8px;align-items:center}.br-input{flex:1;min-width:0;min-height:44px;padding:0 15px;background:none;border:1px solid var(--line);border-radius:999px;color:var(--white);font:500 14px var(--font);outline:none}.br-input:focus{border-color:var(--line-strong)}.br-go{flex:none;min-height:44px;padding:0 18px;border-radius:999px;cursor:pointer;border:1px solid var(--white);background:var(--white);color:#000;font:600 14px var(--font)}@media(hover:hover){.br-go:hover{background:var(--white-press);border-color:var(--white-press)}}.fav-btn{flex:none;width:44px;height:44px;margin:0 -13px 0 -6px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);cursor:pointer;transition:color .15s,transform .1s}.fav-btn svg{width:18px;height:18px}.fav-btn.on{color:var(--fav)}.fav-btn.on svg{fill:currentColor}.fav-btn:active{transform:scale(.9)}@media(hover:hover){.fav-btn:hover{color:var(--white)}.fav-btn.on:hover{color:var(--fav-press)}}.dlg-icons{display:flex;flex-wrap:wrap;gap:6px}.dlg-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--white);background:none;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s}@media(hover:hover){.dlg-icon:hover{border-color:var(--line-strong)}}.dlg-icon.active{background:var(--white);border-color:var(--white);color:#000}.dlg-spacer{flex:1}.dlg-btn.dlg-del,.pipe-addpass.pipe-delpass{color:var(--wrong);background:none;border-color:var(--wrong-line)}@media(hover:hover){.dlg-btn.dlg-del:hover,.pipe-addpass.pipe-delpass:hover{background:var(--wrong);color:var(--white);border-color:var(--wrong)}}.explore-filters{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;flex-shrink:0}.explore-filters[hidden]{display:none}.filter-row{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-row::-webkit-scrollbar{display:none}.filter-row:empty{display:none}.filter-chip[hidden]{display:none}.note-pill .x{margin-left:5px;opacity:.7}.explore-note{flex:1;text-align:left}.explore-find{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:none;color:var(--muted);font-size:21px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}@media(hover:hover){.explore-find:hover{color:var(--white);border-color:var(--line-strong);background:var(--pill)}}.dialog-back{position:fixed;inset:0;z-index:120;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{width:100%;max-width:340px;background:var(--surface-0);border:1px solid var(--hair-2);border-radius:16px;padding:20px;box-shadow:var(--dialog-shadow);display:flex;flex-direction:column;gap:12px}.dlg-title{font-size:17px;font-weight:700;margin:0}.dlg-input{background:var(--pill);border:1px solid var(--hair);border-radius:10px;padding:11px 13px;color:var(--white);font:500 15px var(--font);outline:none}.dlg-input:focus{border-color:var(--line-strong)}.dlg-type{display:flex;align-items:center;gap:9px;margin-bottom:2px}.dlg-type-ico{flex:none;display:inline-flex;color:var(--text-2)}.dlg-type-name{font-size:13px;font-weight:600;color:var(--text-2)}.dlg-type-sub{font-size:11px;color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlg-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px}.dlg-opts{display:flex;flex-direction:column;gap:2px;max-height:min(38vh,250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.dlg-opts::-webkit-scrollbar{display:none}.dlg-opt{flex:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 11px;background:none;border:none;border-radius:10px;color:var(--text-2);font:500 14px var(--font);text-align:left;cursor:pointer;transition:background .12s,color .12s}.dlg-opt-ico{flex:none;width:20px;display:inline-flex;align-items:center;justify-content:center;opacity:.55}.dlg-opt-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.dlg-opt:hover{background:var(--pill);color:var(--white)}}.dlg-opt.active{background:var(--pill-hover);color:var(--white);font-weight:600}.dlg-opt.active .dlg-opt-ico{opacity:1}.dlg-opt-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dlg-opt-txt .dlg-opt-name{flex:none}.dlg-opt-sub{font-size:11px;font-weight:400;color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qc-lead{font-size:13px;color:var(--text-3)}.qc-list{max-height:min(42vh,308px);overflow-y:auto;scrollbar-width:none}.qc-list::-webkit-scrollbar{display:none}.qc-row{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.qc-row:last-child{border-bottom:none}.qc-title{flex:none;max-width:62%;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qc-artist{flex:1;min-width:0;font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlg-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.dlg-btn{font:600 14px var(--font);border-radius:999px;padding:0 20px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:none;color:var(--white);transition:color .15s,border-color .15s,background .15s,transform .12s}@media(hover:hover){.dlg-btn:hover{border-color:var(--line-strong);background:var(--pill)}}.dlg-btn:active{transform:scale(.97)}.dlg-btn:disabled,.btn-secondary:disabled,.btn-ghost:disabled{color:var(--text-dim);border-color:var(--line);background:none;cursor:default;transform:none}.dlg-ok{background:var(--white);color:var(--black);border-color:var(--white)}@media(hover:hover){.dlg-ok:hover{background:var(--white-press);border-color:var(--white-press)}}.dialog.type-info{max-width:300px;border-radius:20px;align-items:center;text-align:center}.ti-card{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}.ti-glyph{width:64px;height:64px;margin-bottom:5px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:var(--text);background:var(--pill);border:1px solid var(--line)}.ti-title{font-size:18px;font-weight:700;color:var(--text)}.ti-sub{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.ti-blurb{font-size:13px;line-height:1.45;color:var(--text-2);margin-top:5px;max-width:32ch}.dialog.type-info .dlg-actions{justify-content:center;margin-top:8px}.dialog.type-info .dlg-ok{min-width:120px}.count-pill,.explore-browse-btn{position:relative}.count-pill:after{content:"";position:absolute;inset:-4px;border-radius:inherit}.explore-browse-btn:after{content:"";position:absolute;inset:-5px;border-radius:inherit}.fn-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,3.2vw,18px)}.fn-rect{position:relative;padding:0;background:var(--pill);border:1px solid var(--line);cursor:pointer;opacity:0;scale:.6;transition:opacity .32s cubic-bezier(.22,1,.36,1),scale .32s cubic-bezier(.22,1,.36,1),background .15s,border-color .15s}.fn-rect.born{opacity:1;scale:1}.fn-rect:disabled{cursor:default}.fn-rect:after{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2));border-radius:inherit}@media(hover:hover){.fn-rect:not(:disabled):not(.picked):hover{background:var(--pill-hover);border-color:var(--line-strong)}}.fn-rect.picked{background:var(--white);border-color:var(--white)}.fn-rect.is-correct{background:#3ecf6e38;border-color:var(--correct)}.fn-rect.is-wrong{background:#f24f4f33;border-color:var(--wrong)}.fn-rect.is-reveal{background:#f5c84238;border-color:var(--reveal)}.fn-rect.lit{scale:1.22;box-shadow:0 0 20px 3px #fff6;z-index:1;transition:scale .13s cubic-bezier(.34,1.56,.64,1),box-shadow .13s ease-out}.fn-rail-line{position:absolute;left:6%;right:6%;top:50%;height:1px;background:var(--line)}.fn-rail .fn-rect{width:26px;height:64px;border-radius:10px;translate:0 var(--dy, 0px)}.fn-ladder{display:block}.fn-ladder .fn-rect{position:absolute;left:var(--x, 6%);width:max(var(--w, 3%),18px);height:13px;top:calc(50% + var(--ly, 0px) - 6.5px);border-radius:999px}.fn-dots .fn-rect{width:44px;height:44px;border-radius:999px;transition:opacity .2s ease-out,scale .45s cubic-bezier(.34,1.56,.64,1),background .15s,border-color .15s}.fn-skel{display:flex;align-items:center;gap:clamp(8px,3.2vw,18px)}.fn-skel-pill{width:26px;height:64px;border-radius:10px;background:var(--pill)}.fn-final{display:flex;flex-direction:column;align-items:center;gap:0;width:min(100%,360px)}.fn-final .results-mode{margin-bottom:16px}.fn-final .results-breakdown{margin-top:24px}.fn-final .results-octave{padding-right:0}.fn-final-actions{display:flex;gap:10px;margin-top:28px}.fn-stage[data-phase=over]{flex-direction:column;align-items:center;overflow-y:auto;padding:8px 0}.fn-stage[data-phase=over] .fn-final{margin-block:auto}.fn-cue{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0 2px;transform-origin:center top;transition:transform .55s cubic-bezier(.22,1,.36,1)}.fn-cue-note{font:600 30px/1 var(--font);letter-spacing:.01em;color:var(--text);font-variant-numeric:tabular-nums}.fn-cue.hero{transform:translateY(30vh) scale(2.55)}@media(prefers-reduced-motion:reduce){.fn-cue{transition:none}}.fn-budget{display:inline-flex;gap:5px;height:6px;align-items:center}.fn-pip{width:6px;height:6px;border-radius:999px;background:var(--text);transition:background .18s,transform .18s}.fn-pip.spent{background:var(--line);transform:scale(.72)}.fn-rect-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 10px var(--font);letter-spacing:.01em;color:var(--text);pointer-events:none;white-space:nowrap}.fn-dots .fn-rect-name{font-size:13px}.fn-ladder .fn-rect-name{inset:auto auto auto 50%;bottom:calc(100% + 3px);transform:translate(-50%);font-size:9px;color:var(--muted)}#screen-tiles,#screen-tiles *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#screen-tiles{position:relative}#screen-tiles .game-header{position:relative;z-index:3}#screen-tiles .footer{position:relative;z-index:3;margin-top:auto}#screen-tiles .game-header,#screen-tiles .footer{pointer-events:none}#screen-tiles .game-header .btn-icon,#screen-tiles .footer .btn-pill,#screen-tiles .footer .btn-ghost{pointer-events:auto}.tiles-stage{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%)}@media(min-width:900px)and (orientation:landscape)and (hover:hover)and (pointer:fine){.tiles-stage{width:calc(100% - 96px)}}.tiles-stage .tiles-center,.tiles-stage .tiles-panel{padding-inline:max(24px,env(safe-area-inset-left))}.tiles-host,.tiles-host canvas{position:absolute;inset:0}.tiles-host canvas{display:block;width:100%;height:100%;touch-action:none}.tiles-debug-roll{position:absolute;z-index:4;top:calc(max(20px,env(safe-area-inset-top)) + 108px);right:8px;width:min(62vw,360px);height:min(52%,420px);min-height:260px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border-block:1px solid var(--line);border-left:1px solid var(--line-strong);background:#000000f0;color:var(--white);box-shadow:-18px 0 32px #000000b3;font-variant-numeric:tabular-nums}.tiles-debug-roll-head,.tiles-debug-roll-counts,.tiles-debug-roll-readout{position:relative;z-index:1;padding-inline:10px}.tiles-debug-roll-head{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);color:var(--text-3);font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.tiles-debug-roll-head time{color:var(--tiles-accent-hot);letter-spacing:.04em}.tiles-debug-roll-tools{display:inline-flex;align-items:center;gap:6px}.roll-chip{appearance:none;background:none;border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:var(--text-3);font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;cursor:pointer}.roll-chip[data-here=true]{border-color:var(--line-strong);color:var(--white)}.roll-chip[data-on=true]{border-color:var(--tiles-accent);color:var(--white);background:#4d7cff29}.roll-chip.roll-danger{border-color:#f24f4f80;color:#f2a0a0}.roll-chip.roll-follow{border-color:var(--tiles-accent);color:var(--tiles-accent-text)}.tiles-debug-roll-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-block:4px 6px}.tiles-debug-roll-counts{min-height:28px;display:flex;align-items:center;gap:10px;overflow:hidden;color:var(--text-faint);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.tiles-debug-roll-counts span{display:inline-flex;align-items:center;gap:4px}.tiles-debug-roll-counts i{width:9px;height:4px;flex:none;border-radius:1px}.tiles-debug-roll-counts i[data-layer=all]{background:#ffffff2e}.tiles-debug-roll-counts i[data-layer=skyline]{border:1px solid var(--tiles-accent)}.tiles-debug-roll-counts i[data-layer=selected]{background:var(--white)}.tiles-debug-roll-counts i[data-layer=edits]{background:#ffd23f}.tiles-debug-roll-counts .roll-follow{margin-left:auto}.tiles-debug-roll canvas{display:block;width:100%;height:100%;min-height:0;touch-action:none;cursor:grab}.tiles-debug-roll-readout{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:10px;border-top:1px solid var(--line)}.tiles-debug-roll-readout span{color:var(--text-faint);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.tiles-debug-roll-readout strong{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--white);font-size:14px;text-shadow:0 0 12px var(--tiles-accent-glow);white-space:nowrap}.tiles-debug-roll-readout small{min-width:0;overflow:hidden;color:var(--tiles-accent-text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}@media(min-width:900px){.tiles-stage.has-debug-roll{--tiles-debug-roll-width: clamp(340px, 34vw, 470px)}.tiles-stage.has-debug-roll .tiles-host{right:calc(var(--tiles-debug-roll-width) + 14px)}.tiles-stage.has-debug-roll .tiles-debug-roll{top:calc(max(20px,env(safe-area-inset-top)) + 58px);right:0;width:var(--tiles-debug-roll-width);height:calc(100% - max(20px,env(safe-area-inset-top)) - 58px);min-height:0;border-top:1px solid var(--line);border-bottom:0;box-shadow:-24px 0 48px #000000a3}.tiles-stage.has-debug-roll .tiles-center{right:calc(var(--tiles-debug-roll-width) + 14px)}}.tiles-lane-keys{display:none}@media(hover:hover)and (pointer:fine){.tiles-lane-keys{position:absolute;z-index:2;left:var(--tiles-board-left, 4px);top:calc(var(--tiles-judge-y, 78%) + 14px);width:var(--tiles-board-width, calc(100% - 8px) );display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;transition:opacity .12s ease}.tiles-lane-keys.is-paused{opacity:.36}.tiles-lane-key{position:relative;width:44px;height:44px;justify-self:center;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--pill-hover) 42%,var(--pill)),var(--pill));color:var(--text-3);font-family:var(--font);font-size:13px;font-style:normal;font-weight:800;line-height:1;transform:translateY(-4px);transform-origin:center bottom;box-shadow:inset 0 1px 0 var(--line-faint),inset 0 -2px color-mix(in srgb,var(--line-strong) 48%,transparent),0 6px 0 var(--line-strong),0 9px 12px #00000057;transition:transform .09s ease-out,border-color .09s ease,background .09s ease,color .09s ease,box-shadow .09s ease}.tiles-lane-key:before{content:none}.tiles-lane-key:after{content:none}.tiles-lane-key:is([data-down=true],[data-active=true]){transform:translateY(2px);box-shadow:inset 0 3px 5px #00000047,inset 0 -1px 0 var(--line-faint),0 1px 0 var(--line-strong),0 3px 5px #0000003d;transition-duration:25ms}.tiles-lane-key[data-down=true]{border-color:var(--line-strong);background:var(--pill-hover);color:var(--white)}.tiles-lane-key[data-active=true]{border-color:var(--tiles-accent);background:var(--tiles-accent-fill);color:var(--white);box-shadow:inset 0 3px 5px #0000003d,inset 0 -1px color-mix(in srgb,var(--tiles-accent) 58%,transparent),0 1px 0 var(--tiles-accent),0 3px 14px var(--tiles-accent-glow)}}.tiles-tag{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}#screen-tiles .game-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px}#screen-tiles .game-center{justify-self:stretch;width:100%;justify-content:center}#screen-tiles .game-header>.header-spacer{width:22px}.tiles-hud{grid-column:1 / -1;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;margin-top:2px}.tiles-score-wrap{position:relative;margin-top:16px;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.tiles-score-wrap:has(.tiles-mult){transform:translate(-25px)}@media(prefers-reduced-motion:reduce){.tiles-score-wrap{transition:none}}.tiles-score-num{margin-top:0;font-size:clamp(38px,11.5vw,50px);color:var(--white);transition:color .3s ease,text-shadow .3s ease,filter .3s ease}.tiles-run-progress{position:relative;display:flex;align-items:center;width:100%;height:24px}.tiles-run-stars{display:flex;align-items:center;justify-content:center;gap:7px}.tiles-run-star{font-size:17px;line-height:1;font-style:normal;color:var(--text-faint);transition:color .22s ease,text-shadow .22s ease,transform .22s ease}.tiles-run-star.is-lit{color:var(--tiles-warn);text-shadow:0 0 9px var(--tiles-warn-glow)}@media(prefers-reduced-motion:no-preference){.tiles-run-star.is-lit{animation:tiles-run-star-pop .34s cubic-bezier(.2,1.4,.4,1)}}@keyframes tiles-run-star-pop{0%{transform:scale(1)}42%{transform:scale(1.4)}to{transform:scale(1)}}.tiles-run-star.is-diamond.is-lit{color:var(--tiles-cyan-lit);text-shadow:0 0 10px var(--tiles-hot-glow),0 0 5px var(--tiles-accent-glow)}.tiles-run-track{position:relative;flex:1;min-width:0;height:8px;border-radius:999px;overflow:hidden;background:#ffffff14;box-shadow:inset 0 0 0 1px var(--line)}.tiles-run-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--tiles-accent),#66c8ff);transition:width .12s linear;will-change:width}.tiles-run-goal{position:absolute;z-index:2;top:50%;right:0;transform:translateY(-50%) translateY(-4px) scale(.9);display:inline-flex;align-items:center;height:23px;padding:0 12px;border-radius:12px;background:linear-gradient(180deg,#12224f,#0a1330);box-shadow:0 0 0 1px var(--tiles-accent),0 0 12px var(--tiles-hot-glow),0 6px 16px #00000080;color:var(--tiles-blue-num);font-size:15px;font-style:italic;font-weight:900;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .28s ease,transform .28s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease,color .3s ease}.tiles-run-goal.is-shown{opacity:1;transform:translateY(-50%)}.tiles-run-goal.is-secured{background:linear-gradient(180deg,#3a2c0a,#201603);box-shadow:0 0 0 1px var(--tiles-warn),0 0 12px var(--tiles-warn-glow),0 6px 16px #00000080;color:var(--tiles-warn-text)}@media(prefers-reduced-motion:reduce){.tiles-run-goal{transition:none}}.tiles-score-num[data-tiles-level="1"]{text-shadow:0 0 16px rgba(255,255,255,.28)}.tiles-score-num[data-tiles-level="2"]{text-shadow:0 0 10px rgba(255,255,255,.34),0 0 30px rgba(255,255,255,.2)}.tiles-score-num[data-tiles-level="3"]{text-shadow:0 0 10px rgba(255,255,255,.45),0 0 38px rgba(255,255,255,.26)}.tiles-score-num[data-tiles-level="4"]{text-shadow:0 0 12px rgba(255,255,255,.6),0 0 46px rgba(255,255,255,.32)}.tiles-score-num[data-secured=true]{color:var(--tiles-warn);text-shadow:0 0 14px var(--tiles-warn-glow),0 0 34px var(--tiles-warn-glow)}.tiles-hud.is-result .tiles-score-num{color:var(--white);text-shadow:0 0 12px rgba(255,255,255,.4),0 0 40px rgba(255,255,255,.22);filter:none}.tiles-score-wrap:has(.tiles-tier) .tiles-score-num{animation:tilesScoreYield .85s ease-in-out both}@keyframes tilesScoreYield{0%,to{opacity:1;transform:scale(1)}18%,72%{opacity:.2;transform:scale(.92)}}.tiles-mult{--m-top: #7da2ff;--m-mid: var(--tiles-accent);--m-deep: #2f56c9;--m-edge: #16307a;--m-glow: var(--tiles-accent-glow);position:absolute;z-index:2;display:inline-block;left:100%;top:3px;margin-left:4px;padding:0 7px 3px 2px;font-size:27px;font-style:italic;font-weight:900;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(180deg,var(--m-top),var(--m-mid) 52%,var(--m-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 0 var(--m-edge)) drop-shadow(0 3px 5px rgba(0,0,0,.5)) drop-shadow(0 0 11px var(--m-glow));pointer-events:none;transform:skew(-8deg);animation:tilesMultTake2 .34s cubic-bezier(.2,1.3,.4,1) both}.tiles-mult[data-mult="4"]{--m-top: var(--tiles-purple-text);--m-mid: var(--tiles-purple);--m-deep: #7a1499;--m-edge: #430a5a;--m-glow: var(--tiles-purple-glow);animation-name:tilesMultTake4}.tiles-mult[data-mult="8"]{--m-top: var(--tiles-pink-text);--m-mid: var(--tiles-pink);--m-deep: #a80078;--m-edge: #5e0044;--m-glow: var(--tiles-pink-glow);animation-name:tilesMultTake8;animation-duration:.42s}@keyframes tilesMultTake2{0%{opacity:0;transform:skew(-8deg) scale(.6) translateY(-3px)}60%{opacity:1;transform:skew(-8deg) scale(1.12)}to{opacity:1;transform:skew(-8deg) scale(1)}}@keyframes tilesMultTake4{0%{opacity:0;transform:skew(-8deg) scale(.5) translateY(-4px) rotate(-4deg)}56%{opacity:1;transform:skew(-8deg) scale(1.16) rotate(1deg)}to{opacity:1;transform:skew(-8deg) scale(1)}}@keyframes tilesMultTake8{0%{opacity:0;transform:skew(-8deg) scale(.42) translateY(-5px) rotate(-6deg)}50%{opacity:1;transform:skew(-8deg) scale(1.22) rotate(2deg)}to{opacity:1;transform:skew(-8deg) scale(1)}}.tiles-panel{position:absolute;inset:0;width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior:contain;touch-action:pan-y;padding:calc(max(20px,env(safe-area-inset-top)) + 62px) 2px 24px;scrollbar-width:none}.tiles-panel::-webkit-scrollbar{display:none}.tiles-panel .sk-row{margin-top:8px}.tiles-row{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;background:none;border:none;border-bottom:1px solid var(--line);color:var(--white);font-family:var(--font);text-align:left;cursor:pointer}.tiles-row .exr-meta,.tiles-row .exr-title,.tiles-row .exr-sub{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiles-row .exr-meta{cursor:inherit}.tiles-row.is-dead{opacity:.35;cursor:default}.tiles-row-state{flex:none;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.tiles-empty{padding:40px 20px}.tiles-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 18px}.tiles-ready{gap:0}.tiles-ready-cover{width:clamp(136px,38vw,156px);height:clamp(136px,38vw,156px);margin-bottom:18px;border-radius:16px}.tiles-ready-fallback{font-size:56px}.tiles-ready-song{display:-webkit-box;width:min(100%,420px);max-width:100%;min-width:0;margin-top:8px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tiles-ready-artist{width:min(100%,420px);max-width:100%;min-width:0;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover)and (pointer:fine){.tiles-ready-cover{width:176px;height:176px;border-radius:20px}}.tiles-song{font-size:25px;font-weight:800;line-height:1.14}.tiles-artist{font-size:13px;color:var(--text-3)}.tiles-hint{margin-top:12px;max-width:300px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.7;color:var(--text-faint)}.tiles-result-score{font-size:56px;font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.tiles-result{gap:18px;justify-content:center}.tiles-le-verdict,.tiles-le-panel{width:min(100%,360px)}.tiles-le-panel{text-align:left}.tiles-le-verdict{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.tiles-le-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px}.tiles-le-eyebrow{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--tiles-pink-text);opacity:.92}.tiles-le-word{font-size:clamp(48px,15vw,60px);font-weight:900;font-style:italic;letter-spacing:-.02em;line-height:.86;text-transform:uppercase;transform:skew(-3deg);background:linear-gradient(180deg,var(--tiles-pink-text),var(--tiles-pink) 50%,var(--tiles-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 3px 0 rgba(168,0,120,.5)) drop-shadow(0 11px 26px var(--tiles-pink-glow));padding-right:.18em}.tiles-result[data-won=true] .tiles-le-eyebrow{color:var(--tiles-accent-hot)}.tiles-result[data-won=true] .tiles-le-word{background:linear-gradient(180deg,var(--tiles-cyan-lit),var(--tiles-accent-hot) 50%,var(--tiles-indigo));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(10,90,140,.5)) drop-shadow(0 11px 26px var(--tiles-hot-glow))}.tiles-le-stars{display:flex;align-items:center;gap:6px;margin-top:10px}.tiles-le-stars b{position:relative;font-size:19px;line-height:1;color:var(--text-faint)}.tiles-le-stars b.is-on{color:var(--tiles-warn);text-shadow:0 0 9px var(--tiles-warn-glow)}.tiles-le-stars b.is-half:before{content:"★";position:absolute;left:0;top:0;height:100%;width:50%;overflow:hidden;color:var(--tiles-warn);text-shadow:0 0 11px var(--tiles-warn-glow)}.tiles-le-stars b.is-diamond.is-on{color:var(--tiles-cyan-lit);text-shadow:0 0 10px var(--tiles-hot-glow),0 0 5px var(--tiles-accent-glow)}.tiles-le-stars b.is-diamond.is-half:before{content:"★";position:absolute;left:0;top:0;height:100%;width:50%;overflow:hidden;color:var(--tiles-cyan-lit);text-shadow:0 0 11px var(--tiles-hot-glow)}.tiles-le-count{margin-left:6px;font-size:13px;font-weight:800;color:var(--tiles-warn);font-variant-numeric:tabular-nums}.tiles-le-count i{font-style:normal;font-weight:700;color:var(--text-3)}.tiles-le-panel{position:relative;padding:18px;border-radius:16px;background:none;box-shadow:0 0 18px #c221eb1a}.tiles-le-panel:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,var(--tiles-pink),var(--tiles-purple) 52%,var(--tiles-accent-hot));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tiles-le-row{display:flex;align-items:baseline}.tiles-le-lbl{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);white-space:nowrap}.tiles-le-lead{flex:1;height:0;margin:0 13px;align-self:baseline;border-bottom:2px dotted rgba(221,180,246,.22);transform:translateY(-4px)}.tiles-le-score{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.tiles-le-val{font-size:72px;font-weight:900;font-style:italic;letter-spacing:-.02em;line-height:.9;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--tiles-cyan-lit),var(--tiles-accent-hot) 48%,var(--tiles-cyan-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 12px var(--tiles-hot-glow));padding-right:.16em;margin-right:-.16em}.tiles-le-togo{font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--tiles-pink-text);opacity:.9;font-variant-numeric:tabular-nums}.tiles-le-max{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-variant-numeric:tabular-nums}.tiles-le-max b{font-weight:800;color:var(--text-2)}.tiles-le-rule{height:1px;margin:13px 0;background:#dd7bf629}.tiles-le-song{display:flex;align-items:center;gap:14px}.tiles-le-cover{width:64px;height:64px;margin:0;border-radius:12px;flex:none}.tiles-le-cover.tiles-ready-fallback{display:grid;place-items:center;font-size:28px}.tiles-le-meta{flex:1;min-width:0;display:flex;flex-direction:column}.tiles-le-song-title{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiles-le-song-artist{margin-top:3px;font-size:13px;font-weight:600;color:var(--text-3)}@media(prefers-reduced-motion:no-preference){.tiles-le-verdict{animation:tiles-le-rise .5s cubic-bezier(.2,.7,.2,1) both}.tiles-le-panel{animation:tiles-le-rise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:.07s}.tiles-le-stars b.is-half:before{animation:tiles-star-shimmer 1.15s ease-in-out infinite}}@keyframes tiles-le-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tiles-star-shimmer{0%,to{opacity:.55;filter:brightness(1)}50%{opacity:1;filter:brightness(1.45)}}.tiles-judgement{position:absolute;z-index:3;left:50%;top:100%;margin-top:10px;width:min(92vw,420px);text-align:center;pointer-events:none;transform:translate(-50%);isolation:isolate;--jtilt: 0deg;--jgrad: linear-gradient(0deg, #4d7cff, #4d7cff);--jshadow: #0d1a45;--jbloom: rgba(77, 124, 255, .3)}.tiles-judge-word{--jbase: 34px;--jsize: min(calc(var(--jbase) * var(--jscale, 1)), 12.4vw);position:relative;display:inline-block;white-space:nowrap;font-size:var(--jsize);font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:calc(var(--jsize) * .12) #fff;paint-order:stroke fill;will-change:transform,opacity;backface-visibility:hidden;animation:var(--jin, tilesJudgeRise) .38s cubic-bezier(.16,1,.3,1) both,tilesJudgeOut .3s cubic-bezier(.45,0,.9,.4) .62s forwards}.tiles-judgement[data-variant="1"] .tiles-judge-word{--jin: tilesJudgeZoom}.tiles-judgement[data-variant="2"] .tiles-judge-word{--jin: tilesJudgeDrift}.tiles-judgement[data-variant="3"] .tiles-judge-word{--jin: tilesJudgeSwing}.tiles-judge-word:before{content:attr(data-word);position:absolute;z-index:-1;inset:0 auto auto 0;color:var(--jshadow);-webkit-text-fill-color:var(--jshadow);-webkit-text-stroke:calc(var(--jsize) * .12) var(--jshadow);paint-order:stroke fill;transform:translateY(calc(var(--jsize) * .11))}.tiles-judge-word:after{content:attr(data-word);position:absolute;inset:0 auto auto 0;-webkit-text-stroke:0;background-image:var(--jgrad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.tiles-judgement:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:240px;height:96px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(ellipse,var(--jbloom, rgba(255, 190, 90, .3)),transparent 68%);opacity:0;animation:tilesJudgeBloom .9s linear both}@keyframes tilesJudgeBloom{0%{opacity:0}22%,62%{opacity:calc(.22 + var(--perfect-power, 0) * .5)}to{opacity:0}}.tiles-judgement[data-streak-tier="1"]{--jbloom: rgba(0, 212, 255, .32);--jgrad: linear-gradient(0deg, #4d7cff, #00d4ff);--jshadow: #06294a;--jtilt: -4deg}.tiles-judgement[data-streak-tier="2"]{--jbloom: rgba(104, 45, 250, .34);--jgrad: linear-gradient(0deg, #682dfa, #00d4ff);--jshadow: #1b0a52;--jtilt: 3.5deg}.tiles-judgement[data-streak-tier="3"]{--jbloom: rgba(194, 33, 235, .36);--jgrad: linear-gradient(0deg, #c221eb, #01e2fc);--jshadow: #3d0a4a;--jtilt: -5deg}.tiles-judgement[data-streak-tier="4"]{--jbloom: rgba(254, 8, 180, .38);--jgrad: linear-gradient(0deg, #fe08b4, #682dfa);--jshadow: #3a0a46;--jtilt: 4.5deg}.tiles-judgement[data-streak-tier="5"]{--jbloom: rgba(254, 8, 180, .42);--jgrad: linear-gradient(0deg, #fe08b4, #c221eb, #01e2fc);--jshadow: #3a0a46;--jtilt: -5.5deg}.tiles-judgement[data-streak-tier="6"]{--jbloom: rgba(254, 8, 180, .46);--jgrad: linear-gradient(0deg, #fe08b4, #c221eb, #682dfa, #48fdfe);--jshadow: #3a0a46;--jtilt: 5deg}.tiles-judgement[data-quality=good] .tiles-judge-word{--jbase: 30px}.tiles-judgement[data-quality=great] .tiles-judge-word{--jbase: 36px}.tiles-judgement[data-quality=early] .tiles-judge-word{--jbase: 22px;color:var(--text-3);-webkit-text-fill-color:var(--text-3);-webkit-text-stroke:0;letter-spacing:.16em;animation:tilesJudgeQuiet .9s ease-out both}.tiles-judgement[data-quality=early] .tiles-judge-word:before,.tiles-judgement[data-quality=early] .tiles-judge-word:after{content:none}.tiles-judgement[data-quality=early]{--jbloom: transparent}.tiles-judgement[data-quality=perfect]{--perfect-power: .2}.tiles-judgement[data-quality=perfect] .tiles-judge-word{--jbase: 46px}.tiles-judgement[data-quality=perfect][data-perfect-level="1"]{--perfect-power: .42}.tiles-judgement[data-quality=perfect][data-perfect-level="1"] .tiles-judge-word{--jbase: 50px}.tiles-judgement[data-quality=perfect][data-perfect-level="2"]{--perfect-power: .62}.tiles-judgement[data-quality=perfect][data-perfect-level="2"] .tiles-judge-word{--jbase: 54px}.tiles-judgement[data-quality=perfect][data-perfect-level="3"]{--perfect-power: .82}.tiles-judgement[data-quality=perfect][data-perfect-level="3"] .tiles-judge-word{--jbase: 58px}.tiles-judgement[data-quality=perfect][data-perfect-level="4"]{--perfect-power: 1}.tiles-judgement[data-quality=perfect][data-perfect-level="4"] .tiles-judge-word{--jbase: 62px}.tiles-judgement-combo{--csize: calc(min(26px, 7vw) * var(--jscale, 1));display:block;margin-top:8px;font-size:var(--csize);font-style:normal;font-weight:900;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:calc(var(--csize) * .1) var(--jshadow);paint-order:stroke fill;text-shadow:0 .07em 0 var(--jshadow),0 .12em 0 var(--jshadow);animation:tilesJudgeCombo .24s cubic-bezier(.175,.885,.32,1.275) both,tilesComboOut .24s cubic-bezier(.4,0,1,1) .62s forwards}.tiles-judgement-combo b{font-size:.6em;font-weight:800;vertical-align:.08em;opacity:.85}.tiles-judgement[data-perfect-level="3"] .tiles-judgement-combo,.tiles-judgement[data-perfect-level="4"] .tiles-judgement-combo{--csize: calc(min(32px, 8.6vw) * var(--jscale, 1))}@keyframes tilesJudgeRise{0%{opacity:0;transform:rotate(var(--jtilt)) translateY(14px) scale(.94)}to{opacity:1;transform:rotate(var(--jtilt)) translateY(0) scale(1)}}@keyframes tilesJudgeZoom{0%{opacity:0;transform:rotate(var(--jtilt)) scale(.82)}62%{opacity:1;transform:rotate(var(--jtilt)) scale(1.04)}to{opacity:1;transform:rotate(var(--jtilt)) scale(1)}}@keyframes tilesJudgeDrift{0%{opacity:0;transform:rotate(var(--jtilt)) translate(-18px) scale(.96)}to{opacity:1;transform:rotate(var(--jtilt)) translate(0) scale(1)}}@keyframes tilesJudgeSwing{0%{opacity:0;transform:rotate(calc(var(--jtilt) - 7deg)) scale(.9)}70%{opacity:1;transform:rotate(calc(var(--jtilt) + 1.5deg)) scale(1.03)}to{opacity:1;transform:rotate(var(--jtilt)) scale(1)}}@keyframes tilesJudgeOut{0%{opacity:1;transform:rotate(var(--jtilt)) scale(1) translateY(0)}to{opacity:0;transform:rotate(var(--jtilt)) scale(.94) translateY(-16px)}}@keyframes tilesJudgeQuiet{0%{opacity:0;transform:translateY(3px)}18%,72%{opacity:1;transform:none}to{opacity:0;transform:translateY(-5px)}}@keyframes tilesJudgeCombo{0%{opacity:0;transform:scale(.86)}55%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes tilesComboOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(-10px)}}.tiles-cp-callout{position:absolute;z-index:4;left:0;right:0;top:30%;margin:0 auto;width:min(92vw,460px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;opacity:0;pointer-events:none;will-change:transform,opacity}.tiles-cp-callout.is-pop{animation:tilesCpPop .5s cubic-bezier(.34,1.56,.64,1) both}.tiles-cp-eyebrow{font-size:14px;font-weight:900;font-style:italic;letter-spacing:.08em;text-transform:uppercase;color:var(--tiles-accent-hot);text-shadow:0 2px 0 var(--tiles-cyan-deep),0 0 10px var(--tiles-hot-glow)}.tiles-cp-num{font-size:clamp(76px,26vw,104px);font-weight:900;font-style:italic;line-height:.82;letter-spacing:-.03em;color:var(--tiles-blue-num);-webkit-text-stroke:5px var(--tiles-blue-edge);paint-order:stroke fill;font-variant-numeric:tabular-nums;text-shadow:0 4px 0 #2f56c9,0 9px 0 #16307a,0 16px 28px rgba(0,0,0,.6),0 0 26px rgba(77,124,255,.6),0 0 12px rgba(0,212,255,.4)}.tiles-cp-sub{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--white);opacity:.92;text-shadow:0 0 6px rgba(255,255,255,.28)}@media(prefers-reduced-motion:reduce){.tiles-cp-callout{opacity:1}.tiles-cp-callout.is-pop{animation:none}}@keyframes tilesCpPop{0%{transform:scale(.2) rotate(-8deg);opacity:0}55%{transform:scale(1.12) rotate(2deg);opacity:1}72%{transform:scale(.96) rotate(-1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.tiles-recovery{position:absolute;z-index:3;left:50%;top:50%;color:var(--tiles-accent-hot);font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 12px var(--tiles-accent-glow);pointer-events:none;transform:translate(-50%,-50%);animation:tilesRecovery .65s ease-out both}.tiles-score-wrap:has(.tiles-recovery) .tiles-score-num{animation:tilesScoreYield .65s ease-out both}@keyframes tilesRecovery{0%{opacity:0;transform:translate(-50%,6px);letter-spacing:.28em}18%,72%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-12px)}}.tiles-clear{font-size:44px;font-weight:800;letter-spacing:.02em;line-height:1.1;background:linear-gradient(100deg,var(--g0),var(--g1),var(--g2),var(--g3),var(--g4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tiles-tier{position:absolute;z-index:2;left:50%;top:0;width:170px;text-align:center;font-variant-numeric:tabular-nums;color:var(--white);--tier-glow: rgba(255, 255, 255, .5);--tier-ring: rgba(255, 216, 77, .85);text-shadow:0 0 18px var(--tier-glow),0 0 48px rgba(255,255,255,.22);pointer-events:none;animation:tilesTierPop .85s cubic-bezier(.2,1.4,.4,1) both}.tiles-tier strong{display:block;font-size:clamp(38px,11.5vw,50px);font-weight:900;letter-spacing:-.02em;line-height:1}.tiles-tier:before,.tiles-tier:after{content:"";position:absolute;pointer-events:none}.tiles-tier:before{inset:50% auto auto 50%;width:76px;height:76px;border:1px solid var(--tier-ring);border-radius:50%;animation:tilesTierRing .72s ease-out both}.tiles-tier:after{left:50%;top:52%;width:150px;height:1px;background:linear-gradient(90deg,transparent,var(--tier-ring),transparent);animation:tilesTierSweep .7s ease-out both}.tiles-tier[data-level="2"]{animation-name:tilesTierSplit;--tier-ring: rgba(255, 158, 44, .9)}.tiles-tier[data-level="2"]:before{width:102px;height:102px}.tiles-tier[data-level="3"]{animation-name:tilesTierSurge;--tier-ring: rgba(255, 107, 74, .92);--tier-glow: rgba(255, 255, 255, .62)}.tiles-tier[data-level="3"]:after{width:min(52vw,240px);height:2px}.tiles-tier[data-level="4"]{animation-name:tilesTierFinal;--tier-ring: rgba(255, 77, 141, .95);--tier-glow: rgba(255, 255, 255, .78);text-shadow:0 0 14px rgba(255,255,255,.8),0 0 44px rgba(255,77,141,.5)}@keyframes tilesTierPop{0%{opacity:0;transform:translate(-50%) scale(.55)}16%{opacity:1;transform:translate(-50%) scale(1.12)}30%{transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.02) translateY(-8px)}}@keyframes tilesTierSplit{0%{opacity:0;transform:translate(-50%) scaleX(1.8) scaleY(.5)}20%{opacity:1;transform:translate(-50%) scaleX(.9) scaleY(1.14)}42%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-9px)}}@keyframes tilesTierSurge{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.72);letter-spacing:.12em}18%{opacity:1;transform:translate(-50%) translateY(-3px) scale(1.18)}38%,72%{opacity:1;transform:translate(-50%) scale(1);letter-spacing:normal}to{opacity:0;transform:translate(-50%) translateY(-12px) scale(1.05)}}@keyframes tilesTierFinal{0%{opacity:0;transform:translate(-50%) scale(2.1);filter:brightness(2)}14%{opacity:1;transform:translate(-50%) scale(.92)}32%,76%{opacity:1;transform:translate(-50%) scale(1);filter:brightness(1)}to{opacity:0;transform:translate(-50%) translateY(-12px) scale(1.08)}}@keyframes tilesTierRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes tilesTierSweep{0%{opacity:0;transform:translate(-50%) scaleX(.08)}28%{opacity:.9}to{opacity:0;transform:translate(-50%) scaleX(1)}}@media(prefers-reduced-motion:reduce){.tiles-lane-key,.tiles-lane-key:is([data-down=true],[data-active=true]){transition:none}.tiles-lane-key,.tiles-lane-key:is([data-down=true],[data-active=true]){transform:none}.tiles-tier{animation:none;opacity:1;transform:translate(-50%)}.tiles-tier:before,.tiles-tier:after{animation:none;opacity:0}.tiles-score-wrap:has(.tiles-tier) .tiles-score-num{animation:none;opacity:.22}.tiles-recovery{animation:none;opacity:1;transform:translate(-50%,-50%)}.tiles-score-wrap:has(.tiles-recovery) .tiles-score-num{animation:none;opacity:.22}.tiles-judgement{animation:none;opacity:1;transform:translate(-50%)}.tiles-judge-word,.tiles-judgement[data-quality][data-perfect-level] .tiles-judge-word{animation:none;opacity:1;transform:rotate(var(--jtilt))}.tiles-judgement:before{animation:none;opacity:calc(.22 + var(--perfect-power, 0) * .5)}.tiles-judgement-combo{animation:none;opacity:1;transform:none}.tiles-mult,.tiles-mult[data-mult]{animation:none;opacity:1;transform:skew(-8deg)}}.ambience{transition:opacity .5s ease}body.timer-veil .ambience{opacity:1}.section-menu .sec-opt.active{background:var(--pill-hover)}.pd-mypass-label{margin-top:18px}.pd-pass-new{cursor:pointer}.pd-pass-new .pass-plus{color:var(--text-2);font-size:16px;font-weight:500}.pd-pass-new .pd-pass-name{color:var(--muted);font-weight:500}@media(hover:hover){.pd-pass-new:hover .pd-pass-name{color:var(--white)}}.pipe-step{display:inline-flex;align-items:center;justify-content:center}.pipe-map{position:absolute;inset:0;z-index:1;pointer-events:none}.pipe-map-seg{position:absolute;top:5px;height:34px;border-radius:4px}.pipe-map-name{position:absolute;left:5px;bottom:5px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;font:600 9px var(--font);letter-spacing:.04em;white-space:nowrap;pointer-events:auto;cursor:pointer}.pipe-map-seg--tight .pipe-map-name{display:none}@media(hover:hover){.pipe-map-name:hover{text-decoration:underline;text-underline-offset:2px}}