:root{--bg: #0b0f14;--bg2: #070a0e;--panel: #141a21;--panel-2: #1b232c;--panel-border: #273139;--line: #3a4753;--text: #f2eee5;--muted: #9aa7b2;--faint: #6b7a88;--accent: #2dd4bf;--accent-soft: rgba(45, 212, 191, .16);--accent-text: #04201c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;margin:0 auto;padding:20px 16px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.header-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;margin-top:4px}.header-tools .lang-picker{margin-top:0}.account-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 12px;border:1px solid var(--panel-border);border-radius:999px;color:var(--text);text-decoration:none;font-weight:600;white-space:nowrap}.account-link{max-width:220px;overflow:hidden;text-overflow:ellipsis}.account-link:hover,.account-link.active{border-color:var(--accent)}.sync-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.google-box{display:grid;gap:6px;justify-items:start;margin-bottom:10px}.btn.google-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1f1f1f;text-decoration:none}.google-status{margin:10px 0 0}.account-form{max-width:420px}.recovery-codes{font-size:1.1rem;line-height:1.7;padding:10px 16px;background:var(--bg2);border:1px solid var(--panel-border);border-radius:10px;-webkit-user-select:all;user-select:all;width:fit-content}.lang-picker{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-top:4px;color:var(--muted)}.lang-picker select{min-height:36px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-header h1{margin:0;font-size:1.7rem;letter-spacing:-.01em}.app-header p{margin:2px 0 14px;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tab-btn{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;background:transparent;color:var(--muted);border:1px solid var(--panel-border);border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.tab{display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px}.panel h2{margin:0 0 8px;font-size:1.05rem}.row{display:flex;flex-wrap:wrap;gap:14px}.row>.grow{flex:1 1 380px}.row>.note-info{flex:0 1 300px;min-width:240px}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px}.field{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}select{background:var(--bg2);color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:7px 10px;font:inherit;font-size:.95rem;min-width:130px}.check{display:flex;align-items:center;gap:8px;padding-bottom:8px;cursor:pointer}.actions{margin-left:auto}.btn{background:var(--line);color:var(--text);border:0;border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-text)}@media(hover:hover){.btn:hover{filter:brightness(1.1)}}.btn.small{padding:5px 10px;font-size:.85rem}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:.85rem;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item i{display:inline-block;width:12px;height:12px;border-radius:50%}.hint{color:var(--muted);font-size:.85rem}.legend .hint{margin-left:auto}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;flex-direction:column;align-items:center;min-width:46px;padding:4px 8px;border:2px solid var(--panel-border);border-radius:10px;background:var(--bg2);line-height:1.2}.chip b{font-size:1.05rem}.chip small{color:var(--muted);font-size:.72rem}.chip.on{background:var(--accent-soft);border-color:var(--accent)}.chips.inline{display:inline-flex;margin-left:10px;vertical-align:middle}.chip.tiny{min-width:0;padding:1px 8px;border-radius:999px;border-width:1px;font-size:.85rem;font-weight:700}.chip-btn{cursor:pointer;color:var(--text);font:inherit}.formula{margin:12px 0 0}.big-note{font-size:2.2rem;font-weight:700;line-height:1.1}.big-note small{font-size:1.1rem;color:var(--muted);margin-left:2px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 0}dt{color:var(--muted)}dd{margin:0}.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--panel-border);border-radius:8px;overflow:hidden}.seg-btn{background:var(--bg2);color:var(--muted);border:0;border-right:1px solid var(--panel-border);padding:7px 12px;font:inherit;font-size:.9rem;cursor:pointer}.seg-btn:last-child{border-right:0}.seg-btn.active{background:var(--line);color:#fff;font-weight:600}@media(hover:hover){.seg-btn:hover{color:#fff}}.explain p{margin:0 0 6px}.explain p:last-child{margin-bottom:0}.explain{border-left:4px solid var(--accent)}.kbd,code{background:var(--bg2);border:1px solid var(--panel-border);border-radius:5px;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;white-space:nowrap}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th,table.data td{border-bottom:1px solid var(--panel-border);padding:5px 10px;text-align:left;white-space:nowrap}table.data th{color:var(--muted);font-weight:600}table.data td.num,table.data th.num{text-align:center}table.data tr.hl td{background:var(--accent-soft)}.good{color:#34d399}.warn{color:#fbbf24}.bad{color:#f87171}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}ul.tight{margin:4px 0;padding-left:20px}ul.tight li{margin:2px 0}h3.sub{margin:8px 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}input[type=range]{accent-color:var(--accent);width:100%}.text-input{background:var(--bg2);color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:7px 10px;font:inherit;font-size:.95rem;min-width:220px}ol.steps{margin:12px 0 8px;padding-left:22px}ol.steps li{margin:8px 0}ol.steps li>span:first-child{display:inline-block;max-width:100%}.sentence{margin:8px 0;font-size:1.02rem;animation:fadein .5s ease-out}@keyframes fadein{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.kb-wrap{position:relative}.kb-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:2px}.kb{display:block;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.kb-white{fill:#f4f0e6;stroke:#0b0f14;stroke-width:1;cursor:pointer}.kb-white.pressed{fill:var(--accent)}.kb-black{fill:#1b2027;stroke:#000;stroke-width:1;cursor:pointer}.kb-black.pressed{fill:#14b8a6}@media(hover:hover){.kb-white:hover{fill:#e4ded0}.kb-white.pressed:hover{fill:var(--accent)}.kb-black:hover{fill:#2a323c}.kb-black.pressed:hover{fill:#14b8a6}}.kb-label{fill:#3a4753;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;pointer-events:none}.kb-label.sub{font-weight:500;fill:#6b7a88}.kb-label.on{fill:var(--accent-text)}.kb-label.black{fill:#c3ccd5;font-weight:600}.kb-label.black.sub{fill:#8893a0}.kb-mid-c{fill:var(--accent)}.kb-mark circle{fill:#0b0f14;opacity:.85}.kb-mark text{fill:#fff;font-weight:700;font-family:system-ui,sans-serif}.kb-swipe-hint{margin:4px 0 0;font-size:.8rem;color:var(--accent)}.kb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:12px}.readout{display:flex;align-items:baseline;gap:12px;flex:1 1 260px;min-height:2.6rem}.readout-detail{display:inline-flex;flex-wrap:wrap;gap:4px 12px;align-items:center;color:var(--muted)}.pedal{display:flex;align-items:center;gap:12px}.pedal-btn{display:inline-flex;align-items:center;gap:10px;background:var(--bg2);color:var(--text);border:2px solid var(--panel-border);border-radius:12px;padding:8px 14px;font:inherit;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.pedal-btn small{color:var(--muted);min-width:3.2em;text-align:left}.pedal-shape{display:inline-block;width:16px;height:30px;border-radius:8px 8px 4px 4px;background:linear-gradient(#c9a66b,#8a6b3a);transform-origin:bottom;transition:transform .08s}.pedal-btn.down{border-color:var(--accent);background:var(--accent-soft)}.pedal-btn.down .pedal-shape{transform:scaleY(.75)}.pedal-btn.down small{color:var(--accent);font-weight:700}.pedal .check{padding-bottom:0;font-size:.9rem;color:var(--muted)}.term{text-decoration:underline dotted var(--muted);cursor:help}.callout{border-left:4px solid #60a5fa;background:#60a5fa14;border-radius:6px;padding:8px 12px;margin:10px 0}.callout.warn{border-left-color:#fbbf24;background:#fbbf2414}.callout.idea{border-left-color:#34d399;background:#34d39914}.callout b{display:block;margin-bottom:2px}.lab{border:1px dashed var(--panel-border);border-radius:10px;padding:12px;margin:12px 0;background:#070a0e80}.quickcheck{border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px;margin:12px 0;background:#070a0e80}.qc-choices{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.qc-choice{background:var(--bg2);color:var(--text);border:2px solid var(--panel-border);border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer}@media(hover:hover){.qc-choice:hover:not(:disabled){border-color:var(--accent)}}.qc-choice.right{border-color:#34d399;background:#34d39926}.qc-choice.wrong{border-color:#f87171;background:#f8717126}.qc-choice:disabled{opacity:.5;cursor:default}.circle-lab{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.circle{width:min(360px,100%);flex:0 0 auto}.circle-key circle{fill:var(--bg2);stroke:var(--panel-border);stroke-width:2;cursor:pointer}.circle-key.on circle{fill:var(--accent-soft);stroke:var(--accent)}.circle-key{cursor:pointer}.ck-name{fill:var(--text);font-size:15px;font-weight:700}.ck-sig{fill:var(--muted);font-size:10px}.ck-minor{fill:var(--faint);font-size:9px}.ck-center{fill:var(--text);font-size:16px;font-weight:700}.ck-center.small{font-size:11px;font-weight:400;fill:var(--muted)}.beats{display:flex;gap:6px;margin:10px 0}.beat{flex:1;min-width:34px;text-align:center;padding:6px 2px;border-radius:8px;border:2px solid var(--panel-border);background:var(--bg2)}.beat.main{border-color:var(--line)}.beat b{display:block;font-size:1.5rem}.beat small{color:var(--muted)}.beat.now{border-color:var(--accent);background:var(--accent-soft)}.lessons{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start}@media(max-width:860px){.lessons{grid-template-columns:minmax(0,1fr)}.lesson-list{max-height:240px;overflow-y:auto}}.lesson-list{position:sticky;top:8px;max-height:calc(100vh - 24px);overflow-y:auto}@media(max-width:860px){.lesson-list{position:static}}.progress-head .bar{height:8px;border-radius:6px;background:var(--bg2);margin:6px 0 4px;overflow:hidden}.progress-head .bar>div{height:100%;background:var(--accent);transition:width .3s}.lesson-part{margin-top:8px}.lesson-link{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-radius:8px;padding:5px 6px;font:inherit;font-size:.9rem;cursor:pointer}@media(hover:hover){.lesson-link:hover{background:#9aa7b21f}}.lesson-link.active{background:var(--accent-soft);font-weight:600}.lesson-link .ln{flex:0 0 24px;height:24px;border-radius:50%;background:var(--bg2);border:1px solid var(--panel-border);display:grid;place-items:center;font-size:.75rem;color:var(--muted)}.steps-nav{display:flex;align-items:center;gap:6px;margin:12px 0;flex-wrap:wrap}.step-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--panel-border);background:var(--bg2);color:var(--muted);cursor:pointer;font:inherit}.step-dot.seen{border-color:#34d399;color:#34d399}.step-dot.active{border-color:var(--accent);background:var(--accent);color:var(--accent-text);font-weight:700}.lesson-step h3{margin:4px 0 8px;font-size:1.2rem}.lesson-step .tab{margin-top:14px}.lesson-step .panel .panel{background:var(--panel-2)}.lesson-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--panel-border)}.lesson-step>p{max-width:78ch}.feedback{margin-top:14px;border-radius:10px;padding:10px 14px;border:2px solid var(--panel-border)}.feedback.ok{border-color:#34d399;background:#34d3991a}.feedback.no{border-color:#f87171;background:#f8717114}.feedback p{margin:6px 0 10px}.meter{height:12px;border-radius:6px;background:var(--bg2);overflow:hidden;border:1px solid var(--panel-border)}.meter>div{height:100%;transition:width .06s linear}.tuner-gauge{width:min(420px,100%);display:block}.tg-label{fill:var(--muted);font-size:10px}.steplist{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.stepitem{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--panel-border);border-radius:999px;background:var(--bg2);font-size:.85rem;color:var(--muted)}.stepitem .sn{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--panel);font-size:.75rem}.stepitem.now{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.stepitem.ok{border-color:#34d399;color:#34d399}.row>*,.panel,.lesson,.lesson-step{min-width:0}.drill-transport{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.drill-transport .phase{flex:1 1 220px;padding:6px 12px;border-radius:8px;background:var(--bg2);border:1px solid var(--panel-border);color:var(--muted)}.drill-transport .phase.you{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.loopcount{color:var(--muted);min-width:130px}.mini-slider{display:flex;flex-direction:column;gap:2px;min-width:96px}.mini-slider small{color:var(--muted)}.trainer{margin:8px 0;padding:8px 10px;border:1px dashed var(--panel-border);border-radius:8px}.drill-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.drill-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--bg2);color:var(--text);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit}@media(hover:hover){.drill-card:hover{border-color:var(--accent)}}.drill-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.drill-card .hint{font-size:.85em}.drill-card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:.85em}.lvl{font-weight:600}.lvl.beginner{color:#34d399}.lvl.improving{color:#fbbf24}.week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin:10px 0}.day-card{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--bg2);color:var(--text);border:1px solid var(--panel-border);border-radius:10px;padding:10px;cursor:pointer;font:inherit}.day-card.today{border-color:#60a5fa}.day-card.picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.day-name{color:var(--muted);font-size:.85em;text-transform:uppercase;letter-spacing:.04em}.day-name .tick{color:#34d399}.day-detail{margin-top:12px}.blocklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.blocklist li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:6px 10px;background:var(--bg2);border-radius:8px}.blk-main{display:flex;flex-direction:column}.blk-min{color:var(--muted);white-space:nowrap}.session-top{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.session-clock{display:flex;flex-direction:column;align-items:center;min-width:110px}.session-clock .clock{font:700 2.4rem/1 ui-monospace,monospace;color:var(--accent)}.bar-track{height:8px;background:var(--bg2);border-radius:999px;overflow:hidden;margin:4px 0}.bar-track>div{height:100%;background:#34d399}.big-steps li{font-size:1.1em;margin:6px 0}.rating-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;margin:0 0 12px}.rating-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:8px 10px;background:var(--bg2);border-radius:8px}.score-paper{background:#f8fafc;color:#111827;border-radius:10px;padding:6px 2px 2px;overflow-x:auto}.score-svg{display:block;max-width:100%}.score-svg .ink{fill:#111827}.score-svg .staff-line{stroke:#111827;stroke-width:.9}.score-svg .bar-line{stroke:#111827;stroke-width:1.1}.score-svg .bar-thick{stroke:#111827;stroke-width:3.4}.score-svg .stem{stroke:#111827;stroke-width:1.15}.score-svg .ledger{stroke:#111827;stroke-width:1.1}.score-svg .beam{fill:#111827}.score-svg .tie{stroke:#111827;stroke-width:1.2;fill:none}.score-svg .hl{fill:transparent}.score-svg .hl.on,.score-svg .hl.on.right{fill:#2dd4bf59}.score-svg .hl.on.left{fill:#f472b659}.score-svg .hl[data-event]{cursor:default}.score-svg .brace{fill:#111827}.score-svg .chord-symbol{font:700 13px system-ui,sans-serif}.score-svg .tempo-word{font:italic 700 13px Georgia,serif}.score-svg .tempo-eq{font:600 12px system-ui,sans-serif}.score-svg .nav-text{font:italic 700 12px Georgia,serif}.score-svg .ending{stroke:#111827;fill:none}.score-svg .ending-text{font:12px system-ui,sans-serif}.score-svg .hairpin polyline,.score-svg .triplet polyline{stroke:#111827;stroke-width:1.1;fill:none}.score-svg .triplet text{font:italic 700 12px Georgia,serif}.score-svg .note-name{font:600 10px system-ui,sans-serif;fill:#475569}.score-svg .finger{font:700 10px system-ui,sans-serif;fill:#1f2937}.symbol-svg .ink{fill:#111827}.score-paper.fixed{display:inline-block;overflow:hidden}.example-player+.example-player{margin-top:14px;padding-top:12px;border-top:1px solid var(--panel-border)}.piece-keyboard{margin-top:10px}.step-n{display:inline-grid;place-items:center;width:1.5em;height:1.5em;margin-right:6px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:.85em}.staff-clicker .hit{fill:transparent;cursor:pointer}@media(hover:hover){.staff-clicker .hit:hover{fill:#2dd4bf38}}.staff-clicker .hit.on{fill:#2dd4bf52}.staff-picker{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.staff-picker .score-paper{flex:1 1 300px;min-width:0}.staff-arrows{display:flex;flex-direction:column;gap:8px;justify-content:center}.staff-arrows .btn{min-width:112px;min-height:48px}@media(max-width:640px){.staff-arrows{flex-direction:row;flex-wrap:wrap;flex:1 1 100%}}.note-grid{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}.note-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.note-oct{color:var(--muted);font-size:.8em;min-width:64px}.note-btn{min-width:42px;padding:5px 6px;background:#0b1220;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;font:inherit;font-weight:600}.note-btn small{color:var(--muted);margin-left:1px;font-weight:400}.note-btn.black{background:#172033}.note-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.note-btn.on small{color:var(--accent-text)}.note-detail{border-top:1px solid var(--panel-border);padding-top:10px}.note-sections p{margin:0 0 8px}.lib-layout{display:grid;grid-template-columns:250px 1fr;gap:16px;align-items:start}.lib-list{max-height:640px;overflow-y:auto;border:1px solid var(--panel-border);border-radius:10px;padding:6px;background:#0b1220}.lib-cat{margin:8px 6px 2px;color:var(--muted);font-size:.75em;text-transform:uppercase;letter-spacing:.05em}.lib-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-radius:6px;padding:5px 8px;cursor:pointer;font:inherit}@media(hover:hover){.lib-item:hover{background:#172033}}.lib-item.on{background:var(--accent);color:var(--accent-text);font-weight:600}.symbol-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start}.symbol-figure{background:#f8fafc;border-radius:10px;padding:6px 12px;display:grid;place-items:center;min-width:100px}.big-text{color:#111827;font:700 2.4rem/1.2 Georgia,serif}@media(max-width:760px){.lib-layout{grid-template-columns:1fr}.lib-list{max-height:260px}}.timing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:8px}.stat{background:#0f172a;border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;line-height:1.25}.stat b{font-size:1.5rem}.stat small{color:var(--muted);font-size:.75rem}.drill-say{display:flex;align-items:baseline;gap:14px;margin:8px 0;padding:6px 14px;border-radius:10px;background:var(--bg2);min-height:3.2rem}.drill-say b{font-size:2.4rem;color:var(--accent)}.drill-say span{font-size:1.2rem;font-weight:600}.drill-keyboard{margin:6px 0}.drill-feedback{font-size:.9rem;color:var(--muted)}.drill-feedback.good{color:#4ade80;font-weight:600}.drill-feedback.bad{color:#fbbf24;font-weight:600}.btn.big{font-size:1.15rem;padding:12px 22px}.game-answers{align-items:center}.blk-short{color:var(--accent);font-size:.72em}.blocklist li.blk-long{opacity:.85}.day-card.done{border-color:#4ade80}.day-card .tick{color:#4ade80}.start-here{display:flex;flex-direction:column;gap:6px;padding:10px;margin-bottom:10px;border-radius:10px;background:var(--bg2);border:1px solid var(--accent)}.start-here .btn{font-size:1.05rem}.lesson.compact .lesson-step{font-size:.95rem}.lesson-try{margin-top:12px;padding-top:10px;border-top:1px solid var(--panel-border)}.key-demo{margin:8px 0}.finger-figure{display:flex;flex-wrap:wrap;gap:18px;margin:10px 0}.finger-hand{display:flex;flex-direction:column;align-items:center;gap:4px}.finger-row{display:flex;align-items:flex-end;gap:4px}.finger{width:34px;border-radius:10px 10px 4px 4px;color:#06201d;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:6px 0 4px}.finger b{font-size:1.1rem}.finger small{font-size:.6rem;opacity:.85}.finger.f1{height:56px}.finger.f2{height:84px}.finger.f3{height:92px}.finger.f4{height:86px}.finger.f5{height:68px}.finger-label{font-size:.8rem;color:var(--muted)}.interval-lab .chips{margin-bottom:6px}.source-panel{display:flex;flex-wrap:wrap;gap:10px 24px}.source{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 260px}.source .meter{display:inline-block;width:90px;height:8px;background:#0f172a;border-radius:4px;overflow:hidden}.source .meter span{display:block;height:100%;background:var(--accent)}.cents-bar{position:relative;height:10px;margin-top:6px;border-radius:5px;background:linear-gradient(90deg,#f87171,#0f172a 35%,#34d399,#0f172a 65%,#f87171)}.cents-bar .mark{position:absolute;top:-3px;width:4px;height:16px;margin-left:-2px;background:#fff;border-radius:2px}.routine-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.routine-row{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px}.routine-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.routine-name{text-align:left;color:inherit}.routine-row .blocklist,.share-box{margin-top:8px}.share-box .text-input{min-width:0;flex:1 1 200px;font-size:.8rem}.routine-items li{grid-template-columns:28px 1fr}.routine-item-tools{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:4px;justify-content:flex-end}.stepper{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.stepper-value{min-width:4.5em;text-align:center;font-variant-numeric:tabular-nums}.chip.tiny.bad{border-color:#f87171;color:#f87171}.picker-cell{position:relative;display:grid}.picker-cell .in-routine{position:absolute;top:6px;right:6px;pointer-events:none}.btn.danger{background:#b91c1c;color:#fff}.routine-notes{white-space:pre-wrap}.app-footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--panel-border);color:var(--muted);font-size:.82rem}.app-footer p{margin:0}.tab-loading{padding:24px 4px}@media(pointer:coarse){a,button,input,select,label{-webkit-tap-highlight-color:rgba(45,212,191,.25)}select,textarea,input[type=text],input[type=number],input[type=search],input[type=email],.text-input{font-size:16px}.btn,.btn.small,.seg-btn,.tab-btn,.qc-choice,.lesson-link,.stepitem,.chip-btn{min-height:44px}.btn,.btn.small,.seg-btn,.chip-btn{display:inline-flex;align-items:center;justify-content:center}.step-dot{width:44px;height:44px}select{min-height:44px}input[type=range]{min-height:32px}input[type=checkbox],input[type=radio]{width:22px;height:22px}.check{min-height:44px}.pedal-btn{min-height:56px}}@media(max-width:640px){:root{--nav-h: 60px}body{font-size:16px}.app{padding:10px 12px calc(40px + env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.app-header h1{font-size:1.3rem}.app-header p{margin:0 0 6px;font-size:.9rem}.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 -12px 12px;padding:8px 12px;background:var(--bg);box-shadow:0 6px 12px -8px #0009}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto}.tab{gap:12px}.panel{padding:12px;border-radius:10px}.panel .panel{padding:10px}.controls{gap:12px}.controls>.field,.controls>label.field{flex:1 1 100%}.field select,.field .text-input{width:100%;min-width:0!important}.actions{margin-left:0}.beats{flex-wrap:wrap}.row>.note-info{min-width:0;flex-basis:100%}.kb-scroll{margin:0 -12px;padding:0 12px 2px}.kb-toolbar{gap:10px 16px}.readout{flex-basis:100%}.drill-transport{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--nav-h));z-index:15;margin:0 -12px;padding:8px 12px;background:var(--panel);box-shadow:0 6px 12px -8px #0009}.drill-transport .phase{flex-basis:160px}.loopcount{min-width:0}}.chip.chip-btn.on{border-color:var(--accent);background:var(--accent-soft)}.mini-slider input[type=range]{min-width:140px}.post-form{display:flex;flex-direction:column;gap:8px;margin:10px 0}.post-form .field{min-width:0}.post-textarea{width:100%;min-height:72px;resize:vertical;font:inherit;line-height:1.5}.post-form input.text-input{width:100%;max-width:420px}.hp-field{position:absolute!important;left:-10000px;width:1px;height:1px;opacity:0}.turnstile-box:empty{display:none}.small-print{font-size:.82rem;margin:0}.post-list{display:flex;flex-direction:column;gap:10px;margin:8px 0}.post{border-left:3px solid var(--panel-border);padding:4px 0 4px 12px}.post.opening{border-left-color:var(--accent);margin:10px 0 14px}.post.reply{margin-left:18px}.replies{display:flex;flex-direction:column;gap:8px;margin-top:6px}.post-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.9rem}.badge-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.post-text a{color:var(--accent)}.post-gone{font-style:italic;margin:4px 0}.post-actions{display:flex;gap:14px;flex-wrap:wrap}.link-btn{background:none;border:none;padding:2px 0;color:var(--accent);font:inherit;font-size:.88rem;cursor:pointer}.link-btn.subtle{color:var(--muted)}.report-box{background:#94a3b814;border-radius:8px;padding:8px 10px;margin:6px 0}.page-comments{margin-top:18px;border-top:1px solid var(--panel-border);padding-top:10px}.comments-toggle{background:none;border:1px solid var(--panel-border);border-radius:999px;color:var(--text);font:inherit;padding:6px 14px;cursor:pointer}.comments-body{margin-top:10px}.topic-list{list-style:none;padding:0;margin:0}.topic-list li a{display:flex;flex-direction:column;gap:2px;padding:10px 4px;border-bottom:1px solid var(--panel-border);color:var(--text);text-decoration:none}.topic-title{font-size:1.02rem}.topic-meta{font-size:.85rem}.thread-title{margin:8px 0 4px;overflow-wrap:anywhere}.admin-post.hidden{border-left-color:#f59e0b}.admin-post.deleted{opacity:.55}@media(hover:hover){.topic-list li a:hover .topic-title,.link-btn:hover{text-decoration:underline}.comments-toggle:hover{border-color:var(--accent)}}@media(max-width:640px){.post.reply{margin-left:8px}}@media(pointer:coarse){.link-btn{min-height:44px;padding:0 4px}.comments-toggle{min-height:44px}}