:root{color-scheme:dark;--bg: #141110;--bg-glow-1: rgba(255, 138, 61, .05);--bg-glow-2: rgba(120, 90, 200, .045);--surface-1: #1d1917;--surface-2: #241f1c;--surface-3: #2b2521;--surface-hover: #322b26;--overlay-hover: rgba(255, 240, 230, .06);--overlay-press: rgba(255, 240, 230, .1);--scrim: rgba(0, 0, 0, .66);--text: #f6efe6;--text-2: #b3a89b;--text-3: #8a7e72;--text-disabled: #5f564e;--ink-on-accent: #1c0f04;--line: rgba(255, 240, 230, .08);--line-strong: rgba(255, 240, 230, .14);--line-input: rgba(255, 240, 230, .2);--accent: #ff8a3d;--accent-hover: #ff9d57;--accent-press: #e8752b;--accent-tint: rgba(255, 138, 61, .14);--accent-glow: rgba(255, 138, 61, .4);--ok: #43c98a;--ok-ink: #06140d;--ok-tint: rgba(67, 201, 138, .15);--bad: #f0574e;--bad-ink: #ffffff;--bad-tint: rgba(240, 87, 78, .14);--gold: var(--accent);--bg-2: var(--surface-1);--ink: var(--text);--ink-soft: var(--text-2);--accent-2: var(--ok);--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--s1: 4px;--s1-5: 6px;--s2: 8px;--s2-5: 10px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--r-xs: 2px;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--r-xl: 8px;--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--dur-instant: 80ms;--dur-fast: .12s;--dur-base: .18s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, .4, 0, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv05","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;min-height:100dvh;padding:var(--s4) var(--s3) calc(var(--s8) + env(safe-area-inset-bottom));padding-top:calc(var(--s4) + env(safe-area-inset-top));background-image:radial-gradient(120% 60% at 15% -5%,var(--bg-glow-1),transparent 55%),radial-gradient(120% 60% at 100% 105%,var(--bg-glow-2),transparent 55%);background-attachment:fixed}.container{max-width:720px;margin:0 auto}button{touch-action:manipulation;-webkit-appearance:none;user-select:none;-webkit-user-select:none;font-family:inherit;color:inherit}button:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}input,textarea{font-family:inherit}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s4)}.title{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;line-height:1;color:var(--text-2)}.title em{font-style:normal;color:var(--accent);font-weight:700}.key-badge{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);background:var(--surface-1);border:1px solid var(--line);padding:5px 9px;border-radius:var(--r-md);font-variant-numeric:tabular-nums}.view-nav{display:flex;gap:var(--s1);align-items:center;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s1);margin-bottom:var(--s4)}.view-tab{flex:1;text-align:center;white-space:nowrap;border:none;background:transparent;color:var(--text-2);font-family:var(--font-sans);font-weight:600;font-size:12.5px;padding:9px 6px;border-radius:var(--r-md);cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.view-tab.active{background:var(--accent);color:var(--ink-on-accent);font-weight:700}.top-actions{display:flex;align-items:center;gap:var(--s3)}.auth-btn{background:none;border:none;color:var(--text-3);font-family:var(--font-sans);font-size:12.5px;font-weight:500;cursor:pointer;transition:color var(--dur-fast) var(--ease)}#ios-audio-hint{display:flex;align-items:center;gap:var(--s2);justify-content:space-between;background:var(--accent-tint);border:1px solid var(--accent-glow);border-radius:var(--r-lg);padding:10px 12px;margin-bottom:var(--s3);font-size:13px;line-height:1.4;color:var(--text)}#ios-audio-hint b{color:var(--accent)}#ios-audio-hint button{background:none;border:none;cursor:pointer;color:var(--text-2);font-size:15px;flex:none}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1);margin-bottom:var(--s4);padding:var(--s1);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg)}.mode-tabs.five{grid-template-columns:repeat(5,1fr)}.mode-tab{background:transparent;border:none;padding:11px 4px;font-family:var(--font-sans);font-size:12.5px;font-weight:600;letter-spacing:.005em;color:var(--text-2);cursor:pointer;border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);text-align:center;white-space:nowrap;position:relative}.mode-tab>*{pointer-events:none}.mode-tab.active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.play-area{text-align:center;margin-bottom:var(--s4)}.prompt{font-size:15px;color:var(--text-2);line-height:1.4;margin-bottom:var(--s4);min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 var(--s2)}.big-btn{background:var(--accent);color:var(--ink-on-accent);border:none;padding:18px 28px;font-family:var(--font-sans);font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer;border-radius:var(--r-md);width:100%;max-width:380px;box-shadow:0 8px 22px -10px var(--accent-glow);transition:background var(--dur-fast) var(--ease),transform var(--dur-instant) var(--ease)}.big-btn:disabled{opacity:.42;box-shadow:none}.secondary-actions{display:flex;justify-content:center;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap}.small-btn{background:transparent;border:1px solid var(--line-input);color:var(--text-2);padding:9px 14px;font-family:var(--font-sans);font-size:12.5px;font-weight:600;cursor:pointer;border-radius:var(--r-md);min-height:38px;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.small-btn:disabled{opacity:.35}.small-btn.active{background:var(--accent-tint);color:var(--accent);border-color:var(--accent);font-weight:700}#sing-status{display:none;align-items:center;justify-content:center;gap:var(--s2);margin-top:var(--s3);font-family:var(--font-mono);font-size:12.5px;color:var(--accent)}.progression-slots{display:flex;justify-content:center;gap:var(--s2);margin-bottom:var(--s4);min-height:72px}.prog-slot{width:70px;height:72px;padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.prog-slot:disabled{cursor:default;opacity:1}.prog-slot.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.prog-slot.filled{border-color:var(--line-strong);cursor:pointer}.prog-slot.correct{background:var(--ok);color:var(--ok-ink);border-color:var(--ok)}.prog-slot.wrong{background:var(--bad);color:var(--bad-ink);border-color:var(--bad)}.prog-slot.locked{opacity:.9}.prog-slot .slot-roman{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.1;color:inherit}.prog-slot .slot-pos{font-family:var(--font-mono);font-size:9px;color:var(--text-3);margin-bottom:3px;font-variant-numeric:tabular-nums}.prog-slot.correct .slot-pos,.prog-slot.wrong .slot-pos{color:currentColor;opacity:.7}.prog-slot .slot-reveal{font-size:10px;font-family:var(--font-mono);opacity:.9;margin-top:2px}.answer-grid{display:flex;flex-direction:column;gap:var(--s1-5);margin-bottom:var(--s4)}.answer-row{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s1-5)}.degree-btn{background:var(--surface-2);border:1px solid var(--line);padding:16px 2px 13px;cursor:pointer;border-radius:var(--r-lg);position:relative;overflow:hidden;color:var(--text);min-height:68px;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-instant) var(--ease)}.degree-btn:disabled{cursor:not-allowed}.degree-btn.correct{background:var(--ok)!important;color:var(--ok-ink)!important;border-color:var(--ok)!important}.degree-btn.wrong{background:var(--bad)!important;color:var(--bad-ink)!important;border-color:var(--bad)!important}.degree-btn.reveal{box-shadow:inset 0 0 0 2px var(--ok)}.degree-btn.dim{opacity:.32;pointer-events:none}.roman{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1;display:block;pointer-events:none;letter-spacing:-.01em}.note-name{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-3);margin-top:6px;display:block;pointer-events:none;font-variant-numeric:tabular-nums}.degree-btn.correct .note-name,.degree-btn.wrong .note-name{color:currentColor;opacity:.75}.mastery-bar{position:absolute;bottom:0;left:0;height:3px;background:var(--accent);transition:width .4s var(--ease-out);pointer-events:none}.panel{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s2-5, 10px);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:13px var(--s4);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;color:var(--text);transition:background var(--dur-fast) var(--ease)}.panel-title{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);pointer-events:none;display:flex;align-items:center;gap:var(--s2)}.panel-summary{font-family:var(--font-mono);font-size:10px;color:var(--text-3);pointer-events:none}.panel-chevron{font-size:10px;color:var(--text-3);transition:transform var(--dur-base) var(--ease);pointer-events:none}.panel.open .panel-chevron{transform:rotate(90deg)}.panel-body{display:none;padding:0 var(--s4) var(--s4)}.panel.open .panel-body{display:block}.panel .tip{font-size:13.5px;color:var(--text-2);line-height:1.5;margin-bottom:var(--s2-5, 10px);padding-left:var(--s2-5, 10px);border-left:2px solid var(--accent)}.panel .tip b{color:var(--text);font-weight:700}.panel .tip:last-child{margin-bottom:0}.stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-bottom:var(--s2)}.stat-mini{text-align:center}.stat-mini-num{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.stat-mini-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase;margin-top:5px}.summary-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:10px var(--s4);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s2-5, 10px);font-family:var(--font-sans);font-size:12.5px;color:var(--text-2);flex-wrap:wrap}.summary-bar .sb-stats{display:flex;gap:var(--s4);flex-wrap:wrap}.summary-bar .sb-num{color:var(--text);font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.summary-bar .sb-focus{color:var(--accent);font-weight:600}.opt-row{display:flex;align-items:center;gap:var(--s2-5, 10px);margin-bottom:var(--s2-5, 10px);flex-wrap:wrap}.opt-row:last-child{margin-bottom:0}.opt-label{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;min-width:64px}.opt-buttons{display:flex;gap:var(--s1-5);flex-wrap:wrap;flex:1}.opt-buttons .small-btn{flex:1;min-width:0;padding:9px 8px;font-size:12px}.checkbox-row{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:0;color:var(--text-2);text-transform:none;cursor:pointer;line-height:1.4}.checkbox-row input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex:none}.checkbox-row em{font-style:normal;color:var(--text);font-weight:600}.drill-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s1);margin-bottom:var(--s2-5, 10px)}.drill-pick{background:var(--surface-2);border:1px solid var(--line);padding:12px 2px;font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text);cursor:pointer;border-radius:var(--r-md);min-height:46px;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.drill-pick.selected{background:var(--accent-tint);color:var(--accent);border-color:var(--accent)}.drill-pick:disabled{opacity:.32}.history-list{font-family:var(--font-mono);font-size:12px;color:var(--text-2);line-height:1.7;max-height:220px;overflow-y:auto;font-variant-numeric:tabular-nums}.history-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--line);gap:var(--s2)}.history-row:last-child{border-bottom:none}.history-row .h-correct{color:var(--ok)}.history-row .h-wrong{color:var(--bad)}.history-row .h-target{font-weight:500;color:var(--text)}.history-row .h-meta{color:var(--text-3)}.history-empty{color:var(--text-3);font-family:var(--font-sans);font-style:italic}.reset-link{background:none;border:none;color:var(--text-3);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:var(--s2) 0;margin-top:var(--s1);transition:color var(--dur-fast) var(--ease)}.pattern-name{display:inline-block;font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--accent-tint);color:var(--accent);padding:3px 8px;border-radius:var(--r-sm);margin-left:var(--s1-5)}.keyboard-hints{display:none;text-align:center;margin-top:var(--s5);font-size:12px;color:var(--text-3);line-height:2}.keyboard-hints kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line);padding:2px 7px;border-radius:var(--r-sm);font-size:11px;color:var(--text-2)}#song-card{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s4)}.song-card-head{display:flex;justify-content:space-between;align-items:center}#song-streak{font-family:var(--font-mono);font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}#song-now{margin-top:calc(-1 * var(--s2))}.song-now-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text);line-height:1.25}.song-now-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:2px;text-transform:lowercase}.song-controls{display:flex;align-items:center;gap:var(--s3)}#song-play{flex:1}.song-source{display:flex;gap:var(--s1)}.song-source button{padding:10px 12px;font-size:18px;cursor:pointer;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);opacity:.55;transition:opacity var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.song-source button.active{opacity:1;background:var(--accent-tint);border-color:var(--accent)}.phase-label{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s1-5)}#song-dont-know{align-self:flex-start;background:none;border:none;color:var(--accent);cursor:pointer;padding:var(--s1) 0;font-family:var(--font-sans);font-size:13px;font-weight:500}#song-reveal{padding:var(--s3);border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--line)}#song-reveal .rv-mark{font-family:var(--font-display);font-weight:700;font-size:18px}#song-reveal .rv-title{font-weight:700;font-size:15px;color:var(--text);margin-top:2px}#song-reveal .rv-sec{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:3px}#song-replay-clip{margin-top:var(--s2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text-2);font-family:var(--font-sans)}#song-empty{text-align:center;color:var(--text-2);padding:var(--s6)}.contour-svg{width:100%;height:90px;color:var(--text-2);display:block}.contour-dot{cursor:pointer}.contour-ctl{display:flex;gap:var(--s2);justify-content:center;margin-top:var(--s2)}.contour-dir{flex:1;max-width:130px;padding:12px 8px;font-size:14px;cursor:pointer}.browse{display:flex;flex-direction:column;gap:var(--s3)}.browse-top,.drill-head{display:flex;gap:var(--s2);align-items:center}.browse-search{flex:1;width:100%;padding:11px 12px;font-family:var(--font-sans);font-size:15px;border:1px solid var(--line-input);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);transition:border-color var(--dur-fast) var(--ease)}.browse-search::placeholder{color:var(--text-3)}.browse-search:focus{outline:none;border-color:var(--accent)}.browse-done,.drill-all{padding:11px 16px;font-size:14px;cursor:pointer;white-space:nowrap;background:var(--accent);color:var(--ink-on-accent);border:none;border-radius:var(--r-md);font-weight:700}.browse-done:disabled{background:var(--surface-2);color:var(--text-3)}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s4);max-height:64vh;overflow:auto;padding:var(--s1)}.art-card{position:relative;cursor:pointer;text-align:center}.art-pic{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 6px 16px -8px #0009;transition:transform var(--dur-base) var(--ease)}.art-card.sel .art-pic{outline:2.5px solid var(--accent);outline-offset:2px}.art-name{font-size:13px;color:var(--text);margin-top:var(--s1-5);line-height:1.2}.art-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);margin-top:2px}.art-add{position:absolute;top:0;right:0;width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);background:#0000008c;color:#fff;cursor:pointer;font-size:15px;line-height:1}.art-card.sel .art-add{background:var(--accent);color:var(--ink-on-accent)}.drill-head{margin-bottom:var(--s2-5, 10px)}.drill-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans)}.drill-name{font-weight:700;flex:1;color:var(--text)}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s3);max-height:64vh;overflow:auto}.song-tile{cursor:pointer;background:transparent;border:none;padding:0;text-align:left;display:block;width:100%}.song-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2)}.song-thumb img{width:100%;height:100%;object-fit:cover;display:block}.song-check{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:var(--accent-tint);box-shadow:inset 0 0 0 2.5px var(--accent);color:var(--accent);font-size:26px}.song-tile.sel .song-check{display:flex}.song-t{display:block;font-size:13px;color:var(--text);margin-top:var(--s1);line-height:1.2}.song-s{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);margin-top:1px}.browse-error,.browse-loading,.browse-empty{color:var(--text-3);padding:var(--s3);text-align:center}.browse-list{max-height:280px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md)}.browse-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 12px;font-size:13px;cursor:pointer;transition:background var(--dur-fast) var(--ease)}.browse-item:last-child{border-bottom:none}.browse-item-title{display:block;color:var(--text)}.browse-item-meta{display:block;font-family:var(--font-mono);font-size:10px;color:var(--text-3);margin-top:1px}#sketch-lane-wrap{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s2);margin:var(--s3) 0;color:var(--text-2);overflow-x:auto}.sketch-lane{display:block;height:140px}.sketch-tune{display:flex;gap:var(--s2-5, 10px);margin:var(--s3) 0}.sketch-tune .big-btn{flex:1}.sketch-tune #sketch-add{flex:2}.sketch-readout{margin-top:var(--s4);text-align:center}.sketch-notes{font-family:var(--font-mono);font-size:14px;color:var(--text);letter-spacing:.04em;min-height:18px;font-variant-numeric:tabular-nums}.sketch-key{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-top:var(--s2);min-height:14px}#sketch-timbre{margin-left:auto;display:flex;gap:var(--s1-5)}@media(hover:hover)and (pointer:fine){.view-tab:hover:not(.active){color:var(--text);background:var(--overlay-hover)}.mode-tab:hover:not(.active){color:var(--text);background:var(--overlay-hover)}.big-btn:hover:not(:disabled){background:var(--accent-hover)}.small-btn:hover:not(:disabled):not(.active){color:var(--text);border-color:var(--line-strong);background:var(--overlay-hover)}.degree-btn:hover:not(:disabled):not(.correct):not(.wrong){background:var(--surface-hover);border-color:var(--line-strong)}.drill-pick:hover:not(:disabled):not(.selected){background:var(--surface-hover)}.panel-header:hover{background:var(--overlay-hover)}.reset-link:hover,.auth-btn:hover,#song-dont-know:hover,.drill-back:hover{color:var(--text)}.art-card:hover .art-pic{transform:translateY(-2px)}.song-source button:hover:not(.active){opacity:.85}.browse-item:hover{background:var(--overlay-hover)}.path-level:not(:disabled):not(.current):hover{background:var(--surface-hover);border-color:var(--line-strong)}.contour-dir:hover:not(.active){color:var(--text);border-color:var(--line-strong);background:var(--overlay-hover)}.keyboard-hints{display:block}}@media(prefers-reduced-motion:no-preference){.big-btn:active:not(:disabled){transform:scale(.99)}.small-btn:active:not(:disabled),.degree-btn:active:not(:disabled):not(.correct):not(.wrong),.drill-pick:active:not(:disabled){transform:scale(.97)}.degree-btn.correct{animation:pop var(--dur-base) var(--ease-spring)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}}.today{display:flex;flex-direction:column;gap:var(--s4);padding-top:var(--s5)}.today-streak{display:flex;align-items:baseline;gap:var(--s2);justify-content:center}.today-flame{font-size:26px;line-height:1}.today-streak-num{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.today-streak-label{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.today-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);text-align:center;display:flex;flex-direction:column;gap:var(--s3);align-items:center}.today-card .big-btn{margin-top:var(--s1)}.today-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text)}.today-done{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ok)}.today-sub{font-size:14px;color:var(--text-2);line-height:1.5;max-width:340px}.today-card.summary{border-color:var(--accent);background:linear-gradient(var(--accent-tint),transparent)}.today-summary-stats{display:flex;gap:var(--s6);justify-content:center}.tss-num{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.tss-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:3px}#workout-bar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.wb-track{flex:1;height:8px;background:var(--surface-2);border-radius:var(--r-sm);overflow:hidden}.wb-fill{height:100%;width:0;background:var(--accent);border-radius:var(--r-sm);transition:width var(--dur-base) var(--ease-out)}.wb-count{font-family:var(--font-mono);font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.wb-end{background:transparent;border:1px solid var(--line-input);color:var(--text-3);font-family:var(--font-sans);font-weight:600;font-size:12px;padding:6px 12px;border-radius:var(--r-md);cursor:pointer}.path-title{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:var(--s5) 0 var(--s3)}.path-level{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3) var(--s4);margin-bottom:var(--s2);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.path-level:disabled{cursor:default;opacity:.5}.path-level.current{border-color:var(--accent);background:var(--accent-tint)}.pl-badge{flex:none;width:30px;height:30px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;background:var(--surface-3);color:var(--text-2)}.path-level.done .pl-badge{background:var(--ok);color:var(--ok-ink)}.path-level.current .pl-badge{background:var(--accent);color:var(--ink-on-accent)}.pl-text{display:flex;flex-direction:column;gap:2px}.pl-name{font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--text)}.path-level.locked .pl-name{color:var(--text-2)}.pl-desc{font-size:12px;color:var(--text-3);line-height:1.35}.today-locked{font-family:var(--font-mono);font-size:11px;color:var(--ok);letter-spacing:.04em}#insights-view{display:flex;flex-direction:column;gap:var(--s3)}.ins-section{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4)}.ins-section .stats-mini{margin-bottom:0}.ins-title{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s3)}.ins-bar-row{display:grid;grid-template-columns:54px 1fr 68px;align-items:center;gap:var(--s2-5);margin-bottom:var(--s2)}.ins-bar-row:last-child{margin-bottom:0}.ins-bar-label{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text)}.ins-bar-label.reg{font-family:var(--font-sans);font-size:12.5px;font-weight:600;color:var(--text-2)}.ins-track{height:10px;background:var(--surface-3);border-radius:var(--r-sm);overflow:hidden}.ins-fill{display:block;height:100%;border-radius:var(--r-sm);background:var(--accent);transition:width .4s var(--ease-out)}.ins-fill.low{background:var(--bad)}.ins-fill.mid{background:var(--accent)}.ins-fill.high{background:var(--ok)}.ins-bar-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums}.ins-conf-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.ins-conf-row:last-child{border-bottom:none}.ins-conf-pair{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text)}.ins-conf-pair .to{color:var(--text-3);margin:0 var(--s1-5);font-family:var(--font-sans);font-weight:400;font-size:12px}.ins-conf-n{font-family:var(--font-mono);font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.ins-empty{text-align:center;color:var(--text-2);padding:var(--s7) var(--s4);line-height:1.5}.ins-empty.small{padding:var(--s4);font-size:13px}.ins-empty .big{font-family:var(--font-display);font-size:18px;color:var(--text);margin-bottom:var(--s2)}.ins-empty b{color:var(--accent);font-weight:700}.help-btn{flex:none;width:26px;height:26px;border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line);color:var(--text-2);font-family:var(--font-display);font-weight:700;font-size:14px;cursor:pointer;line-height:1}.onb-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--s4);background:var(--scrim);backdrop-filter:blur(4px)}.onb-card{width:100%;max-width:440px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-xl);padding:var(--s6);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--s3)}@media(prefers-reduced-motion:no-preference){.onb-card{animation:onb-in .26s var(--ease-out)}}@keyframes onb-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.onb-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.onb-h{font-family:var(--font-display);font-size:23px;font-weight:700;color:var(--text);line-height:1.15;letter-spacing:-.01em}.onb-p{font-size:15px;color:var(--text-2);line-height:1.55}.onb-p b{color:var(--text);font-weight:700}.onb-hint{display:block;margin-top:var(--s2);color:var(--text-3);font-size:13.5px}.onb-hint b{color:var(--accent)}.onb-list{list-style:none;display:flex;flex-direction:column;gap:var(--s2)}.onb-list li{font-size:14px;color:var(--text-2);padding-left:var(--s3);border-left:2px solid var(--accent);line-height:1.4}.onb-list b{color:var(--text)}.onb-choices{display:flex;gap:var(--s2);margin-top:var(--s1)}.onb-choice{flex:1;background:var(--surface-1);border:1px solid var(--line);color:var(--text);font-family:var(--font-display);font-weight:700;font-size:18px;padding:16px 4px;border-radius:var(--r-lg);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.onb-choice.right{background:var(--ok);color:var(--ok-ink);border-color:var(--ok)}@media(prefers-reduced-motion:no-preference){.onb-choice.onb-target:not(.right){animation:onb-pulse 1.6s ease-in-out infinite}}@keyframes onb-pulse{0%,to{border-color:var(--line)}50%{border-color:var(--accent)}}.onb-feedback{min-height:18px;font-size:13.5px}.onb-feedback.ok{color:var(--ok)}.onb-feedback.bad{color:var(--text-3)}.onb-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:var(--s2)}.onb-actions.col{flex-direction:column;align-items:stretch}.onb-actions.col .big-btn{max-width:none}.onb-ghost{background:transparent;border:none;color:var(--text-3);font-family:var(--font-sans);font-weight:600;font-size:14px;padding:10px 12px;cursor:pointer}.onb-ghost:disabled{opacity:.4}.onb-dots{display:flex;gap:6px;justify-content:center;margin-top:var(--s1)}.onb-dots span{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.onb-dots span.on{background:var(--accent)}@media(hover:hover)and (pointer:fine){.help-btn:hover{color:var(--text);border-color:var(--line-strong)}.onb-ghost:hover{color:var(--text)}.onb-choice:not(.right):hover{background:var(--surface-hover);border-color:var(--line-strong)}}@media(min-width:600px){body{padding:var(--s6) var(--s5) calc(var(--s8) + 20px)}.title{font-size:24px}.roman{font-size:26px}.degree-btn{min-height:86px;padding:20px 4px 16px}.note-name{font-size:11px}.big-btn{font-size:15px;padding:18px 36px}.prompt{font-size:16px;min-height:28px}.prog-slot{width:84px;height:84px}.prog-slot .slot-roman{font-size:26px}.stat-mini-num{font-size:30px}}