:root{color-scheme:dark;--plane: #100e0d;--surface: #1a1715;--surface-2: #221e1b;--line: #2c2926;--baseline: #3a3531;--ink: #e8e3da;--ink-2: #b3aca1;--muted: #8a857d;--accent: #f2a13c;--accent-soft: rgba(242, 161, 60, .16);--accent-ink: #1a1207;--good: #7fc08a;--bad: #e07a72;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 12px 28px rgba(0, 0, 0, .35);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--plane);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .35em;line-height:1.2;font-weight:650}h1{font-size:1.75rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .6em}code,kbd{font-family:Cascadia Mono,ui-monospace,Consolas,monospace;font-size:.88em;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.app{max-width:1180px;margin:0 auto;padding:0 20px 64px}.tabs{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:12px 0;margin-bottom:8px;background:linear-gradient(var(--plane) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{font-size:1.3rem;margin-right:8px}.tabs button{border:1px solid transparent;background:transparent;color:var(--ink-2);font:inherit;font-weight:550;padding:7px 14px;border-radius:999px;cursor:pointer}.tabs button:hover{color:var(--ink);background:var(--surface)}.tabs button.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.app-footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.view{display:flex;flex-direction:column;gap:18px}.view-header p{color:var(--ink-2);max-width:68ch;margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;align-items:center;flex-wrap:wrap}.row.gap{gap:10px}.row.between{justify-content:space-between}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.85rem}.good{color:var(--good)}.bad{color:var(--bad)}.hint{color:var(--ink-2);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:9px 12px;margin:12px 0 0;font-size:.9rem}.hint.small{margin-top:8px}.badge{display:inline-block;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:.82rem;color:var(--ink-2)}.result{font-size:1.05rem;font-weight:600;color:var(--accent);margin:4px 0 0}.stage-label{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}button{font:inherit}.primary,.secondary,.ghost,.danger{border-radius:var(--radius-sm);padding:9px 16px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{background:#ffb055}.secondary{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.secondary:hover{border-color:var(--baseline)}.ghost{background:transparent;border-color:var(--line);color:var(--ink-2)}.ghost:hover{color:var(--ink);border-color:var(--baseline)}.danger{background:transparent;border-color:#e07a7273;color:var(--bad)}.danger:hover{background:#e07a721f}button:disabled{opacity:.45;cursor:not-allowed}.block{width:100%}.link{background:none;border:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer}.link:hover{text-decoration:underline}.round{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:1.1rem;line-height:1;cursor:pointer}.round:hover{border-color:var(--accent)}.icon-button{background:none;border:none;color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}.icon-button:hover{color:var(--bad);background:var(--surface-2)}label{display:flex;flex-direction:column;gap:5px;font-size:.83rem;color:var(--muted)}label.inline{flex-direction:row;align-items:center;gap:8px;color:var(--ink-2);font-size:.9rem}.block-label{gap:7px}input[type=text],input[type=search],input[type=number],select,textarea,.song-list input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font:inherit;padding:8px 10px;width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;font-family:Cascadia Mono,ui-monospace,Consolas,monospace;font-size:.9rem;line-height:1.7}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:end}.options-grid .span-all{grid-column:1 / -1}.subtabs{display:flex;gap:6px;border-bottom:1px solid var(--line)}.subtabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:600;padding:9px 14px;cursor:pointer}.subtabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--ink-2);padding:6px 14px;cursor:pointer;font-size:.9rem}.chip:hover{border-color:var(--baseline);color:var(--ink)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.chip .level{font-size:.7rem;border-radius:999px;padding:1px 7px;background:var(--surface);color:var(--muted)}.chip .level-3{color:var(--accent)}.filters{display:flex;flex-direction:column;gap:10px}.chord-diagram{display:block}.cd-fret{stroke:var(--baseline);stroke-width:1}.cd-nut{stroke:var(--ink-2);stroke-width:4;stroke-linecap:round}.cd-string{stroke:var(--baseline);stroke-width:1}.cd-dot,.cd-barre{fill:var(--accent)}.cd-finger{fill:var(--accent-ink);font-size:10px;font-weight:700}.cd-open{fill:none;stroke:var(--ink-2);stroke-width:1.5}.cd-mute{fill:var(--muted);font-size:12px}.cd-basefret{fill:var(--ink-2);font-size:11px;font-weight:600}.cd-name{fill:var(--ink);font-size:13px;font-weight:650}.chord-missing{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:120px;border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:.78rem}.chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.chord-card{display:flex;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 4px;cursor:pointer}.chord-card:hover{border-color:var(--baseline)}.chord-card.active{border-color:var(--accent);background:var(--accent-soft)}.detail-card{display:flex;flex-direction:column;gap:14px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.chord-strip{display:flex;flex-wrap:wrap;gap:10px}.fretboard-wrap{overflow-x:auto}.fretboard{width:100%;min-width:560px;height:auto}.fb-fret{stroke:var(--baseline);stroke-width:1.5}.fb-nut{stroke:var(--ink-2);stroke-width:4}.fb-string{stroke:#6f665d}.fb-inlay{fill:var(--line)}.fb-fretnum,.fb-stringlabel{fill:var(--muted);font-size:11px}.fb-note-label{fill:var(--muted);font-size:10px}.fb-muted{opacity:.3}.fb-hit{fill:transparent;cursor:pointer}.fb-hit:hover{fill:#f2a13c24}.fb-dot-label{fill:var(--accent-ink);font-size:10px;font-weight:700}.fb-dot-target{fill:var(--ink-2)}.fb-dot-correct{fill:var(--good)}.fb-dot-wrong{fill:var(--bad)}.fb-dot-hint{fill:none;stroke:var(--accent);stroke-width:1.5}.fb-dot-hint+.fb-dot-label{fill:var(--accent)}.transport{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.transport-main{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.play-button{width:58px;height:58px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-ink);font-size:1.35rem;cursor:pointer;flex-shrink:0}.play-button.is-running{background:var(--surface-2);color:var(--accent);border:2px solid var(--accent)}.tempo{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}.tempo-row{display:flex;align-items:center;gap:10px}.tempo-value{display:flex;align-items:baseline;gap:5px;min-width:92px;justify-content:center}.tempo-value strong{font-size:1.7rem;font-variant-numeric:tabular-nums}.tempo-value span{color:var(--muted);font-size:.85rem}.tap{padding:6px 14px}.beat-lights{display:flex;gap:7px}.beat-light{width:13px;height:13px;border-radius:50%;background:var(--surface-2);border:1px solid var(--baseline);transition:background 60ms linear}.beat-light.on{background:var(--ink-2);border-color:var(--ink-2)}.beat-light.first.on{background:var(--accent);border-color:var(--accent)}.transport-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:end;padding-top:12px;border-top:1px solid var(--line)}.pair-picker{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:14px 0}.pair-picker label{min-width:130px}.swap{color:var(--muted);padding-bottom:8px}.swap.big{font-size:1.6rem;padding:0}.change-stage{display:flex;flex-direction:column;align-items:center;gap:20px}.change-chords{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}.change-timer{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}.timer-ring{width:128px;height:128px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--accent) calc(var(--progress) * 360deg),var(--surface-2) 0) border-box;position:relative}.timer-ring:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--surface)}.timer-value,.timer-unit{position:relative;z-index:1}.timer-value{font-size:2.4rem;font-weight:650;font-variant-numeric:tabular-nums}.timer-unit{font-size:.78rem;color:var(--muted)}.count-button{width:150px;height:128px;border-radius:var(--radius);border:2px solid var(--accent);background:var(--accent-soft);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.count-button strong{font-size:3rem;line-height:1;font-variant-numeric:tabular-nums}.count-button span{color:var(--muted);font-size:.85rem}.count-button:active:not(:disabled){background:#f2a13c4d}.stage{display:flex;flex-direction:column;gap:18px}.chord-stage{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}.chord-now strong{display:block;font-size:3rem;line-height:1.1;color:var(--accent)}.chord-next strong{display:block;font-size:1.6rem;color:var(--ink-2)}.stage-sub{color:var(--muted);font-size:.85rem}.countin{text-align:center;color:var(--accent);font-weight:600;margin:0}.step-grid{display:grid;grid-template-columns:repeat(var(--steps),1fr);gap:6px}.step{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 2px 8px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid transparent;transition:transform 70ms ease,background 70ms ease}.step.onbeat{border-color:var(--line)}.step .glyph{font-size:1.5rem;line-height:1;color:var(--ink)}.step .count{font-size:.7rem;color:var(--muted)}.step.sym-rest .glyph{color:var(--muted)}.step.sym-x .glyph{color:var(--bad)}.step.active{background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.step.active .glyph,.step.active .count{color:var(--accent-ink)}.pick-stage{display:flex;gap:26px;flex-wrap:wrap;align-items:center}.pick-chord strong{display:block;font-size:2.2rem;color:var(--accent);line-height:1.2;margin-bottom:6px}.string-lanes{flex:1;min-width:260px;display:flex;flex-direction:column;gap:9px}.lane{display:flex;align-items:center;gap:10px;height:22px}.lane-label{width:46px;font-size:.78rem;color:var(--muted);text-align:right}.lane-line{flex:1;height:2px;border-radius:1px;background:var(--baseline)}.lane.hit .lane-line{background:var(--accent);animation:lane-pulse .26s ease-out}.lane-finger{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;display:flex;align-items:center;justify-content:center}@keyframes lane-pulse{0%{transform:scaleY(3.5)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.lane.hit .lane-line{animation:none}.step{transition:none}}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.quiz-note{display:block;font-size:2.6rem;line-height:1.1;color:var(--accent)}.quiz-stats{display:flex;gap:22px}.quiz-stats div{display:flex;flex-direction:column;align-items:center}.quiz-stats strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.quiz-stats span{font-size:.75rem;color:var(--muted)}.note-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.note-button{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-size:1.1rem;font-weight:600;padding:13px 4px;cursor:pointer}.note-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.songs-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.song-list{display:flex;flex-direction:column;gap:12px;position:sticky;top:76px}.song-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:45vh;overflow-y:auto}.song-list li button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink);padding:7px 10px;cursor:pointer}.song-list li button span{font-size:.78rem;color:var(--muted)}.song-list li button:hover{background:var(--surface-2)}.song-list li button.active{background:var(--accent-soft);border-color:var(--accent)}.song-head{display:flex;flex-direction:column;gap:12px}.song-meta{display:flex;gap:8px;flex-wrap:wrap}.stepper{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--ink-2)}.song-body{max-height:60vh;overflow-y:auto;padding:6px 2px 40px;margin-top:14px;scroll-behavior:auto}.song-line{display:flex;flex-wrap:wrap;margin-bottom:4px}.song-pair{display:flex;flex-direction:column}.song-chord{min-height:1.25em;font-size:.85rem;font-weight:700;color:var(--accent);white-space:pre}.song-lyric{white-space:pre;font-size:1.05rem}.song-section{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin:18px 0 6px}.song-gap{height:12px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:26px;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 160% at 0% 0%,rgba(242,161,60,.16),transparent 62%),var(--surface)}.hero p{color:var(--ink-2);margin:0;max-width:52ch}.hero-stats{display:flex;gap:26px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.8rem;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums}.hero-stats span{font-size:.78rem;color:var(--muted)}.plan-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.plan-list li{display:flex;gap:14px;align-items:flex-start}.plan-list p{margin:2px 0 4px;font-size:.9rem}.plan-time{flex-shrink:0;width:58px;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 0;font-size:.8rem;color:var(--accent);font-weight:600}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quick-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;color:var(--ink)}.quick-card:hover{border-color:var(--accent);background:var(--surface-2)}.quick-icon{font-size:1.5rem}.quick-card .muted{font-size:.83rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:2px}.tile-label{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tile-value{font-size:1.85rem;line-height:1.15;font-variant-numeric:tabular-nums}.tile-unit{font-size:.82rem;color:var(--muted)}.chart-card{display:flex;flex-direction:column;gap:14px}.daily-chart{display:flex;flex-direction:column;gap:6px}.daily-plot{display:flex;align-items:flex-end;gap:4px;height:168px;border-bottom:1px solid var(--baseline)}.day-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.day-value{height:15px;font-size:.72rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.day-track{flex:1;width:100%;max-width:34px;display:flex;align-items:flex-end;background:linear-gradient(var(--surface-2),var(--surface-2)) center / 100% 100% no-repeat;border-radius:4px 4px 0 0}.day-bar{width:100%;background:var(--accent);border-radius:4px 4px 0 0}.day-column.today .day-bar{outline:2px solid var(--surface);outline-offset:-2px}.daily-labels{display:flex;gap:4px}.day-label{flex:1;text-align:center;font-size:.72rem;color:var(--muted)}.day-label.is-today{color:var(--ink);font-weight:600}.kind-chart{display:flex;flex-direction:column;gap:8px}.kind-row{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;gap:12px}.kind-label{font-size:.88rem;color:var(--ink-2)}.kind-track{height:16px;background:var(--surface-2);border-radius:0 4px 4px 0}.kind-bar{height:100%;background:var(--accent);border-radius:0 4px 4px 0;min-width:2px}.kind-value{font-size:.83rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.data-table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:10px}.data-table th,.data-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table tbody tr:last-child td{border-bottom:none}@media (max-width: 900px){.songs-layout{grid-template-columns:1fr}.song-list{position:static}.kind-row{grid-template-columns:110px 1fr 76px}}@media (max-width: 620px){.app{padding:0 12px 48px}h1{font-size:1.45rem}.change-timer,.quiz-head{justify-content:center}.step .glyph{font-size:1.1rem}.step .count{font-size:.6rem}}.check-notes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.check-notes li{display:flex;flex-direction:column;min-width:84px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.check-notes li.current{border-color:var(--accent);background:var(--accent-soft)}.check-phase{font-weight:600;margin:0}.check-target{font-size:1.3rem;margin:0}.level-meter{height:10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.level-meter span{display:block;height:100%;background:var(--good);transition:width 60ms linear}.check-score{margin:0;display:flex;align-items:baseline;gap:8px}.check-score strong{font-size:3rem;line-height:1;color:var(--accent)}.check-points{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.check-history{display:flex;align-items:flex-end;gap:12px;height:130px;list-style:none;margin:0;padding:0}.check-history li{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;height:100%;min-width:36px}.check-bar{display:block;width:24px;background:var(--accent);border-radius:4px 4px 0 0}.check-option{display:flex;align-items:center;gap:8px}.check-plan{margin:6px 0;padding-left:20px}.check-reminder{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-color:var(--accent)}.check-reminder p{margin:0}