:root{--ink: #fff6ea;--ink2: #d8cbe9;--ink3: #a898c4;--bg: #1c1234;--panel: rgba(27, 17, 51, .88);--panel2: rgba(46, 30, 84, .92);--line: rgba(255, 255, 255, .16);--gold: #ffc857;--rose: #ff7a9c;--mint: #5fe3b0;--violet: #a98bff;--danger: #ff8a9a;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: ui-rounded, "SF Pro Rounded", "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3a2a66,#1c1234)}#c{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#ui{position:absolute;inset:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fatal{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}button{font:inherit;color:inherit}kbd{display:inline-block;min-width:1.6em;padding:.1em .42em;border-radius:7px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);border-bottom-width:3px;font-family:var(--sans);font-size:.86em;font-weight:700;text-align:center;color:var(--ink)}.btn{appearance:none;border:1px solid var(--line);background:#ffffff17;color:var(--ink);border-radius:14px;padding:.7em 1.2em;min-height:46px;font-weight:650;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;pointer-events:auto;text-align:center}.btn:hover:not(:disabled){background:#ffffff2b;border-color:#fff6;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985);background:#ffffff3d}.btn:focus-visible,.pad:focus-visible,.chip:focus-visible,.card:focus-visible,.tool:focus-visible,.tab:focus-visible,.iconbtn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#ffd66e,#ffb84a);color:#2b1840;border-color:#ffe7a8;box-shadow:0 6px 22px #ffbe5059}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffe08a,#ffc25e);box-shadow:0 8px 26px #ffbe5080}.btn.small{min-height:38px;padding:.4em .9em;font-size:.9rem;border-radius:12px}.iconbtn{appearance:none;pointer-events:auto;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#1b1133b8;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;font-size:1.05rem;font-weight:700;transition:transform .12s ease,background .15s ease}.iconbtn:hover{background:#3c286ee6;transform:translateY(-1px)}.iconbtn:active{transform:translateY(1px) scale(.96)}.iconbtn[aria-pressed=true]{background:#ff8a9a4d;border-color:var(--danger)}.screen{position:absolute;inset:0;display:none;pointer-events:none;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.screen.on{display:flex}.screen>*{pointer-events:auto}.screen.cheer{align-items:flex-end;padding-bottom:max(18px,4vh)}.screen.cheer.veil{background:linear-gradient(to top,#140a2ca8,#140a2c14 62%,#140a2c00)}.screen.cheer .card-shell{margin:0 auto}.screen.under>*{display:none}.veil{background:radial-gradient(ellipse at 50% 50%,#140a2c59,#140a2cb8);pointer-events:auto!important}.card-shell{margin:auto;width:min(560px,100%);max-height:100%;overflow:auto;background:#1b1133f7;border:1px solid var(--line);border-radius:28px;padding:26px 28px;box-shadow:0 24px 80px #0802188c}.card-shell h2{font-family:var(--serif);font-weight:700;font-size:1.9rem;margin:0 0 6px;letter-spacing:.01em}.card-shell p{margin:0 0 12px;color:var(--ink2);line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700;color:var(--gold);margin:0 0 6px}.row{display:flex;gap:10px;flex-wrap:wrap}.row.end{justify-content:flex-end}.stack{display:flex;flex-direction:column;gap:10px}.screen.title{align-items:center;justify-content:flex-start;padding-left:clamp(20px,6vw,96px)}.screen.title:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#180c34a8,#180c3466 34%,#180c3400 62%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 82%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 82%)}.title-card{width:min(430px,100%);padding:8px 4px;text-shadow:0 2px 24px rgba(20,8,50,.7)}.title-card h1{font-family:var(--serif);font-size:clamp(3rem,8vw,5.4rem);line-height:.95;margin:0 0 12px;font-weight:700;letter-spacing:-.01em;color:#fff8ee;text-shadow:0 2px 0 rgba(60,28,90,.5),0 6px 34px rgba(20,8,50,.8)}.title-card .sub{font-size:1.1rem;line-height:1.45;color:var(--ink);margin:0 0 22px;max-width:24em}.title-card .menu{display:grid;gap:10px;grid-template-columns:1fr 1fr}.title-card .menu .primary{grid-column:1 / -1;font-size:1.15rem;min-height:56px}.title-card .menu .btn:not(.primary){background:#1b1133b3}.title-card .hint{margin:16px 0 0;color:var(--ink);font-size:.95rem}.save-note{margin-top:8px;font-size:.8rem;color:var(--ink);text-shadow:0 1px 8px rgba(20,8,50,.9)}.screen.chapters{flex-direction:column;gap:12px}.screen.chapters header{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:10px 14px}.screen.chapters header h2{font-family:var(--serif);font-size:1.5rem;margin:0;flex:1}.screen.chapters header .stat{color:var(--ink2);font-size:.92rem}.cards{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end;padding-bottom:4px}.card{appearance:none;text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:14px 14px 16px;color:var(--ink);display:flex;flex-direction:column;gap:6px;min-height:250px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.card:hover:not(:disabled),.card:focus-visible{transform:translateY(-4px);border-color:var(--gold);background:var(--panel2)}.card:disabled{cursor:not-allowed;background:#1b1133cc}.card:disabled .num,.card:disabled h3,.card:disabled .tag,.card:disabled .goal{opacity:.72}.card .num{font-family:var(--serif);font-size:2.2rem;line-height:1;color:var(--gold)}.card h3{font-family:var(--serif);margin:0;font-size:1.28rem}.card .tag{font-size:.86rem;color:var(--ink2);line-height:1.35}.card .meta{font-size:.78rem;color:var(--ink3);line-height:1.4}.card .goal{font-size:.85rem;color:var(--ink);line-height:1.35;margin-top:auto}.card .status{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--mint)}.card.locked .status{color:var(--ink3)}.card.current{border-color:#ffc857b3}.pips{display:inline-flex;gap:5px}.pips i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:inline-block}.pips i.done{background:var(--mint);border-color:var(--mint)}.pips i.now{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px var(--gold)}.seedbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:10px 14px;font-size:.92rem}.seedbar label{color:var(--ink2);font-weight:650}.seedbar input{background:#ffffff1a;border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:.5em .8em;font:inherit;font-weight:700;letter-spacing:.06em;width:10.5em;text-transform:uppercase}.chip{appearance:none;cursor:pointer;background:#ffffff17;border:1px solid var(--line);border-radius:999px;padding:.3em .8em;font-size:.8rem;color:var(--ink2)}.chip:hover{background:#ffffff2e}.screen.intro .card-shell{text-align:center}.screen.intro .facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 18px;text-align:left}.fact{background:#ffffff12;border-radius:14px;padding:10px 12px;font-size:.85rem;color:var(--ink2)}.fact b{display:block;color:var(--ink);font-size:.95rem;margin-top:2px}.unlocks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 16px}.unlock{background:#5fe3b024;border:1px solid rgba(95,227,176,.5);border-radius:999px;padding:.35em .9em;font-size:.86rem;font-weight:650;color:#c9ffe9}.stars{font-size:2.2rem;letter-spacing:.15em;color:var(--gold);text-shadow:0 0 18px rgba(255,200,87,.6)}.stars .off{color:#ffffff38;text-shadow:none}.setrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}.setrow .lab{flex:1}.setrow .lab b{display:block;font-size:1rem}.setrow .lab small{color:var(--ink3);font-size:.8rem;line-height:1.3;display:block}.setrow input[type=range]{width:180px;accent-color:var(--gold);height:28px}.switch{appearance:none;width:54px;height:30px;border-radius:999px;border:1px solid var(--line);background:#ffffff24;position:relative;cursor:pointer;transition:background .15s ease;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch[aria-checked=true]{background:var(--mint)}.switch[aria-checked=true]:after{transform:translate(24px);background:#1d3a2e}.seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{appearance:none;border:0;background:transparent;padding:.5em 1em;cursor:pointer;color:var(--ink2);font-weight:650}.seg button[aria-pressed=true]{background:var(--gold);color:#2b1840}.seg button:focus-visible{outline:3px solid #fff;outline-offset:-3px}.screen.journal .card-shell{width:min(980px,100%);height:min(680px,100%);display:flex;flex-direction:column;padding:20px 22px}.journal-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.journal-head h2{flex:1;margin:0}.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tab{appearance:none;cursor:pointer;background:#ffffff12;border:1px solid var(--line);border-radius:999px;padding:.45em 1.1em;font-weight:650;color:var(--ink2)}.tab[aria-selected=true]{background:var(--gold);color:#2b1840;border-color:var(--gold)}.jgrid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:2px 2px 6px;align-content:start}.jcard{background:#ffffff0f;border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:6px}.jcard.locked{opacity:.6}.jcard h4{margin:0;font-family:var(--serif);font-size:1.1rem}.jcard p{margin:0;font-size:.85rem;color:var(--ink2);line-height:1.4}.jcard .fam{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.portrait{width:100%;aspect-ratio:1 / 1;border-radius:14px;background:radial-gradient(circle at 50% 35%,#ffffff29,#ffffff08);display:grid;place-items:center;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:contain;display:block}.portrait.lock img{filter:brightness(0) opacity(.5)}.portrait .q{font-family:var(--serif);font-size:3rem;color:#ffffff59}.pair{display:flex;gap:6px}.pair .portrait{aspect-ratio:1 / 1;flex:1}.hud{position:absolute;inset:0;pointer-events:none;display:none}.hud[data-mode=title],.hud[data-mode=round],.hud[data-mode=free]{display:block}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud[data-mode=title] .hud-top,.hud[data-mode=title] .banner-row,.hud[data-mode=title] .timeline,.hud[data-mode=title] .actions,.hud[data-mode=title] .tray,.hud[data-mode=title] .free-only,.hud[data-mode=round] .free-only,.hud[data-mode=free] .round-only{display:none!important}.hud[data-mode=title] .pads-panel{opacity:.94}.chapter-badge{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:9px 14px;max-width:min(560px,calc(100vw - 210px))}.chapter-badge .cb-title{font-family:var(--serif);font-weight:700;font-size:1.08rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chapter-badge .cb-goal{font-size:.84rem;color:var(--ink2);margin-top:3px;line-height:1.35}.top-btns{display:flex;gap:8px}.dock{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 14px max(14px,env(safe-area-inset-bottom));pointer-events:none}.panel{pointer-events:auto;width:min(900px,100%);background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:12px 16px 14px;box-shadow:0 12px 44px #0a041e80}.banner-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.banner{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.banner .state{font-family:var(--serif);font-weight:700;font-size:1.45rem;line-height:1.1;white-space:nowrap}.banner .tip{font-size:.88rem;color:var(--ink2);line-height:1.3}.banner[data-phase=listen] .state{color:var(--violet)}.banner[data-phase=play] .state{color:var(--gold)}.banner[data-phase=count] .state{color:var(--mint)}.beats{display:flex;gap:7px;align-items:center}.beats i{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);transition:transform .08s ease,background .08s ease,box-shadow .08s ease;display:block}.beats i.on{background:var(--gold);border-color:#fff;transform:scale(1.5);box-shadow:0 0 14px var(--gold)}.beats i.on.strong{background:#fff;box-shadow:0 0 18px #fff}.actions{display:flex;gap:8px;align-items:center}.timeline{position:relative;margin-bottom:8px}.tl-row{position:relative;height:50px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);margin-bottom:6px;overflow:hidden}.tl-row.act{background:#ffffff1c;border-color:#ffffff3d}.tl-line{position:absolute;top:5px;bottom:5px;width:1px;background:#ffffff24}.tl-line.bar{width:2px;background:#ffffff4d}.tl-num{position:absolute;bottom:1px;transform:translate(-50%);font-size:.66rem;font-weight:700;color:var(--ink3);pointer-events:none}.tl-rest{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff57;pointer-events:none}.mk{--mk: 32px;position:absolute;top:46%;width:var(--mk);height:var(--mk);transform:translate(-50%,-50%);display:grid;place-items:center;font-size:calc(var(--mk) * .42);font-weight:800;color:#2a1838;transition:transform .08s ease,filter .1s ease,opacity .15s ease;z-index:2}.mk:before{content:"";position:absolute;inset:0;background:var(--c);z-index:-1;border-radius:50%}.mk[data-shape=diamond]:before{border-radius:6px;transform:rotate(45deg) scale(.74)}.mk[data-shape=triangle]:before{border-radius:0;clip-path:polygon(50% 4%,96% 92%,4% 92%)}.mk[data-shape=square]:before{border-radius:8px;transform:scale(.86)}.mk.lit{transform:translate(-50%,-50%) scale(1.3);filter:brightness(1.25) drop-shadow(0 0 10px var(--c))}.mk.hidden{opacity:.12}.mk.perfect{filter:drop-shadow(0 0 8px #7effc8)}.mk.perfect:after,.mk.good:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid #7effc8;z-index:1}.mk.good:after{border-color:#ffe27a}.mk.missed{opacity:.5}.mk.missed:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px dashed var(--danger)}.mk.wrong{animation:shake .3s}.tl-tap{position:absolute;bottom:5px;width:8px;height:8px;transform:translate(-50%);border-radius:50%;background:#7effc8;z-index:3}.tl-tap.good{background:#ffe27a}.tl-tap.stray{background:transparent;border:2px solid var(--danger);width:10px;height:10px}.tl-head{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1px;background:#fff;box-shadow:0 0 12px #fff,0 0 26px var(--gold);border-radius:2px;z-index:4;opacity:0}.fb{position:absolute;left:50%;top:-34px;transform:translate(-50%);font-family:var(--serif);font-weight:700;font-size:1.55rem;pointer-events:none;opacity:0;text-shadow:0 2px 12px rgba(10,4,30,.8);white-space:nowrap;z-index:6}.fb.show{animation:fbpop .9s ease-out}.fb.perfect{color:#7effc8}.fb.good{color:#ffe27a}.fb.bad{color:var(--danger)}.pads-panel{padding:10px}.pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pad{--c: #fff;appearance:none;position:relative;cursor:pointer;min-height:86px;border-radius:20px;border:2px solid var(--c);background:linear-gradient(180deg,#ffffff1a,#ffffff08),#140a28b3;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .06s ease,background .12s ease,box-shadow .12s ease;box-shadow:0 0 0 0 var(--c)}.pad:hover{background:linear-gradient(180deg,#ffffff2e,#ffffff0f),#140a2899}.pad .key{font-size:1.9rem;font-weight:800;line-height:1}.pad .nm{font-size:.78rem;color:var(--ink2);font-weight:650}.pad .gl{position:absolute;top:8px;left:10px;width:15px;height:15px;background:var(--c);border-radius:50%}.pad[data-shape=diamond] .gl{border-radius:3px;transform:rotate(45deg) scale(.85)}.pad[data-shape=triangle] .gl{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.pad[data-shape=square] .gl{border-radius:3px}.pad.down,.pad:active{transform:translateY(2px) scale(.965);background:var(--c);color:#2a1838;box-shadow:0 0 26px 2px var(--c)}.pad.down .nm,.pad:active .nm{color:#2a1838}.pad.cue{animation:cue .42s ease-out}.pad.cue:after{content:"";position:absolute;inset:-6px;border-radius:24px;border:3px solid var(--c);opacity:.9;animation:ringout .5s ease-out forwards}.tray{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:4px;scrollbar-width:thin}.tool{appearance:none;cursor:pointer;flex:none;min-width:78px;min-height:64px;padding:6px 8px;border-radius:16px;border:2px solid transparent;background:#ffffff14;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;font-weight:650;text-align:center;line-height:1.15}.tool:hover:not(:disabled){background:#ffffff29}.tool[aria-pressed=true]{border-color:var(--gold);background:#ffc8572e}.tool:disabled{opacity:.4;cursor:not-allowed}.tool .dot{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.7)}.tool.deco .dot{border-radius:8px}.free-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.free-row .spacer{flex:1;min-width:4px}.free-row .btn kbd{margin-left:4px;font-size:.75em}.free-status{font-size:.86rem;color:var(--ink);min-height:1.3em;margin:0 2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud[data-mode=free] .pad{min-height:66px}.hud[data-mode=free] .pads-panel{padding:8px 10px 10px}.rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--danger);margin-right:6px;vertical-align:middle}.rec-on .rec-dot{animation:blink .8s infinite}.result{display:none;text-align:center;padding:4px 4px 2px}.hud[data-view=result] .result{display:block}.hud[data-view=result] .timeline,.hud[data-view=result] .banner-row,.hud[data-view=result] .pads{display:none}.result h3{font-family:var(--serif);font-size:1.8rem;margin:0}.result .rstats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:8px 0 4px;font-size:.95rem;color:var(--ink2)}.result .rstats b{color:var(--ink)}.result .rnote{color:var(--ink2);font-size:.92rem;margin:4px 0 12px;min-height:1.3em}.coach{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 28px));background:#261948;border:2px solid var(--gold);border-radius:22px;padding:14px 18px;pointer-events:auto;display:none;box-shadow:0 16px 50px #0802188c;z-index:8}.coach.on{display:block}.coach h4{margin:0 0 4px;font-family:var(--serif);font-size:1.2rem}.coach p{margin:0 0 10px;color:var(--ink);line-height:1.45;font-size:.95rem}.coach .row{align-items:center}.coach .stepno{color:var(--gold);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;flex:1}#toasts{position:absolute;top:78px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:9}.toast{background:#281a48f2;border:1px solid rgba(255,200,87,.7);border-radius:999px;padding:.55em 1.2em;font-weight:650;font-size:.95rem;max-width:calc(100vw - 28px);text-align:center;animation:toastin .3s ease-out,toastout .5s ease-in 3.4s forwards;box-shadow:0 10px 30px #08021880}.toast.good{border-color:#5fe3b0cc}.toast.warn{border-color:#ff8a9acc}.webgl-fail{position:absolute;inset:0;display:grid;place-items:center;padding:24px;z-index:50;background:var(--bg)}.webgl-fail .card-shell{text-align:center}@keyframes shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-58%,-50%)}75%{transform:translate(-42%,-50%)}}@keyframes fbpop{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.08)}70%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-14px) scale(1)}}@keyframes cue{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ringout{0%{transform:scale(.96);opacity:.9}to{transform:scale(1.12);opacity:0}}@keyframes toastin{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastout{to{opacity:0;transform:translateY(-8px)}}@keyframes blink{50%{opacity:.25}}html[data-reduced=true] *,html[data-reduced=true] *:before,html[data-reduced=true] *:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}html[data-reduced=true] .fb.show{opacity:1}html[data-noflash=true] .pad.cue:after{display:none}html[data-noflash=true] .beats i.on.strong{background:var(--gold);box-shadow:none}.hud[data-tl=off] .timeline{visibility:hidden;transition-property:none}@media(max-width:1100px){.cards{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;align-items:stretch}}@media(max-width:700px){html,body{font-size:15px}.screen.title:before{background:linear-gradient(0deg,#180c34b8,#180c3485 48%,#180c3400 78%);-webkit-mask-image:none;mask-image:none}.coach{top:calc(max(12px,env(safe-area-inset-top)) + 58px)}.seedbar label{display:none}.seedbar{flex-wrap:wrap;gap:8px;padding:8px 10px}.seedbar input{flex:1 1 120px;min-width:0;width:auto}.seedbar .long{display:none}.card-shell .row.end{justify-content:center;flex-wrap:wrap}.card-shell .row.end .btn.primary{flex:1 1 100%;order:-1}.card-shell{padding:20px 18px;border-radius:24px}.screen.title{align-items:flex-end;justify-content:center;padding-left:16px;padding-bottom:150px}.title-card{text-align:center;width:min(400px,100%)}.title-card .sub{margin-left:auto;margin-right:auto;font-size:1rem;margin-bottom:14px}.title-card .menu .btn{min-height:46px}.title-card .hint{display:none}.cards{grid-template-columns:none;grid-auto-flow:row;overflow-y:auto;align-items:stretch;gap:8px}.card{min-height:0;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px}.card .num{grid-row:1 / span 3;align-self:center;font-size:1.8rem}.card .meta,.card .tag{display:none}.card .goal{margin-top:0;font-size:.8rem}.screen.chapters header .stat{display:none}.seedbar{font-size:.85rem}.panel{padding:10px 10px 12px;border-radius:22px}.banner .state{font-size:1.2rem}.banner .tip{display:none}.beats i{width:13px;height:13px}.tl-row{height:44px}.pads{gap:8px}.pad{min-height:70px;border-radius:16px}.pad .key{font-size:1.6rem}.chapter-badge{max-width:calc(100vw - 132px);padding:7px 10px;border-radius:16px}.chapter-badge .cb-title{font-size:.95rem;gap:8px}.chapter-badge .cb-goal{display:none}.iconbtn{width:42px;height:42px}.setrow input[type=range]{width:120px}.btn kbd{display:none}.free-status{white-space:normal;font-size:.8rem}.hud[data-mode=free] .pad{min-height:56px}.tool{min-width:66px;min-height:54px}.screen.journal .card-shell{height:100%;padding:14px}.jgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fb{font-size:1.25rem;top:-30px}}@media(max-height:520px)and (orientation:landscape){.hud[data-mode=title] .dock,.title-card .hint{display:none}.hud[data-mode=free] .pads-panel{padding:6px 8px 8px}.free-status{font-size:.78rem;min-height:1.1em;margin-bottom:3px}.tray{padding:0 2px 4px;margin-bottom:2px}.tool{min-height:44px;min-width:62px;flex-direction:row;gap:6px;padding:4px 10px}.tool .dot{width:18px;height:18px}.free-row{margin-bottom:4px}.free-row .btn kbd{display:none}.hud[data-mode=free] .pad{min-height:46px}.panel{padding:8px 10px;border-radius:18px}.banner-row{margin-bottom:2px}.banner .tip{display:none}.tl-row{height:34px;margin-bottom:3px}.pad{min-height:52px;flex-direction:row;gap:8px}.pad .key{font-size:1.3rem}.pad .gl{top:5px;left:7px;width:10px;height:10px}.chapter-badge .cb-goal{display:none}.cards{grid-template-columns:repeat(5,minmax(0,1fr));overflow:auto}.card{min-height:0;display:flex}.card .meta,.card .tag{display:none}.screen.title{padding-bottom:16px;align-items:center;justify-content:flex-start}.title-card{text-align:left}.title-card h1{font-size:2.6rem}.title-card .sub{font-size:.9rem;margin-bottom:8px}.title-card .menu .btn{min-height:38px;padding:.3em .8em}}