@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bravura;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bravura-latin-400-normal-BVtSfpnN.woff2) format("woff2"),url(/assets/bravura-latin-400-normal-029JyKns.woff) format("woff")}:root{--ground: #131019;--ground-2: #0f0c15;--surface: #1c1926;--surface-2: #252131;--text: #ece6d8;--muted: #a49cab;--line: rgba(240, 235, 224, .09);--line-strong: rgba(240, 235, 224, .17);--brass: #d0ab5d;--brass-bright: #eac87d;--felt: #c76a5f;--steady: #8fb08f;--on-brass: #241a08;--shadow: 0 30px 70px -30px rgba(0, 0, 0, .75);--card-sh: 0 1px 2px rgba(0, 0, 0, .2), 0 14px 34px -22px rgba(0, 0, 0, .6);--glow: color-mix(in srgb, var(--brass) 9%, var(--ground));--key-white: #f6f2ea;--key-white-sh: #d9d1c0;--key-black: #1b1823;--key-black-hi: #3c3749;--felt-strip: #7d2f2c;--sans: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Consolas, monospace;--music: "Bravura", "Segoe UI Symbol", "Apple Symbols", "Cambria Math", "Noto Music", serif}@media(prefers-color-scheme:light){:root{--ground: #f0e9db;--ground-2: #e7dfcd;--surface: #fbf8f0;--surface-2: #f2ebdb;--text: #211b28;--muted: #726877;--line: rgba(40, 32, 52, .1);--line-strong: rgba(40, 32, 52, .18);--brass: #9a7423;--brass-bright: #7c5e1a;--felt: #a1413a;--steady: #4d7a55;--on-brass: #fbf6ea;--shadow: 0 30px 60px -34px rgba(70, 50, 20, .4);--card-sh: 0 1px 2px rgba(80, 60, 30, .06), 0 14px 30px -24px rgba(80, 60, 30, .3);--glow: color-mix(in srgb, var(--brass) 8%, var(--ground))}}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(130% 90% at 50% -12%,var(--glow) 0%,transparent 52%),linear-gradient(var(--ground),var(--ground-2));background-attachment:fixed;min-height:100vh}h1{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700;letter-spacing:-.025em;margin:0}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.ph-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-weight:600}.hint{font-size:.8rem;color:var(--muted);margin:.7rem 0 0}.muted{color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 clamp(16px,4vw,36px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--ground) 80%,transparent)}.brand{display:flex;align-items:baseline;gap:.6rem}.brand .mark{font-size:1.4rem;font-weight:700;letter-spacing:-.03em}.brand .mark b{color:var(--brass);font-weight:700}.brand .tag{font-size:.72rem;color:var(--muted)}.tempo-badge{font-family:var(--mono);font-size:.82rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.34rem .75rem;display:flex;align-items:center;gap:.45rem}.tempo-badge .q{font-family:var(--music);color:var(--brass);font-size:1rem}.stage{max-width:1120px;margin:0 auto;padding:clamp(18px,3vw,32px) clamp(16px,4vw,36px) 4rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,2.5vw,26px);box-shadow:var(--card-sh)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.head-chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.titleblock p{margin:.2rem 0 0;color:var(--muted);font-size:.86rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.1rem}.col{display:flex;flex-direction:column;gap:1.1rem}.chip{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:.76rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.32rem .7rem}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.chip.live{color:var(--steady);border-color:color-mix(in srgb,var(--steady) 40%,transparent)}.chip.live .dot{background:var(--steady);animation:pulse 1.5s infinite}.chip.warn{color:var(--brass);border-color:color-mix(in srgb,var(--brass) 40%,transparent)}.chip.warn .dot{background:var(--brass)}.chip.bad{color:var(--felt);border-color:color-mix(in srgb,var(--felt) 40%,transparent)}.chip.bad .dot{background:var(--felt)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.staff-wrap{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:10px 12px}.staff{width:100%;height:auto;display:block}.staff-lines line{stroke:var(--line-strong);stroke-width:1.4}.staff-bar,.staff-ledger{stroke:var(--line-strong);stroke-width:1.4}.staff-clef{fill:var(--brass);font-family:var(--music);font-size:74px}.staff-tsig{fill:var(--text);font-family:var(--sans);font-size:25px;font-weight:800}.staff-glow{fill:var(--brass);opacity:.2}.staff-head{fill:var(--text)}.staff-stem{stroke:var(--text);stroke-width:2}.staff-cursor{stroke:var(--brass);stroke-width:2;stroke-dasharray:3 4;opacity:.85}.staff-note.is-current .staff-head{fill:var(--brass)}.staff-note.is-current .staff-stem{stroke:var(--brass)}.staff-note.is-correct .staff-head{fill:var(--steady)}.staff-note.is-correct .staff-stem{stroke:var(--steady)}.staff-note.is-wrong .staff-head{fill:var(--felt)}.staff-note.is-wrong .staff-stem{stroke:var(--felt)}.staff-note.is-missed .staff-head{fill:none;stroke:var(--muted);stroke-width:1.5}.staff-note.is-missed .staff-stem{stroke:var(--muted);opacity:.5}.kbd-note{font-size:.8rem;color:var(--muted);margin:1rem 0 .5rem}.keyboard-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.keyboard{position:relative;width:100%;margin:.2rem auto 0;display:flex;border:1px solid var(--key-black);border-top:5px solid var(--felt-strip);border-radius:0 0 11px 11px;overflow:hidden;background:var(--key-black);box-shadow:inset 0 6px 10px -6px #00000080;touch-action:pan-x;-webkit-user-select:none;user-select:none}.wkey{flex:1;margin:0;padding:0;border:0;border-right:1px solid rgba(0,0,0,.16);background:linear-gradient(180deg,var(--key-white),var(--key-white-sh));position:relative;cursor:pointer;font-family:var(--mono)}.wkey:last-child{border-right:0}.wkey.is-target{background:linear-gradient(180deg,var(--brass-bright),var(--brass))}.wkey.is-lit{background:linear-gradient(180deg,#fff2cf,#ecd79a)}.wkey-lbl{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:.62rem;color:#18120a6b}.wkey.is-target .wkey-lbl,.wkey.is-lit .wkey-lbl{color:var(--on-brass);font-weight:700}.wkey.is-lh{background:linear-gradient(180deg,#a9cbef,#6f9fd6)}.wkey.is-lh .wkey-lbl{color:#0d2136;font-weight:700}.bkey{position:absolute;top:0;width:4.4%;height:62%;z-index:2;border:0;padding:0;border-radius:0 0 3px 3px;cursor:pointer;background:linear-gradient(180deg,var(--key-black-hi),var(--key-black));box-shadow:0 3px 5px #00000073,inset 0 -3px 3px #0006}.bkey.is-target{background:linear-gradient(180deg,var(--brass-bright),var(--brass))}.bkey.is-lit{background:linear-gradient(180deg,#b98f3f,#7a5a1f)}.bkey.is-lh{background:linear-gradient(180deg,#6f9fd6,#3f6aa0)}.wkey.is-selected{background:linear-gradient(180deg,color-mix(in srgb,var(--steady) 82%,white),var(--steady))}.wkey.is-selected .wkey-lbl{color:#10240f;font-weight:700}.wkey.is-wrong{background:linear-gradient(180deg,color-mix(in srgb,var(--felt) 78%,white),var(--felt))}.wkey.is-wrong .wkey-lbl{color:#fff;font-weight:700}.bkey.is-selected{background:linear-gradient(180deg,color-mix(in srgb,var(--steady) 72%,black),color-mix(in srgb,var(--steady) 42%,black))}.bkey.is-wrong{background:linear-gradient(180deg,color-mix(in srgb,var(--felt) 72%,black),color-mix(in srgb,var(--felt) 45%,black))}.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--sans);font-weight:600;font-size:.92rem;border-radius:11px;padding:.7rem 1.25rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .1s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--brass);color:var(--on-brass);border-color:var(--brass);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--brass) 70%,transparent)}.btn-primary:hover:not(:disabled){background:var(--brass-bright)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--brass);color:var(--brass)}.transport{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}.transport-main{display:flex;gap:.6rem}.transport-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.tempo-pill{display:flex;align-items:baseline;gap:.3rem;border:1px solid var(--line);border-radius:11px;padding:.4rem .8rem}.tempo-num{font-size:1.4rem;font-weight:700;color:var(--brass)}.tempo-unit{font-size:.7rem;color:var(--muted)}.mode-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.mode-toggle button{font-family:var(--sans);font-size:.8rem;font-weight:600;padding:.5rem .85rem;border:0;cursor:pointer;background:transparent;color:var(--muted)}.mode-toggle button.on{background:var(--brass);color:var(--on-brass)}.mode-toggle button:disabled{opacity:.5;cursor:not-allowed}.meter,.result,.intro,.gate{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.2rem;box-shadow:var(--card-sh)}.meter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.meter-note{font-family:var(--mono);font-size:1.3rem;font-weight:700;color:var(--brass);display:flex;align-items:baseline;gap:.4rem}.meter-note small{font-size:.7rem;color:var(--muted);font-weight:400}.meter-note.muted{color:var(--muted);font-size:1rem}.meter-bar{position:relative;height:12px;border-radius:99px;background:var(--surface-2);overflow:hidden}.meter-center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line-strong);transform:translate(-50%)}.meter-dot{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);transition:left .08s linear}.intro ol{margin:.8rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.intro li{padding-left:.2rem}.intro b{color:var(--brass);font-weight:600}.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.badge{font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.25rem .6rem;border-radius:7px}.badge.good{background:color-mix(in srgb,var(--steady) 26%,transparent);color:var(--steady)}.badge.warn{background:color-mix(in srgb,var(--brass) 22%,transparent);color:var(--brass)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.2rem;background:var(--surface-2);border-radius:11px;padding:.7rem .8rem}.stat-num{font-size:1.35rem;font-weight:700}.stat-num.good{color:var(--steady)}.stat-num.warn{color:var(--brass)}.stat-num.good,.stat-num.warn{font-size:1rem}.stat-lbl{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.mini.good{color:var(--steady)}.mini.bad{color:var(--felt)}.note-chips{display:flex;flex-wrap:wrap;gap:.35rem}.nchip{font-family:var(--mono);font-size:.76rem;padding:.25rem .5rem;border-radius:7px;border:1px solid var(--line-strong);color:var(--muted)}.nchip.correct{color:var(--steady);border-color:color-mix(in srgb,var(--steady) 40%,transparent)}.nchip.wrong{color:var(--felt);border-color:color-mix(in srgb,var(--felt) 40%,transparent)}.nchip.missed{color:var(--muted);border-style:dashed}.nchip em{font-style:normal;opacity:.8}.gate{display:grid;grid-template-columns:1fr 1.2fr;gap:1.3rem}.ladder{display:flex;flex-direction:column;gap:.45rem;margin-top:.8rem}.rung{display:flex;align-items:center;gap:.7rem}.rung-bpm{font-size:.82rem;width:30px;color:var(--muted)}.rung-track{flex:1;height:12px;border-radius:99px;background:var(--surface-2);position:relative;overflow:hidden}.rung-track>i{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--brass),var(--brass-bright));box-shadow:0 0 14px -2px color-mix(in srgb,var(--brass) 60%,transparent)}.rung-flag{width:15px;height:15px;flex:none;color:var(--muted);font-family:var(--music);font-size:.9rem;text-align:center}.rung.reached .rung-bpm{color:var(--text)}.rung.current .rung-bpm{color:var(--brass);font-weight:700}.rung.current .rung-flag{color:var(--brass)}.rung.next .rung-track{border:1px dashed var(--brass);background:transparent}.rung.locked{opacity:.45}.criteria{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.8rem}.criteria li{display:flex;align-items:center;gap:.7rem}.criteria .ck{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.72rem;border:1.5px solid var(--line-strong);color:var(--muted)}.criteria .ck.pass{background:var(--steady);border-color:var(--steady);color:#12210f}.criteria .ck.prog{border-color:var(--brass);color:var(--brass);font-family:var(--mono);font-size:.6rem;font-weight:700}.criteria .cl{font-size:.86rem}.criteria .cl small{display:block;color:var(--muted);font-size:.74rem}.gate-msg{margin-top:1.1rem;background:var(--surface-2);border-left:3px solid var(--brass);border-radius:10px;padding:.9rem 1rem;font-size:.9rem}.gate-msg.good{border-left-color:var(--steady)}.gate-msg b{color:var(--brass)}.gate-msg .kind{display:block;margin-top:.4rem;font-size:.78rem;color:var(--steady)}.gate-unlock{margin-top:1.1rem;width:100%}.countin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--ground) 55%,transparent)}.countin span{font-family:var(--mono);font-size:clamp(5rem,20vw,12rem);font-weight:700;color:var(--brass);animation:countpop .5s ease}@keyframes countpop{0%{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(max-width:860px){.grid,.gate{grid-template-columns:1fr}.transport{flex-direction:column;align-items:stretch}.transport-meta{justify-content:space-between}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.full-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.page-loading{min-height:60vh;display:grid;place-items:center;color:var(--muted)}.shell{min-height:100vh}.shell-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1.4rem;height:62px;padding:0 clamp(16px,4vw,32px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ground) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell-brand .mark{font-family:var(--display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.shell-brand .mark b{color:var(--brass)}.shell-nav{display:flex;gap:.3rem;margin-right:auto}.shell-link{font-size:.88rem;font-weight:600;color:var(--muted);text-decoration:none;padding:.45rem .8rem;border-radius:9px;transition:all .15s}.shell-link:hover{color:var(--text);background:var(--surface)}.shell-link.active{color:var(--brass);background:color-mix(in srgb,var(--brass) 12%,transparent)}.shell-user{position:relative;margin-left:auto}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--brass);font-weight:700;font-family:var(--display);cursor:pointer}.user-menu{position:absolute;right:0;top:46px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--card-sh);padding:.5rem;min-width:210px;display:flex;flex-direction:column;gap:.15rem;z-index:40}.user-menu-head{padding:.5rem .6rem;border-bottom:1px solid var(--line);margin-bottom:.3rem;display:flex;flex-direction:column}.user-menu-head strong{font-size:.9rem}.user-menu-head span{font-size:.76rem;color:var(--muted)}.user-menu button{text-align:left;background:transparent;border:0;color:var(--text);font-size:.86rem;padding:.5rem .6rem;border-radius:8px;cursor:pointer}.user-menu button:hover{background:var(--surface-2)}.shell-nav.mobile{display:none}.compat-banner{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem clamp(16px,4vw,32px);background:color-mix(in srgb,var(--brass) 12%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--brass) 30%,transparent);font-size:.86rem;color:var(--text)}.cb-ico{flex:none;font-size:1.05rem;line-height:1.4}.compat-banner p{margin:0;line-height:1.5}.compat-banner b{color:var(--brass)}.cb-x{flex:none;margin-left:auto;align-self:center;background:none;border:0;color:var(--muted);cursor:pointer;font-size:.95rem;padding:.15rem .4rem}.cb-x:hover{color:var(--text)}.page{max-width:1080px;margin:0 auto;padding:clamp(18px,3vw,32px) clamp(16px,4vw,32px) 4rem}.page>.card{margin-bottom:1rem}.page-head{margin-bottom:1.4rem}.page-head h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.03em}.page-head p{margin-top:.4rem;color:var(--muted);font-size:.95rem}.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:.4rem}.crumbs a{color:var(--brass);text-decoration:none}.dash-foot{margin-top:1.5rem;font-size:.86rem;color:var(--muted)}.dash-foot a{color:var(--brass)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 80% at 50% -10%,var(--glow),transparent 55%),linear-gradient(var(--ground),var(--ground-2))}.auth-card,.onboard-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:2rem;box-shadow:var(--card-sh)}.onboard-card{max-width:560px}.auth-brand{margin-bottom:1.1rem}.auth-brand .mark{font-family:var(--display);font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.auth-brand .mark b{color:var(--brass)}.auth-card h1,.onboard-card h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.auth-sub{color:var(--muted);font-size:.9rem;margin-top:.4rem}.auth-tabs{display:flex;gap:.3rem;margin:1.3rem 0 1rem;background:var(--surface-2);border-radius:11px;padding:.25rem}.auth-tabs button{flex:1;font-family:var(--sans);font-weight:600;font-size:.85rem;padding:.5rem;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs button.on{background:var(--brass);color:var(--on-brass)}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:var(--muted);font-weight:600}.auth-form input{font-family:var(--sans);font-size:.95rem;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text)}.auth-form input:focus{outline:2px solid color-mix(in srgb,var(--brass) 50%,transparent);border-color:var(--brass)}.auth-error{background:color-mix(in srgb,var(--felt) 18%,transparent);color:var(--felt);font-size:.82rem;padding:.5rem .7rem;border-radius:8px}.auth-info{background:color-mix(in srgb,var(--steady) 18%,transparent);color:var(--steady);font-size:.82rem;padding:.5rem .7rem;border-radius:8px}.auth-or{text-align:center;margin:1.1rem 0;position:relative;color:var(--muted);font-size:.78rem}.auth-or:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line)}.auth-or span{position:relative;background:var(--surface);padding:0 .7rem}.auth-google{width:100%}.auth-fine{margin-top:1rem;font-size:.74rem;color:var(--muted);text-align:center}.onboard-opts{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.4rem 0 1rem}.onboard-opts button{text-align:left;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:13px;padding:1rem;cursor:pointer;color:var(--text);transition:all .15s}.onboard-opts button:hover{border-color:var(--brass)}.onboard-opts .oo-t{display:block;font-weight:700;font-size:.95rem}.onboard-opts .oo-s{display:block;font-size:.78rem;color:var(--muted);margin-top:.3rem}.today{display:flex;align-items:center;justify-content:space-between;gap:1rem}.today-body h2{font-size:1.2rem;margin:.3rem 0}.today-meta{font-size:.82rem;color:var(--muted)}.mode-tag{color:var(--teal)}.levels-map{display:flex;flex-direction:column;gap:1rem}.lvl-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}.lvl-code{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--brass);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);border-radius:7px;padding:.15rem .5rem}.lvl-title h3{font-size:1.1rem}.lvl-meta{font-size:.76rem;color:var(--muted)}.lvl-units{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.unit-row a,.unit-row.locked{display:grid;grid-template-columns:1fr auto auto;gap:.7rem;align-items:center;background:var(--surface-2);border-radius:10px;padding:.6rem .8rem;text-decoration:none;color:var(--text);transition:all .15s}.unit-row a:hover{background:color-mix(in srgb,var(--brass) 10%,transparent)}.unit-row.locked{opacity:.5}.unit-row.dev-open a{opacity:.85}.dev-banner{background:color-mix(in srgb,var(--brass) 14%,transparent);border:1px dashed color-mix(in srgb,var(--brass) 55%,transparent);color:var(--brass);font-size:.82rem;padding:.6rem .9rem;border-radius:10px;margin-bottom:1rem}.ur-name{font-size:.88rem}.ur-mode{font-size:.68rem;font-weight:700;padding:.14rem .45rem;border-radius:6px;white-space:nowrap}.ur-mode.piano{background:color-mix(in srgb,var(--brass) 20%,transparent);color:var(--brass)}.ur-mode.tablet{background:color-mix(in srgb,var(--teal) 22%,transparent);color:var(--teal)}.ur-mode.both{background:color-mix(in srgb,var(--muted) 20%,transparent);color:var(--muted)}.ur-status{font-size:.7rem;font-weight:600;white-space:nowrap}.ur-status.mastered{color:var(--steady)}.ur-status.available,.ur-status.progress{color:var(--brass)}.ur-status.locked{color:var(--muted)}.lesson-intro{font-size:1rem;margin:.6rem 0 1rem}.lesson-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;align-items:center}.mastered-chip{color:var(--steady);font-weight:600}.chip.must{background:color-mix(in srgb,var(--felt) 20%,transparent);color:var(--felt)}.chip.opt{border:1px solid var(--line-strong);color:var(--muted)}.chip.mode-piano{background:color-mix(in srgb,var(--brass) 18%,transparent);color:var(--brass)}.chip.mode-tablet{background:color-mix(in srgb,var(--teal) 20%,transparent);color:var(--teal)}.chip.mode-both{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.progress-overall{display:flex;align-items:center;gap:1.2rem;margin-bottom:1rem}.po-num{font-size:2.4rem;font-weight:800;color:var(--brass)}.po-info{display:flex;flex-direction:column}.po-info strong{font-size:1rem}.po-info span{font-size:.82rem;color:var(--muted)}.bar.big{height:12px}.prog-levels{display:flex;flex-direction:column;gap:.7rem;margin-top:.8rem}.prog-row{display:grid;grid-template-columns:1fr 2fr auto;gap:.8rem;align-items:center}.pr-label{font-size:.84rem}.pr-label b{color:var(--brass)}.pr-num{font-size:.8rem;color:var(--muted)}.chat{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1rem}.msg{display:flex;gap:.7rem;align-items:flex-start}.msg .av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--display);font-weight:700;background:var(--brass);color:var(--on-brass)}.bub{padding:.85rem 1rem;font-size:.92rem;background:var(--surface-2);border:1px solid var(--line);border-left:2px solid var(--brass);border-radius:14px 14px 14px 4px;max-width:82%}.chat-input{display:flex;gap:.6rem;margin-top:.5rem}.chat-input .box{flex:1;border:1px solid var(--line-strong);border-radius:11px;padding:.65rem .85rem;color:var(--muted);font-size:.88rem;background:var(--surface-2)}.chat-input .send{background:var(--brass);color:var(--on-brass);border:0;border-radius:11px;padding:0 1.1rem;font-weight:600}.chat-input.disabled{opacity:.6}.chat-input input.box{color:var(--text);font-family:var(--sans)}.chat-input input.box:focus{outline:2px solid color-mix(in srgb,var(--brass) 50%,transparent);border-color:var(--brass)}.chat-input .send:disabled,.ta-send:disabled,.ta-suggest button:disabled{opacity:.55;cursor:default}.ta-error{color:var(--felt);font-size:.82rem;margin:.4rem .9rem 0}.bub.typing{color:var(--muted);font-style:italic}.bub p{margin:0 0 .5rem}.bub p:last-child{margin-bottom:0}.bub ul{margin:.3rem 0 .5rem;padding-left:1.15rem}.bub ul:last-child{margin-bottom:0}.bub li{margin:.15rem 0}.bub strong{font-weight:700}.bub code{font-family:var(--mono);font-size:.85em;background:color-mix(in srgb,var(--muted) 20%,transparent);padding:.05em .32em;border-radius:4px}.msg.you{flex-direction:row-reverse}.msg.you .av{background:var(--surface-2);color:var(--muted)}.msg.you .bub{background:var(--surface-2);border:1px solid var(--line);border-left:1px solid var(--line);border-radius:14px 14px 4px}.lc-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lc-hint{font-size:.86rem;color:var(--muted)}.lc-actions{display:flex;gap:.6rem}.teacher-ask{padding:0;overflow:hidden;margin-top:1rem}.ta-head{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.2rem;background:transparent;border:0;cursor:pointer;color:var(--text);text-align:left}.ta-av{width:32px;height:32px;border-radius:50%;background:var(--brass);color:var(--on-brass);display:grid;place-items:center;font-family:var(--display);font-weight:700;flex:none}.ta-head-text{display:flex;flex-direction:column;margin-right:auto}.ta-head-text strong{font-size:.95rem}.ta-head-text span{font-size:.78rem;color:var(--muted)}.ta-toggle{font-size:1.4rem;color:var(--muted);line-height:1}.ta-body{padding:0 1.2rem 1.2rem;border-top:1px solid var(--line)}.ta-chat{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0}.ta-suggest{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}.ta-suggest button{font-size:.8rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer}.ta-suggest button:hover{border-color:var(--brass);color:var(--brass)}.ta-input{display:flex;gap:.6rem}.ta-input input{flex:1;border:1px solid var(--line-strong);border-radius:11px;padding:.6rem .85rem;background:var(--surface-2);color:var(--text);font-size:.9rem;font-family:var(--sans)}.ta-input input:focus{outline:2px solid color-mix(in srgb,var(--brass) 50%,transparent);border-color:var(--brass)}.ta-send{background:var(--brass);color:var(--on-brass);border:0;border-radius:11px;padding:0 1.1rem;font-weight:600;cursor:pointer}.profile-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px dashed var(--line)}.profile-row:last-child{border-bottom:0}.pf-k{color:var(--muted);font-size:.85rem}.pf-v{font-weight:600}.profile-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}.admin-course-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.admin-course-head h2{font-size:1.2rem}.admin-table{width:100%;border-collapse:collapse;margin-top:.8rem;font-size:.84rem}.admin-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.4rem .5rem;border-bottom:1px solid var(--line)}.admin-table td{padding:.5rem;border-bottom:1px solid var(--line);vertical-align:top}@media(max-width:720px){.shell-nav:not(.mobile){display:none}.shell-nav.mobile{display:flex;overflow-x:auto;gap:.3rem;padding:.5rem clamp(16px,4vw,32px);border-bottom:1px solid var(--line);position:sticky;top:62px;z-index:20;background:var(--ground);-webkit-overflow-scrolling:touch}.shell-nav.mobile .shell-link{white-space:nowrap;flex:0 0 auto}.onboard-opts{grid-template-columns:1fr}.prog-row{grid-template-columns:1fr auto}.prog-row .bar{grid-column:1 / -1;order:3}.today{flex-direction:column;align-items:stretch}}.clef-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;margin-bottom:1rem}.clef-toggle button{font-family:var(--sans);font-size:.82rem;font-weight:600;padding:.5rem .9rem;border:0;background:transparent;color:var(--muted);cursor:pointer}.clef-toggle button.on{background:var(--brass);color:var(--on-brass)}.reading-trainer{display:flex;flex-direction:column;gap:.9rem}.rt-head{display:flex;align-items:center;justify-content:space-between}.rt-stats{display:flex;gap:1rem;font-size:.82rem;color:var(--muted)}.rt-stats b{color:var(--brass)}.rt-staff{background:var(--surface-2)}.rt-vex{padding:8px;max-width:460px;margin:0 auto;overflow-x:auto}.rt-vex svg{display:block;margin:0 auto}.play-staff{overflow-x:auto}.play-staff svg{display:block;margin:0 auto}.rt-label{fill:var(--brass);opacity:.5;font-family:var(--mono);font-size:15px;font-weight:700}.staff-fig{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%}.staff-scroll{width:100%;overflow-x:auto;overflow-y:hidden;text-align:center}.staff-track{position:relative;display:inline-block;text-align:left;vertical-align:top}.staff-canvas{padding:8px}.staff-canvas svg{display:block}.staff-cursor{position:absolute;top:16px;height:94px;width:22px;left:0;border-radius:6px;background:color-mix(in srgb,var(--brass) 20%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--brass) 30%,transparent) inset;opacity:0;pointer-events:none;transition:left .14s ease,top .14s ease,opacity .16s ease}.staff-play{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-size:.86rem;font-weight:600;color:var(--brass);background:color-mix(in srgb,var(--brass) 12%,transparent);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);border-radius:999px;padding:.4rem .95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.staff-play:hover{background:color-mix(in srgb,var(--brass) 20%,transparent);border-color:var(--brass)}.staff-play .sp-ico{font-size:.72rem;line-height:1}.staff-play.is-playing{color:var(--felt);background:color-mix(in srgb,var(--felt) 12%,transparent);border-color:color-mix(in srgb,var(--felt) 40%,transparent)}@media(prefers-reduced-motion:reduce){.staff-cursor{transition:opacity .16s ease!important}}.reward-row{display:flex;align-items:center;gap:.6rem;margin-top:.7rem;padding:.6rem .85rem;border-radius:12px;font-size:.88rem;border:1px dashed color-mix(in srgb,var(--brass) 40%,transparent);background:color-mix(in srgb,var(--brass) 7%,transparent);color:var(--text);text-decoration:none}.reward-row .rr-gift{font-size:1.1rem}.reward-row .rr-text{flex:1;min-width:0}.reward-row .rr-text b{color:var(--brass);font-weight:600}.reward-row.locked{opacity:.7;border-style:dashed}.reward-row.locked .rr-hint{font-size:.74rem;color:var(--muted);white-space:nowrap}.reward-row.unlocked{border-style:solid;cursor:pointer;transition:background .15s ease,border-color .15s ease}.reward-row.unlocked:hover{background:color-mix(in srgb,var(--brass) 14%,transparent);border-color:var(--brass)}.reward-row.unlocked .rr-cta{font-weight:700;color:var(--brass);white-space:nowrap}.reward-hero{text-align:center;padding:2rem 1.5rem;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--brass) 16%,transparent),transparent 60%),var(--surface)}.reward-hero .reward-burst{font-size:2.6rem;display:block;margin-bottom:.4rem}.reward-hero h1{margin:.3rem 0}.reward-hero p{color:var(--muted);max-width:46ch;margin:.5rem auto 0}.reward-songs{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.reward-song{padding:1.1rem 1rem}.reward-song .rs-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.reward-song .rs-badge{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--brass) 18%,transparent);color:var(--brass);font-size:1.1rem}.reward-song .rs-head h2{margin:0;font-size:1.05rem}.reward-song .rs-sub{margin:.1rem 0 0;font-size:.8rem;color:var(--muted)}.reward-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.2rem}.reward-foot{text-align:center;font-size:.82rem;color:var(--muted);margin-top:1rem}.grid.single{grid-template-columns:1fr}.coach{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:var(--card-sh)}.coach-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.coach-lead{margin:.6rem 0 0;font-size:.96rem;color:var(--text)}.coach-tips{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-direction:column;gap:.5rem}.coach-tip{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.45;padding:.6rem .75rem;border-radius:10px;background:var(--surface-2)}.coach-tip .ct-ico{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;margin-top:.05rem}.coach-tip.good .ct-ico{background:color-mix(in srgb,var(--steady) 22%,transparent);color:var(--steady)}.coach-tip.warn .ct-ico{background:color-mix(in srgb,var(--brass) 22%,transparent);color:var(--brass)}.coach-tip.info .ct-ico{background:color-mix(in srgb,var(--teal, var(--muted)) 22%,transparent);color:var(--teal, var(--muted))}.coach-tip.good{border-left:3px solid color-mix(in srgb,var(--steady) 55%,transparent)}.coach-tip.warn{border-left:3px solid color-mix(in srgb,var(--brass) 55%,transparent)}.transpose-head{margin-bottom:1rem}.transpose-head p{color:var(--muted);margin:.5rem 0 .95rem;font-size:.95rem}.transpose-keys{display:flex;gap:.5rem;flex-wrap:wrap}.tk{font:inherit;font-weight:700;min-width:58px;padding:.55rem .95rem;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tk:hover{border-color:var(--brass)}.tk.on{background:var(--brass);color:var(--ground);border-color:var(--brass)}.cl-chordplay{width:100%}.cl-playexercise{width:100%;display:flex;flex-direction:column;gap:.8rem}.cl-playexercise .cl-text{margin:0}.coach-card{display:flex;flex-direction:column;gap:.9rem}.cc-top{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:space-between}.cc-streak{display:flex;align-items:baseline;gap:.4rem}.cc-flame{font-size:1.5rem}.cc-streak-n{font-size:1.9rem;font-weight:800;color:var(--brass);font-family:var(--display);line-height:1}.cc-streak-lbl{color:var(--muted);font-size:.85rem}.cc-week{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}.cc-dots{display:flex;gap:.3rem}.cc-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--muted);border:1px solid var(--line-strong)}.cc-dot.on{background:var(--brass);color:var(--on-brass, #241a08);border-color:var(--brass)}.cc-week-lbl{color:var(--muted);font-size:.78rem}.cc-week-lbl b{color:var(--brass)}.cc-nudge{display:flex;gap:.7rem;align-items:flex-start;background:var(--surface-2);border-radius:12px;padding:.8rem .9rem}.cc-nudge p{margin:0;font-size:.92rem;line-height:1.5;color:var(--text)}.cc-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brass);color:var(--on-brass, #241a08);font-weight:700;font-family:var(--mono);font-size:.9rem}@media(max-width:560px){.cc-week{align-items:flex-start}.cc-dot{width:24px;height:24px}}.comm-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.comm-tabs button{font:inherit;font-weight:600;padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);cursor:pointer;transition:all .15s ease}.comm-tabs button.on{background:var(--brass);color:var(--ground);border-color:var(--brass)}.lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.lb-row{display:grid;grid-template-columns:2.2rem 1fr auto auto auto;gap:.7rem;align-items:center;padding:.55rem .7rem;border-radius:10px;background:var(--surface-2);font-size:.9rem}.lb-headrow{background:transparent;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.lb-row.me{background:color-mix(in srgb,var(--brass) 16%,transparent);border:1px solid color-mix(in srgb,var(--brass) 45%,transparent)}.lb-rank{color:var(--muted);font-weight:700;text-align:center}.lb-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-name em{color:var(--brass);font-style:normal;font-size:.8em}.lb-lvl{color:var(--muted);font-size:.8rem}.lb-mast{color:var(--steady)}.lb-streak{color:var(--brass);font-weight:700}.qa{display:flex;flex-direction:column;gap:1rem}.qa-new textarea{width:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.92rem;padding:.7rem .85rem;resize:vertical}.qa-new textarea:focus{outline:2px solid color-mix(in srgb,var(--brass) 50%,transparent);border-color:var(--brass)}.qa-new-foot{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin-top:.6rem}.qa-list{display:flex;flex-direction:column;gap:.9rem}.post-head{display:flex;align-items:center;gap:.5rem}.post-av,.reply-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brass);color:var(--on-brass, #241a08);font-weight:700;font-family:var(--mono);font-size:.85rem}.reply-av{width:24px;height:24px;font-size:.72rem}.post-head b{font-size:.92rem}.post-you{color:var(--brass);font-style:normal;font-size:.8em}.post-time{color:var(--muted);font-size:.75rem}.post-body{margin:.55rem 0;line-height:1.5;white-space:pre-wrap}.post-replies{display:flex;flex-direction:column;gap:.6rem;border-left:2px solid var(--line);padding-left:.8rem;margin:.6rem 0}.reply{display:flex;gap:.5rem;align-items:flex-start}.reply-body b{font-size:.85rem}.reply-body p{margin:.15rem 0 0;font-size:.88rem;line-height:1.45;white-space:pre-wrap}.reply-input{display:flex;gap:.5rem;margin-top:.5rem}.reply-input input{flex:1;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.9rem;padding:.55rem .75rem}.reply-input input:focus{outline:2px solid color-mix(in srgb,var(--brass) 50%,transparent);border-color:var(--brass)}.post-reply-btn{font:inherit;font-size:.82rem;font-weight:600;color:var(--brass);background:none;border:0;cursor:pointer;padding:.5rem .1rem;min-height:38px;align-self:flex-start}@media(max-width:560px){.lb-row{grid-template-columns:1.8rem 1fr auto auto}.lb-lvl{display:none}}.crumb-back{font:inherit;font-size:.85rem;font-weight:600;color:var(--brass);background:none;border:0;cursor:pointer;padding:.4rem .1rem;min-height:38px;margin-bottom:.2rem}.rep-group{margin-bottom:1rem}.rep-group.locked{opacity:.72}.rep-group-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.rep-group-head h3{margin:0;font-size:1.05rem}.rep-lvl{flex:none;font-family:var(--mono);font-weight:700;font-size:.75rem;color:var(--on-brass, #241a08);background:var(--brass);border-radius:6px;padding:.12rem .45rem}.rep-group.locked .rep-lvl{background:var(--line-strong);color:var(--muted)}.rep-locked-tag{margin-left:auto;font-size:.72rem;color:var(--muted)}.rep-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.rep-item{width:100%;display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .05s ease}.rep-item:hover:not(:disabled){border-color:var(--brass)}.rep-item:active:not(:disabled){transform:scale(.995)}.rep-item:disabled{cursor:not-allowed;opacity:.55}.rep-item-main{display:flex;flex-direction:column;gap:.1rem;flex:1}.rep-title{font-weight:600}.rep-composer{font-size:.78rem;color:var(--muted)}.rep-cta{flex:none;font-size:.85rem;font-weight:600;color:var(--brass)}.rep-item:disabled .rep-cta{color:var(--muted)}.rep-badge{display:inline-block;margin-left:.5rem;font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--on-brass, #241a08);background:var(--steady);border-radius:999px;padding:.1rem .44rem;vertical-align:middle}.two-hand-note{margin:.5rem 0 0;font-size:.85rem;color:var(--muted);line-height:1.5}.ta-hint{color:var(--muted);font-size:.78rem;margin:.5rem 0 0}.ta-hint b{color:var(--brass)}.lp{width:100%;overflow-x:hidden}.lp .mark{font-family:var(--display);font-weight:700;letter-spacing:-.03em}.lp .mark b{color:var(--brass)}.lp h2{font-family:var(--display);font-weight:800;text-wrap:balance}.lp-top{display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(18px,5vw,48px);position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--ground) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.lp-top .mark{font-size:1.5rem}.lp-top-actions{display:flex;gap:.5rem;align-items:center}.lp-hero{max-width:1180px;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(18px,5vw,40px) clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:center}.lp-eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);margin-bottom:1rem}.lp-title{font-family:var(--display);font-weight:800;font-size:clamp(2.3rem,5.2vw,3.9rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 1.2rem;text-wrap:balance}.lp-sub{color:var(--muted);font-size:clamp(1.02rem,2vw,1.2rem);line-height:1.6;margin:0 0 1.8rem;max-width:46ch}.lp-cta-row{display:flex;gap:1.3rem;align-items:center;flex-wrap:wrap}.lp-big{font-size:1.05rem;padding:.9rem 2rem}.lp-link{color:var(--text);text-decoration:none;font-weight:600;font-size:.98rem}.lp-link:hover{color:var(--brass)}.lp-hero-bullets{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;color:var(--muted);font-size:.88rem}.lp-hero-bullets li{display:flex;align-items:center;gap:.4rem}.lp-hero-bullets li:before{content:"✓";color:var(--brass);font-weight:800}.lp-hero-media{position:relative}.lp-hero-media img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 60px -30px #0009,0 0 90px -40px color-mix(in srgb,var(--brass) 55%,transparent)}.lp-hero-badge{position:absolute;left:14px;bottom:14px;background:var(--brass);color:var(--on-brass, #241a08);font-weight:700;font-size:.78rem;padding:.4rem .8rem;border-radius:999px;box-shadow:0 6px 16px #00000059}.lp-demo{max-width:1200px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(18px,5vw,40px);text-align:center}.lp-demo h2{font-size:clamp(1.7rem,4.5vw,2.6rem);margin:0 0 .5rem}.lp-demo-sub{color:var(--muted);margin:0 auto 1.4rem;max-width:52ch}.lp-demo-tabs{display:inline-flex;gap:.4rem;margin-bottom:1.2rem;flex-wrap:wrap;justify-content:center}.lp-demo-tabs button{font:inherit;font-weight:600;font-size:.9rem;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);cursor:pointer}.lp-demo-tabs button.on{background:var(--brass);color:var(--on-brass, #241a08);border-color:var(--brass)}.lp-demo-stage{text-align:left}.demo-piece{display:flex;flex-direction:column;gap:.9rem}.demo-controls{display:flex;align-items:center;gap:.9rem;justify-content:center;flex-wrap:wrap}.demo-hint{color:var(--muted);font-size:.85rem}.lp-persuade{max-width:1040px;margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(18px,5vw,40px);text-align:center}.lp-persuade h2{font-size:clamp(1.8rem,4.5vw,2.7rem);margin:0 0 .6rem}.lp-persuade-sub{color:var(--muted);margin:0 auto 2rem;max-width:54ch}.lp-obj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem;text-align:left}.lp-obj{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.5rem}.lp-obj h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--brass)}.lp-obj p{margin:0;color:var(--muted);line-height:1.6;font-size:.95rem}.lp-manifesto{max-width:1100px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(18px,5vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3rem);align-items:center}.lp-manifesto-eyebrow{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brass)}.lp-manifesto h2{font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.12;margin:.6rem 0 1.1rem}.lp-manifesto h2 .hl{color:var(--brass);font-style:italic}.lp-manifesto-text p{color:var(--muted);font-size:clamp(1rem,2vw,1.12rem);line-height:1.72;margin:0}.lp-manifesto-text p b{color:var(--text)}.lp-manifesto-media img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 50px -30px #0009}.lp-journey{max-width:1000px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(18px,5vw,40px);text-align:center}.lp-journey h2{font-size:clamp(1.7rem,4.5vw,2.6rem);margin:0 0 .6rem}.lp-journey-sub{color:var(--muted);margin:0 0 2rem}.lp-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.lp-steps li{display:flex;align-items:center;gap:.55rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem .45rem .45rem;font-size:.9rem;color:var(--muted)}.lp-step-n{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--surface-2);color:var(--brass);font-family:var(--mono);font-weight:700;font-size:.72rem}.lp-steps li.dest{background:color-mix(in srgb,var(--brass) 15%,var(--surface));border-color:color-mix(in srgb,var(--brass) 45%,transparent);color:var(--text);font-weight:600}.lp-steps li.dest .lp-step-n{background:var(--brass);color:var(--on-brass, #241a08)}.lp-features{max-width:1040px;margin:0 auto;padding:clamp(3rem,7vw,4rem) clamp(18px,5vw,40px)}.lp-features h2,.lp-final h2{text-align:center;font-size:clamp(1.7rem,4vw,2.5rem);margin:0 0 2rem}.lp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;max-width:820px;margin:0 auto}.lp-feat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.5rem}.lp-feat-ico{font-size:1.9rem;display:block;margin-bottom:.7rem}.lp-feat h3{font-size:1.08rem;margin:0 0 .45rem}.lp-feat p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.lp-offer-wrap{padding:clamp(1rem,3vw,2rem) clamp(18px,5vw,40px)}.lp-offer{max-width:640px;margin:0 auto;text-align:center;padding:clamp(2rem,5vw,3rem);border:1px solid color-mix(in srgb,var(--brass) 45%,transparent);border-radius:20px;background:color-mix(in srgb,var(--brass) 8%,var(--surface));box-shadow:0 0 80px -24px color-mix(in srgb,var(--brass) 60%,transparent)}.lp-offer-tag{display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--on-brass, #241a08);background:var(--brass);border-radius:999px;padding:.28rem .8rem;margin-bottom:1rem}.lp-offer h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 .8rem}.lp-offer>p{max-width:46ch;margin:0 auto 1.4rem;color:var(--text);line-height:1.6}.lp-offer-list{list-style:none;margin:0 auto 1.6rem;padding:0;display:inline-flex;flex-direction:column;gap:.5rem;text-align:left}.lp-offer-list li{color:var(--text)}.lp-offer-list li span{color:var(--brass);font-weight:800;margin-right:.4rem}.lp-final{text-align:center;padding:clamp(3rem,7vw,5rem) clamp(18px,5vw,40px)}.lp-final p{color:var(--muted);margin:0 0 1.6rem}.lp-foot{border-top:1px solid var(--line);margin-top:1rem;padding:2.5rem clamp(18px,5vw,40px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.9rem}.lp-foot .mark{font-size:1.2rem}.lp-foot-links{display:flex;gap:1.4rem;flex-wrap:wrap;justify-content:center}.lp-foot-links a{color:var(--muted);text-decoration:none;font-size:.9rem}.lp-foot-links a:hover{color:var(--brass)}.lp-foot-note{color:var(--muted);font-size:.78rem;max-width:50ch}@media(max-width:820px){.lp-hero{grid-template-columns:1fr;text-align:center}.lp-sub{margin-left:auto;margin-right:auto}.lp-cta-row,.lp-hero-bullets{justify-content:center}.lp-manifesto{grid-template-columns:1fr;text-align:center}}@media(max-width:560px){.lp-grid{grid-template-columns:1fr}}@media(max-width:460px){.lp-top .mark{font-size:1.2rem}.lp-top-actions .btn{padding:.5rem .85rem;font-size:.82rem}}.report-form{display:flex;flex-direction:column;gap:.5rem}.rf-label{font-size:.82rem;font-weight:600;color:var(--muted);margin-top:.6rem}.report-form textarea,.report-form input{width:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.92rem;padding:.7rem .85rem;resize:vertical}.report-form textarea:focus,.report-form input:focus{outline:2px solid color-mix(in srgb,var(--brass) 50%,transparent);border-color:var(--brass)}.rf-actions{display:flex;justify-content:flex-end;margin-top:.8rem}.report-done{text-align:center;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.8rem}.rd-ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--steady) 22%,transparent);color:var(--steady);font-size:1.5rem;font-weight:700}.teaser-group{margin-top:1.4rem;border:1px solid color-mix(in srgb,var(--brass) 42%,transparent);background:color-mix(in srgb,var(--brass) 7%,var(--surface))}.teaser-head{margin-bottom:.85rem}.teaser-head h3{margin:0 0 .3rem;font-size:1.12rem}.teaser-head p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.55}.prog-streak{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.ps-stat{display:flex;flex-direction:column}.ps-num{font-size:1.5rem;font-weight:800;color:var(--brass);font-family:var(--display);line-height:1.15}.ps-lbl{font-size:.78rem;color:var(--muted)}.ps-week{display:flex;gap:.3rem;margin-left:auto}.prog-tempo{display:flex;flex-direction:column;gap:.4rem}.spark{width:100%;height:46px}.spark polyline{fill:none;stroke:var(--brass);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.pt-range{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.pr-count{color:var(--muted);font-size:.78rem}.prog-pulse{display:flex;flex-direction:column;gap:.55rem}.pulse-verdict{margin:0;font-weight:600;font-size:.92rem;color:var(--text)}.pg-track{position:relative;height:10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-strong);margin:.3rem 0}.pg-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--line-strong);transform:translate(-50%)}.pg-marker{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--felt);transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.pg-marker.ok{background:var(--steady)}.pg-ends{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.chord-play{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;gap:.9rem}.cp-head .ph-label{color:var(--brass);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.cp-prompt{margin:.35rem 0 0;font-size:.9rem;color:var(--muted)}.cp-target{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.cp-roman{font-weight:700;color:var(--brass);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);border-radius:8px;padding:.2rem .55rem;font-size:.85rem}.cp-name{display:flex;flex-direction:column;line-height:1.25}.cp-name b{font-size:1.02rem}.cp-notes{font-size:.82rem;color:var(--muted);font-family:var(--mono)}.cp-hear{margin-left:auto;font:inherit;font-size:.82rem;font-weight:600;color:var(--brass);background:color-mix(in srgb,var(--brass) 12%,transparent);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);border-radius:999px;padding:.35rem .85rem;cursor:pointer}.cp-hear:hover{background:color-mix(in srgb,var(--brass) 20%,transparent)}.cp-status{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;min-height:2.3rem}.cp-hint{font-size:.85rem;color:var(--muted)}.cp-fb{font-weight:700;color:var(--steady)}.cp-next{padding:.5rem 1.05rem}.cp-dots{display:flex;gap:.4rem;flex-wrap:wrap}.cp-dot{font-size:.72rem;font-family:var(--mono);color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;padding:.15rem .5rem}.cp-dot.cur{border-color:var(--brass);color:var(--brass)}.cp-dot.done{background:color-mix(in srgb,var(--steady) 22%,transparent);border-color:var(--steady);color:var(--steady)}.cp-done{text-align:center;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.cp-done-ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--steady) 22%,transparent);color:var(--steady);font-size:1.4rem;font-weight:700}.cp-read{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:center;padding:.3rem 0}.cp-staff{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px}.cp-read-arrow{color:var(--brass);font-size:1.3rem}.cp-read-hint{font-size:.82rem;color:var(--muted);max-width:22ch}.rhythm-tap{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.rhy-pattern{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap;justify-content:center;min-height:58px;color:var(--text)}.rhy-glyph{width:34px;height:56px;opacity:.75;transition:transform .1s ease,color .1s ease,opacity .1s ease}.rhy-glyph.active{color:var(--brass);opacity:1;transform:translateY(-5px) scale(1.1)}.rhy-pad{width:100%;max-width:360px;height:92px;border-radius:16px;border:2px solid var(--line-strong);background:var(--surface);color:var(--muted);font-weight:800;font-size:1.05rem;letter-spacing:.06em;cursor:pointer;transition:background .08s ease,border-color .12s ease,transform .05s ease;touch-action:none;-webkit-user-select:none;user-select:none}.rhy-pad.live{border-color:var(--brass);color:var(--brass);background:color-mix(in srgb,var(--brass) 10%,transparent)}.rhy-pad.live:active{background:color-mix(in srgb,var(--brass) 26%,transparent);transform:scale(.985)}.rhy-pad:disabled{cursor:default}.rhy-controls{display:flex;align-items:center;gap:1rem}.rhy-bpm{color:var(--muted);font-size:.85rem}.rhy-result{display:flex;flex-direction:column;align-items:center;gap:.2rem}.rhy-score{font-size:1.05rem}.rhy-score b{color:var(--brass)}.rhy-result.ok .rhy-score b{color:var(--steady)}.rhy-tip{font-size:.85rem;color:var(--muted);text-align:center;max-width:46ch}.rhy-caption{font-size:.82rem;color:var(--muted);text-align:center;margin:0;max-width:52ch}.ear-train{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;gap:.85rem}.et-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.et-head .ph-label{color:var(--brass);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.et-streak{font-size:.85rem;color:var(--muted)}.et-streak b{color:var(--brass)}.et-prompt{margin:0;font-size:.9rem;color:var(--muted)}.et-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.et-progress{margin-left:auto;color:var(--muted);font-size:.85rem}.et-reveal{display:flex;gap:.5rem;flex-wrap:wrap;font-family:var(--mono);font-size:.9rem;color:var(--muted)}.et-reveal span.done{color:var(--steady);font-weight:700}.et-status{font-size:.88rem;color:var(--muted);min-height:1.3rem}.et-status.ok{color:var(--steady);font-weight:600}.iv-intro p{margin:0 0 .9rem;font-size:.9rem;color:var(--muted);line-height:1.55}.iv-intro b{color:var(--text);font-weight:600}.roadmap-symbols{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.rm-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:88px}.rm-svg{width:64px;height:56px;color:var(--text)}.rm-label{font-size:.74rem;color:var(--muted);text-align:center}.answers{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin:.9rem 0}.answers button{font:inherit;font-weight:600;font-size:1rem;min-width:66px;padding:.72rem 1.05rem;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.answers button:hover:not(:disabled){border-color:var(--brass);background:color-mix(in srgb,var(--brass) 12%,transparent)}.answers button:active:not(:disabled){transform:scale(.97)}.answers button:focus-visible{outline:2px solid color-mix(in srgb,var(--brass) 55%,transparent);outline-offset:2px}.rt-answers{margin-top:0}.iv-answers button{min-width:96px}.iv-num{color:var(--muted);font-size:.85em;margin-left:.25em}.answers button.ok .iv-num{color:inherit}.answers button:disabled{opacity:.55;cursor:default}.answers button.ok{background:var(--steady);color:#12210f;border-color:var(--steady)}.rt-controls{display:flex;gap:.6rem;flex-wrap:wrap}.rt-peek:disabled,.rt-reset{opacity:.9}.rt-dots{display:flex;gap:.4rem;flex-wrap:wrap}.rt-dot{font-family:var(--mono);font-size:.72rem;padding:.2rem .5rem;border-radius:7px;border:1px solid var(--line-strong);color:var(--muted)}.rt-dot.done{background:color-mix(in srgb,var(--steady) 22%,transparent);color:var(--steady);border-color:color-mix(in srgb,var(--steady) 45%,transparent)}.concept{display:flex;flex-direction:column;gap:1.2rem}.cl-text{font-size:1rem;line-height:1.65;margin:0}.cl-text strong{color:var(--brass);font-weight:600}.cl-callout{border-radius:12px;padding:1rem 1.1rem;border-left:3px solid var(--brass);background:var(--surface-2)}.cl-callout.tip{border-left-color:var(--brass)}.cl-callout.info{border-left-color:var(--teal)}.cl-callout.warn{border-left-color:var(--felt)}.cl-callout-title{font-weight:700;font-size:.92rem;margin-bottom:.3rem}.cl-callout.tip .cl-callout-title{color:var(--brass)}.cl-callout.info .cl-callout-title{color:var(--teal)}.cl-callout.warn .cl-callout-title{color:var(--felt)}.cl-callout-body{font-size:.92rem;color:var(--text)}.cl-callout-body strong{color:var(--text);font-weight:700}.cl-figure{margin:0;display:flex;flex-direction:column;gap:.6rem;align-items:center}.cl-figure figcaption{font-size:.82rem;color:var(--muted);text-align:center;max-width:52ch}.cl-hand{flex-direction:row;flex-wrap:wrap;justify-content:center}.cl-photo img{display:block;width:100%;max-width:580px;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--card-sh)}.fh-wrap{position:relative;width:100%;max-width:440px;margin:0 auto;line-height:0}.fh-wrap img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--card-sh)}.fh-badge{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--brass);color:var(--on-brass);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:1rem;line-height:1;border:2px solid #fff;box-shadow:0 2px 7px #00000073}.hand-svg{width:170px;max-width:55%;height:auto;color:var(--text)}.hand-palm,.hand-finger{fill:color-mix(in srgb,var(--brass) 13%,var(--surface-2));stroke:var(--line-strong);stroke-width:1.5}.hand-num{fill:var(--brass)}.hand-num-t{fill:var(--on-brass);font-family:var(--mono);font-size:15px;font-weight:700}.note-values{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center}.nv-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.nv-svg{width:44px;height:auto;color:var(--text)}.nv-label{font-size:.82rem;font-weight:600}.nv-beats{font-size:.78rem;color:var(--brass)}.quiz{background:var(--surface-2);border-radius:13px;padding:1.1rem 1.2rem}.quiz-q{font-weight:600;margin-bottom:.8rem;display:flex;flex-direction:column;gap:.4rem}.quiz-tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brass);font-weight:700}.quiz-opts{display:flex;flex-direction:column;gap:.5rem}.quiz-opt{text-align:left;font-family:var(--sans);font-size:.92rem;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s}.quiz-opt:hover:not(:disabled){border-color:var(--brass)}.quiz-opt.correct{background:color-mix(in srgb,var(--steady) 24%,transparent);border-color:var(--steady);color:var(--steady)}.quiz-opt.wrong{background:color-mix(in srgb,var(--felt) 20%,transparent);border-color:var(--felt);color:var(--felt)}.quiz-fb{margin-top:.7rem;font-size:.88rem;font-weight:600}.quiz-fb.ok{color:var(--steady)}.quiz-fb.no{color:var(--felt)}.play-guide{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:1.2rem;display:flex;align-items:center;justify-content:center;gap:.9rem;min-height:92px;flex-wrap:wrap}.pg-label{color:var(--muted);font-size:.9rem}.pg-note{font-family:var(--display);font-size:2.2rem;font-weight:800;color:var(--brass);letter-spacing:-.02em}.pg-finger{font-size:.85rem;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:.25rem .7rem}.pg-idle{color:var(--muted);font-size:.95rem;text-align:center}.lesson-complete{margin-top:1rem}.keyboard:not(.interactive) .wkey,.keyboard:not(.interactive) .bkey{cursor:default}