:root{--expression-intent:#72a18d;--expression-played:#b27e39;--expression-selected:#497965;--learn-level-one:#65b595;--learn-level-two:#97b750;--learn-level-three:#d9a744;--learn-level-four:#ce7e47;--learn-level-five:#ca5960;--practice-content-width:1120px;--coach-number-width:80px;--coach-banner-width:160px;--practice-session-width:920px;--practice-title:36px;--practice-question:27px;--practice-display:34px;--practice-mode-symbol:29px;--practice-paper-width:630px;--practice-paper-height:270px;--practice-phrase-width:780px;--practice-staff-width:380px;--practice-staff-scale:1.5;--practice-phrase-staff-width:560px;--practice-phrase-scale:1.25;--practice-key-width:40px;--practice-key-height:122px;--practice-black-width:26px;--practice-black-height:77px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#e8ebf0;--color-canvas-dot:#1e293b0b;--color-chrome:#f7f8fa;--color-panel:#f9fafb;--color-raised:#fff;--color-field:#fff;--color-editor:#fdfdfe;--color-hover:#0f172a0d;--color-pressed:#0f172a14;--color-selected:#5046e417;--color-border:#e3e6eb;--color-border-subtle:#eceef2;--color-border-strong:#d0d5dd;--color-divider:#e6e8ed;--color-text:#1c2230;--color-text-secondary:#545e70;--color-text-tertiary:#6f788a;--color-text-disabled:#a3aab7;--color-text-inverse:#fff;--color-accent:#5046e4;--color-accent-hover:#4239d2;--color-accent-pressed:#3830b8;--color-primary-disabled-bg:#e9ecf0;--color-primary-disabled-fg:#687184;--color-primary-disabled-border:#dde1e7;--color-accent-text:#4239d2;--color-accent-soft:#5046e41a;--color-accent-soft-strong:#5046e429;--color-on-accent:#fff;--color-success:#2e7a4d;--color-success-soft:#2e7a4d1a;--color-warning:#a35f00;--color-warning-soft:#c47a0a1f;--color-error:#bf3a3a;--color-error-soft:#bf3a3a1a;--color-info:#4060c8;--color-info-soft:#4060c81a;--color-paper:#fffdf8;--color-paper-edge:#463a241f;--color-paper-text:#17171a;--color-paper-muted:#8a8578;--color-paper-chip:#463a2412;--color-score-highlight:#5046e4;--score-drag-ring:#5046e473;--syntax-text:#2a3040;--syntax-pitch:#1c2230;--syntax-chord:#1c2230;--syntax-accidental:#6a52d6;--syntax-octave:#6f788a;--syntax-duration:#7c8597;--syntax-tie:#5046e4;--syntax-bar:#868e9d;--syntax-relative:#2f7f86;--syntax-rest:#6f788a;--syntax-section:#4239d2;--syntax-section-bg:#5046e414;--syntax-directive:#6b63b5;--syntax-value:#1c2230;--syntax-string:#1c2230;--syntax-comment:#8a919f;--editor-caret:#5046e4;--editor-selection:#5046e42e;--editor-current-line:#0f172a09;--editor-focus-edge:#5046e48c;--color-scrollbar:#0f172a29;--color-scrollbar-hover:#0f172a47;--focus-ring-color:#5046e48c;--focus-ring:0 0 0 2px var(--color-chrome), 0 0 0 4px var(--focus-ring-color);--focus-ring-inset:inset 0 0 0 1.5px var(--focus-ring-color);--shadow-xs:0 1px 1px #0f172a0a;--shadow-control:0 1px 1.5px #0f172a0f;--shadow-primary:0 1px 2px #3026a038, inset 0 1px 0 #ffffff1f;--shadow-popover:0 0 0 1px #0f172a0f, 0 4px 10px #0f172a14, 0 14px 32px #0f172a1a;--shadow-tooltip:0 2px 8px #0f172a2e;--shadow-overlay:-8px 0 24px #0f172a1a, -1px 0 0 #0f172a0f;--shadow-page:0 0 0 1px var(--color-paper-edge), 0 1px 2px #2820140f, 0 6px 16px #1e293b12, 0 22px 48px #1e293b14;--tooltip-bg:#1f2430;--tooltip-text:#f3f4f7;--tooltip-muted:#a9b0bd;--space-0:2px;--space-1:4px;--space-1h:6px;--space-2:8px;--space-2h:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:3px;--radius-sm:5px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--radius-page:2px;--border-hairline:1px solid var(--color-border);--border-subtle:1px solid var(--color-border-subtle);--border-divider:1px solid var(--color-divider);--font-sans:"Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;--text-micro:10.5px;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-none:1;--leading-tight:1.3;--leading-normal:1.45;--leading-editor:20px;--tracking-overline:.08em;--tracking-tight:-.01em;--control-h:28px;--control-h-sm:24px;--field-h:26px;--icon-sm:14px;--icon-md:16px;--toolbar-h:48px;--statusbar-h:24px;--panel-head-h:36px;--control-inner-h:calc(var(--control-h) - 6px);--chip-h:18px;--count-h:16px;--dot-size:6px;--live-dot-size:5px;--section-head-h:34px;--help-head-h:32px;--transport-min-w:86px;--zoom-readout-w:46px;--status-zoom-w:34px;--menu-min-w:210px;--tooltip-max-w:260px;--doc-title-max-w:260px;--doc-title-max-w-compact:160px;--staff-min-h:180px;--page-empty-top:180px;--rail-w:36px;--panel-left-w:320px;--panel-left-min:240px;--panel-left-max:560px;--panel-right-w:288px;--panel-right-min:248px;--panel-right-max:420px;--canvas-min-w:420px;--field-label-w:76px;--resizer-hit:7px;--page-margin-x:48px;--page-margin-top:52px;--page-margin-bottom:56px;--canvas-gutter:32px;--canvas-gutter-top:36px;--dur-fast:.12s;--dur-base:.15s;--dur-slow:.18s;--tooltip-delay:.45s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--opacity-disabled:.42;--z-canvas:0;--z-resizer:5;--z-overlay-panel:20;--z-popover:40;--z-tooltip:50}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#14161b;--color-canvas-dot:#ffffff08;--color-chrome:#1b1e24;--color-panel:#1d2027;--color-raised:#262a33;--color-field:#23272f;--color-editor:#1a1d23;--color-hover:#ffffff0e;--color-pressed:#ffffff16;--color-selected:#8b90ff24;--color-border:#2c3039;--color-border-subtle:#262a32;--color-border-strong:#3a3f4a;--color-divider:#2a2e36;--color-text:#e5e7eb;--color-text-secondary:#a8afbc;--color-text-tertiary:#8b93a2;--color-text-disabled:#5d6472;--color-text-inverse:#12141a;--color-accent:#5b5cf0;--color-accent-hover:#6869f5;--color-accent-pressed:#4f50dc;--color-primary-disabled-bg:#272b33;--color-primary-disabled-fg:#8e96a5;--color-primary-disabled-border:#31353f;--color-accent-text:#a5a8ff;--color-accent-soft:#8b90ff21;--color-accent-soft-strong:#8b90ff33;--color-on-accent:#fff;--color-success:#6cc08f;--color-success-soft:#6cc08f1f;--color-warning:#e2a64e;--color-warning-soft:#e2a64e21;--color-error:#ec8080;--color-error-soft:#ec808021;--color-info:#8fa8f0;--color-info-soft:#8fa8f021;--color-paper:#fbf9f4;--color-paper-edge:#00000080;--syntax-text:#cfd3da;--syntax-pitch:#eceef2;--syntax-chord:#eceef2;--syntax-accidental:#b7a6ff;--syntax-octave:#8b93a2;--syntax-duration:#8b93a2;--syntax-tie:#a5a8ff;--syntax-bar:#6b7283;--syntax-relative:#7cc4c9;--syntax-rest:#8b93a2;--syntax-section:#b3b6ff;--syntax-section-bg:#8b90ff1f;--syntax-directive:#a7a2f0;--syntax-value:#e5e7eb;--syntax-string:#e5e7eb;--syntax-comment:#6d7485;--editor-caret:#a5a8ff;--editor-selection:#8b90ff42;--editor-current-line:#ffffff08;--editor-focus-edge:#7a7dff99;--focus-ring-color:#969affb3;--color-scrollbar:#ffffff24;--color-scrollbar-hover:#ffffff3d;--shadow-xs:0 1px 1px #0003;--shadow-control:0 1px 1.5px #0000004d;--shadow-primary:0 1px 2px #00000059, inset 0 1px 0 #ffffff1a;--shadow-popover:0 0 0 1px #ffffff0f, 0 6px 14px #00000059, 0 18px 40px #00000059;--shadow-tooltip:0 2px 10px #00000073;--shadow-overlay:-10px 0 28px #0006, -1px 0 0 #ffffff0a;--shadow-page:0 0 0 1px var(--color-paper-edge), 0 2px 4px #0000004d, 0 12px 28px #00000061, 0 32px 72px #0000004d;--tooltip-bg:#353a45;--tooltip-text:#f1f2f5;--tooltip-muted:#b0b6c2}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01"}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}code,kbd{font-family:var(--font-mono)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}:hover{scrollbar-color:var(--color-scrollbar-hover) transparent}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--editor-selection)}.icon{flex:none;display:block}.overline{font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-none);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--color-text-tertiary)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kbd{height:var(--chip-h);min-width:var(--chip-h);padding:0 var(--space-1);border:var(--border-hairline);border-radius:var(--radius-xs);background:var(--color-raised);font-size:var(--text-2xs);font-family:var(--font-sans);font-weight:var(--weight-medium);line-height:var(--leading-none);color:var(--color-text-secondary);border-bottom-width:2px;align-items:center;display:inline-flex}.kbd+.kbd{margin-left:var(--space-1)}.badge{align-items:center;gap:var(--space-1);height:var(--chip-h);padding:0 var(--space-1h);border-radius:var(--radius-pill);background:var(--color-pressed);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:var(--leading-none);color:var(--color-text-secondary);white-space:nowrap;display:inline-flex}.badge code{font-size:var(--text-2xs)}.badge--pending{background:var(--color-warning-soft);color:var(--color-warning)}.count{min-width:var(--chip-h);height:var(--count-h);padding:0 var(--space-1);border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--leading-none);justify-content:center;align-items:center;display:inline-flex}.count--error{background:var(--color-error-soft);color:var(--color-error)}.count--warning{background:var(--color-warning-soft);color:var(--color-warning)}.count--info{background:var(--color-info-soft);color:var(--color-info)}.dot{width:var(--dot-size);height:var(--dot-size);border-radius:var(--radius-pill);background:var(--color-text-disabled);transition:background-color var(--dur-base) var(--ease-standard);flex:none;display:inline-block}.dot--live{background:var(--color-accent);animation:live-pulse 1.6s var(--ease-standard) infinite}.dot--busy,.dot--warn{background:var(--color-warning)}.dot--idle{background:var(--color-text-tertiary)}@keyframes live-pulse{50%{opacity:.35}}.sev{align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}.sev--error{color:var(--color-error)}.sev--warning{color:var(--color-warning)}.sev--info{color:var(--color-info)}.sev--ok{color:var(--color-text-secondary)}.sev--ok>.icon{color:var(--color-success)}.shell{grid-template-rows:var(--toolbar-h) minmax(0, 1fr) var(--statusbar-h);background:var(--color-canvas);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.shell.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.shell__main{min-width:0;min-height:0;display:flex;position:relative}.toolbar,.panel,.statusbar,.canvas,.rail,.source-editor{transition:background-color var(--dur-slow) var(--ease-standard), border-color var(--dur-slow) var(--ease-standard), color var(--dur-slow) var(--ease-standard)}.btn{justify-content:center;align-items:center;gap:var(--space-1h);height:var(--control-h);padding:0 var(--space-2h);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-none);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard);background:0 0;border:1px solid #0000;flex:none;display:inline-flex;position:relative}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-2)}.btn--icon{width:var(--control-h);padding:0}.btn--icon.btn--sm{width:var(--control-h-sm)}.btn--ghost{color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-hover);color:var(--color-text)}.btn--ghost:active{background:var(--color-pressed)}.btn--ghost[aria-pressed=true]{background:var(--color-selected);color:var(--color-accent-text)}.btn--ghost[aria-expanded=true]{background:var(--color-pressed);color:var(--color-text)}.btn--secondary{border-color:var(--color-border);background:var(--color-raised);color:var(--color-text);box-shadow:var(--shadow-control)}.btn--secondary:hover{border-color:var(--color-border-strong)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-semibold);box-shadow:var(--shadow-primary)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:active{background:var(--color-accent-pressed)}.btn:disabled,.btn[aria-disabled=true]{cursor:default;opacity:var(--opacity-disabled)}.btn:disabled:hover,.btn[aria-disabled=true]:hover{color:var(--color-text-secondary);background:0 0}.btn--primary:disabled,.btn--primary:disabled:hover,.btn--primary[aria-disabled=true],.btn--primary[aria-disabled=true]:hover{opacity:1;background:var(--color-primary-disabled-bg);color:var(--color-primary-disabled-fg);box-shadow:inset 0 0 0 1px var(--color-primary-disabled-border)}.btn--transport{min-width:var(--transport-min-w);padding:0 var(--space-3) 0 var(--space-2h);letter-spacing:var(--tracking-tight)}.transport__icon{width:var(--icon-sm);height:var(--icon-sm);display:inline-grid;position:relative}.transport__icon>.icon{transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-out);grid-area:1/1}.transport__icon>.icon:last-child,.btn--transport.is-playing .transport__icon>.icon:first-child{opacity:0;transform:scale(.6)}.btn--transport.is-playing .transport__icon>.icon:last-child{opacity:1;transform:none}.btn--transport.is-playing{padding-right:calc(var(--space-3) + var(--space-2h));background:var(--color-accent-pressed)}.btn--transport.is-playing:after{content:"";right:var(--space-2h);top:calc(50% - var(--live-dot-size) / 2);width:var(--live-dot-size);height:var(--live-dot-size);border-radius:var(--radius-pill);background:var(--color-on-accent);animation:live-pulse 1.6s var(--ease-standard) infinite;position:absolute}.segmented{height:var(--control-h);padding:0 var(--space-0);border:var(--border-hairline);border-radius:var(--radius-md);background:var(--color-raised);box-shadow:var(--shadow-xs);flex:none;align-items:center;display:inline-flex}.segmented__sep{width:1px;height:var(--space-3);background:var(--color-divider);flex:none}.segmented .btn{height:var(--control-inner-h);border-radius:var(--radius-sm)}.zoom-readout{min-width:var(--zoom-readout-w);height:var(--control-inner-h);padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-standard);background:0 0;border:0}.zoom-readout:hover{background:var(--color-hover)}.zoom-readout:active{background:var(--color-pressed)}.tempo{align-items:center;gap:var(--space-1);font-variant-numeric:tabular-nums;display:inline-flex}.tempo__icon{color:var(--color-text-tertiary);display:inline-flex}.tempo__input{width:3.3ch;height:var(--control-inner-h);border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text);appearance:textfield;background:0 0;border:0;padding:0}.tempo__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tempo__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo__input::placeholder{color:var(--color-text-tertiary)}.tempo__input:focus-visible{box-shadow:none}.tempo__unit{font-size:var(--text-2xs);color:var(--color-text-tertiary)}.tempo--segment{height:var(--control-inner-h);padding:0 var(--space-2) 0 var(--space-1h);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-standard)}.tempo--segment:hover{background:var(--color-hover)}.tempo--segment:focus-within{background:var(--color-selected)}.tempo--field{width:100%;height:var(--field-h);padding:0 var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);border:1px solid #0000}.tempo--field .tempo__input{width:100%;font-weight:var(--weight-regular);text-align:left}.tempo--field:hover{border-color:var(--color-border);background:var(--color-field)}.tempo--field:focus-within{border-color:var(--focus-ring-color);background:var(--color-field)}.picker{min-width:0;display:inline-flex;position:relative}.picker--field{width:100%;display:flex}.picker__button{align-items:center;gap:var(--space-1h);min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:1px solid #0000;display:inline-flex}.picker__button>.icon:last-child{color:var(--color-text-tertiary);transition:transform var(--dur-base) var(--ease-standard)}.picker__button[aria-expanded=true]>.icon:last-child{transform:rotate(180deg)}.picker__value{text-overflow:ellipsis;min-width:0;overflow:hidden}.picker__button--segment{height:var(--control-inner-h);padding:0 var(--space-1h) 0 var(--space-2);border-radius:var(--radius-sm)}.picker__button--segment:hover,.picker__button--segment[aria-expanded=true]{background:var(--color-hover)}.picker__button--field{width:100%;height:var(--field-h);padding:0 var(--space-1h) 0 var(--space-2);border-radius:var(--radius-sm);font-weight:var(--weight-regular);text-align:left}.picker__button--field .picker__value{flex:1}.picker__button--field:hover{border-color:var(--color-border);background:var(--color-field)}.picker__button--field[aria-expanded=true]{border-color:var(--focus-ring-color);background:var(--color-field)}.picker__button--field:focus-visible{box-shadow:var(--focus-ring-inset)}.popover{z-index:var(--z-popover);padding:var(--space-1);border-radius:var(--radius-lg);background:var(--color-raised);box-shadow:var(--shadow-popover);font-size:var(--text-sm);animation:pop-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;overflow-y:auto}.popover:focus-visible{box-shadow:var(--shadow-popover)}@keyframes pop-in{0%{opacity:0;transform:translateY(-3px)}}.popover__group{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--color-text-tertiary)}.popover__option{align-items:center;gap:var(--space-1h);height:var(--field-h);padding:0 var(--space-3) 0 var(--space-1h);border-radius:var(--radius-sm);white-space:nowrap;cursor:default;color:var(--color-text);display:flex}.popover__option.is-active{background:var(--color-hover)}.popover__option[aria-selected=true]{color:var(--color-accent-text);font-weight:var(--weight-medium)}.popover__check{width:var(--icon-sm);color:var(--color-accent-text);display:inline-flex}.menu{display:inline-flex;position:relative}.menu__button>.icon:last-child{color:var(--color-text-tertiary)}.menu__popover{top:calc(100% + var(--space-1));min-width:var(--menu-min-w);position:absolute;left:0}.menu__item{align-items:center;gap:var(--space-2);height:var(--field-h);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left;color:var(--color-text);background:0 0;border:0;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--color-hover);box-shadow:none}.menu__item[aria-disabled=true]{cursor:default;color:var(--color-text-tertiary)}.menu__item[aria-disabled=true]:hover{background:0 0}.menu__icon{width:var(--icon-sm);color:var(--color-text-secondary);display:inline-flex}.menu__label{flex:1}.tooltip{z-index:var(--z-tooltip);align-items:center;gap:var(--space-0) var(--space-1h);max-width:var(--tooltip-max-w);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--tooltip-bg);box-shadow:var(--shadow-tooltip);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--tooltip-text);pointer-events:none;opacity:0;flex-wrap:wrap;display:flex;position:fixed}.tooltip.is-visible{opacity:1;animation:tip-in var(--dur-fast) var(--ease-out)}@keyframes tip-in{0%{opacity:0;transform:translateY(-2px)}}.tooltip--above.is-visible{animation-name:tip-in-above}@keyframes tip-in-above{0%{opacity:0;transform:translateY(2px)}}.tooltip__kbd{font-family:var(--font-sans);font-size:var(--text-2xs);color:var(--tooltip-muted)}.tooltip__note{font-weight:var(--weight-regular);color:var(--tooltip-muted);flex-basis:100%}.toolbar{align-items:center;gap:var(--space-4);padding:0 var(--space-2h) 0 var(--space-4);border-bottom:var(--border-hairline);background:var(--color-chrome);z-index:var(--z-resizer);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.toolbar__zone{align-items:center;gap:var(--space-1);min-width:0;display:flex}.toolbar__zone--center{gap:var(--space-2h)}.toolbar__zone--end{justify-content:flex-end}.toolbar__cluster{align-items:center;gap:var(--space-1);flex:none;display:flex}.toolbar__group{align-items:center;gap:var(--space-0);flex:none;display:flex}.toolbar__group+.toolbar__group{margin-left:var(--space-1h)}.toolbar__divider{width:1px;height:var(--space-4);margin:0 var(--space-1h);background:var(--color-divider);flex:none}.brand{align-items:center;gap:var(--space-2);color:var(--color-accent);flex:none;display:inline-flex}.brand__name{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.toolbar__crumb{margin:0 var(--space-0);color:var(--color-text-disabled);flex:none}.toolbar__doc{min-width:0;max-width:var(--doc-title-max-w);font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);overflow:hidden}.toolbar__doc.is-untitled{font-weight:var(--weight-regular);color:var(--color-text-tertiary)}.panel{background:var(--color-panel);flex-direction:column;flex:none;min-height:0;display:flex}.panel--editor{width:var(--panel-left-w);border-right:var(--border-hairline)}.panel--inspector{width:var(--panel-right-w);border-left:var(--border-hairline)}.panel--overlay{z-index:var(--z-overlay-panel);max-width:100%;box-shadow:var(--shadow-overlay);animation:slide-in var(--dur-slow) var(--ease-out);position:absolute;top:0;bottom:0;right:0}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.panel__head{align-items:center;gap:var(--space-2);height:var(--panel-head-h);padding:0 var(--space-1h) 0 var(--space-4);border-bottom:var(--border-subtle);flex:none;display:flex}.panel__title{cursor:default}.panel__head-spacer{flex:1}.panel__scroll{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.panel__note{margin:var(--space-1h) 0 0;font-size:var(--text-2xs);line-height:var(--leading-tight);color:var(--color-text-tertiary)}.rail{align-items:center;gap:var(--space-3);width:var(--rail-w);padding:var(--space-2h) 0;background:var(--color-panel);color:var(--color-text-tertiary);border:0;flex-direction:column;flex:none;display:flex}.rail--left{border-right:var(--border-hairline)}.rail--right{border-left:var(--border-hairline)}.rail:hover{background:var(--color-chrome);color:var(--color-text)}.rail:focus-visible{box-shadow:var(--focus-ring-inset)}.rail__label{writing-mode:vertical-rl;font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase}.rail--left .rail__label{transform:rotate(180deg)}.resizer{z-index:var(--z-resizer);outline:none;flex:none;width:0;position:relative}.resizer:before{content:"";top:0;bottom:0;left:calc(var(--resizer-hit) / -2);width:var(--resizer-hit);cursor:col-resize;position:absolute}.resizer:after{content:"";background:var(--color-accent);opacity:0;width:2px;transition:opacity var(--dur-base) var(--ease-standard);pointer-events:none;position:absolute;top:0;bottom:0;left:-1px}.resizer:hover:after{opacity:.45;transition-delay:.12s}.resizer.is-dragging:after,.resizer:focus-visible:after{opacity:1;transition-delay:0s}.resizer:focus-visible{box-shadow:none}.collapse{transition:grid-template-rows var(--dur-slow) var(--ease-standard);grid-template-rows:0fr;display:grid}.collapse__inner{min-height:0;overflow:hidden}.section[data-open=true]>.collapse,.help[data-open=true]>.collapse{grid-template-rows:1fr}.section+.section{border-top:var(--border-subtle)}.section__head{align-items:center;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-2);height:var(--section-head-h);margin:0;display:flex}.section__toggle{align-items:center;gap:var(--space-1h);height:var(--control-h-sm);padding:0 var(--space-1h) 0 var(--space-1);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;flex:1;display:inline-flex}.section__toggle:hover .overline{color:var(--color-text-secondary)}.section__toggle:focus-visible{box-shadow:var(--focus-ring-inset)}.section__chevron{color:var(--color-text-tertiary);transition:transform var(--dur-slow) var(--ease-standard);display:inline-flex}.section[data-open=true] .section__chevron,.help[data-open=true] .section__chevron{transform:rotate(90deg)}.section__aside{align-items:center;display:inline-flex}.section__body{gap:var(--space-0);padding:0 var(--space-3) var(--space-3) var(--space-3);flex-direction:column;display:flex}.props{gap:var(--space-0);flex-direction:column;margin:0;display:flex}.prop{grid-template-columns:var(--field-label-w) minmax(0, 1fr);align-items:center;column-gap:var(--space-2);min-height:var(--field-h);margin:0;display:grid}.prop__label{padding-left:var(--space-1);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);overflow:hidden}.prop__control{min-width:0;display:flex}.prop__value{align-items:center;gap:var(--space-1h);min-width:0;padding:0 var(--space-2);font-size:var(--text-sm);white-space:nowrap;color:var(--color-text);margin:0;display:flex}.prop__aside{font-size:var(--text-xs);text-overflow:ellipsis;color:var(--color-text-tertiary);overflow:hidden}.prop__value--wrap{row-gap:var(--space-0);padding-block:var(--space-0);flex-wrap:wrap}.prop__value--wrap>*{flex:none;max-width:100%}.kbd-combo{align-items:center;gap:var(--space-1);display:inline-flex}.prop__hint{padding:0 var(--space-2) var(--space-1);font-size:var(--text-2xs);color:var(--color-text-tertiary);grid-column:2}.input{width:100%;min-width:0;height:var(--field-h);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);text-overflow:ellipsis;color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);background:0 0;border:1px solid #0000}.input::placeholder{color:var(--color-text-tertiary)}.input:hover{border-color:var(--color-border);background:var(--color-field)}.input:focus,.input:focus-visible{border-color:var(--focus-ring-color);background:var(--color-field);box-shadow:none}.source-editor{background:var(--color-editor);flex:1;min-height:0;position:relative}.source-editor:focus-within{box-shadow:inset 2px 0 0 var(--editor-focus-edge)}.source-editor__input,.source-editor__mirror{padding:var(--space-3) var(--space-4) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-regular);font-variant-ligatures:none;font-feature-settings:normal;line-height:var(--leading-editor);letter-spacing:0;tab-size:4;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;scrollbar-gutter:stable;border:0;margin:0;position:absolute;inset:0}.source-editor__mirror{color:var(--syntax-text);pointer-events:none;overflow:hidden}.source-editor__mirror:after{content:"";height:50vh;display:block}.source-editor__input{z-index:1;resize:none;color:#0000;caret-color:var(--editor-caret);background:0 0;overflow:auto}.source-editor__input::selection{background:var(--editor-selection);color:#0000}.source-editor__input::placeholder{color:var(--color-text-tertiary)}.source-editor__input:focus-visible{box-shadow:none}.hl-line{min-height:var(--leading-editor)}.hl-line.is-current{margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);background:var(--editor-current-line)}.tk-pitch{color:var(--syntax-pitch)}.tk-chord{color:var(--syntax-chord)}.tk-accidental{color:var(--syntax-accidental)}.tk-octave{color:var(--syntax-octave)}.tk-duration{color:var(--syntax-duration)}.tk-tie{color:var(--syntax-tie)}.tk-bar{color:var(--syntax-bar)}.tk-relative{color:var(--syntax-relative)}.tk-rest{color:var(--syntax-rest)}.tk-modifier{color:var(--syntax-octave)}.tk-tuplet{color:var(--syntax-bar);font-weight:600}.tk-slur{color:var(--syntax-tie)}.tk-mark{color:var(--syntax-section)}.tk-lyrics{border-radius:var(--radius-xs);background:var(--syntax-section-bg);box-shadow:0 0 0 2px var(--syntax-section-bg);color:var(--syntax-section)}.tk-lyric{color:var(--color-text)}.tk-syllabic,.tk-melisma,.tk-skip{color:var(--syntax-tie)}.tk-section{border-radius:var(--radius-xs);background:var(--syntax-section-bg);box-shadow:0 0 0 2px var(--syntax-section-bg);color:var(--syntax-section)}.tk-directive{color:var(--syntax-directive)}.tk-value{color:var(--syntax-value)}.tk-string{color:var(--syntax-string)}.tk-comment{color:var(--syntax-comment)}.help{border-top:var(--border-hairline);background:var(--color-panel);flex:none}.help__toggle{align-items:center;gap:var(--space-1h);width:100%;height:var(--help-head-h);padding:0 var(--space-4) 0 var(--space-2h);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:left;color:var(--color-text-secondary);background:0 0;border:0;display:flex}.help__toggle:hover{color:var(--color-text)}.help__toggle:focus-visible{box-shadow:var(--focus-ring-inset)}.help__body{max-height:38vh;padding:0 var(--space-4) var(--space-3);overflow-y:auto}.cheatsheet{gap:var(--space-1) var(--space-3);font-size:var(--text-xs);grid-template-columns:auto 1fr;margin:0;display:grid}.cheatsheet__row{display:contents}.cheatsheet dt,.cheatsheet dd{margin:0}.cheatsheet dd{color:var(--color-text-secondary)}.code{font-size:var(--text-xs);white-space:pre;color:var(--syntax-text)}.help__note{margin:var(--space-2) 0 0;font-size:var(--text-2xs);line-height:var(--leading-tight);color:var(--color-text-tertiary)}.diag-summary{gap:var(--space-1) var(--space-3);padding:var(--space-0) var(--space-1) var(--space-1h);font-size:var(--text-xs);font-weight:var(--weight-medium);flex-wrap:wrap;margin:0;display:flex}.diag-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.diag__button{gap:var(--space-2);width:100%;padding:var(--space-1h) var(--space-1h) var(--space-1h) var(--space-1);border-radius:var(--radius-sm);text-align:left;color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-standard);background:0 0;border:0;display:flex}button.diag__button:hover{background:var(--color-hover)}button.diag__button:active{background:var(--color-pressed)}button.diag__button:focus-visible{box-shadow:var(--focus-ring-inset)}.diag__button--static{cursor:default}.diag__icon{flex:none;padding-top:1px;display:inline-flex}.diag__icon--error{color:var(--color-error)}.diag__icon--warning{color:var(--color-warning)}.diag__icon--info{color:var(--color-info)}.diag__body{gap:var(--space-0);flex-direction:column;flex:1;min-width:0;display:flex}.diag__line{align-items:baseline;gap:var(--space-2);display:flex}.diag__title{min-width:0;font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.diag__where{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);flex:none}.diag__detail{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-text-secondary)}.empty-state{gap:var(--space-2);padding:var(--space-0) var(--space-1);display:flex}.empty-state__icon{padding-top:var(--space-0);color:var(--color-text-tertiary);flex:none;display:inline-flex}.empty-state__title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.empty-state__text{font-size:var(--text-2xs);line-height:var(--leading-tight);color:var(--color-text-tertiary)}.canvas{min-width:0;padding:var(--canvas-gutter-top) var(--canvas-gutter) var(--space-12);background-color:var(--color-canvas);background-image:radial-gradient(var(--color-canvas-dot) 1px, transparent 1.2px);background-size:var(--space-5) var(--space-5);background-position:top;flex:1;position:relative;overflow:auto}.canvas:focus-visible{box-shadow:var(--focus-ring-inset)}.page-frame{margin:0 auto;position:relative}.page{transform-origin:0 0;padding:var(--page-margin-top) var(--page-margin-x) var(--page-margin-bottom);border-radius:var(--radius-page);background:var(--color-paper);color:var(--color-paper-text);box-shadow:var(--shadow-page);position:absolute;top:0;left:0}.staff{min-height:var(--staff-min-h);overflow:hidden}.staff svg{display:block}.staff text:not([stroke]){stroke:none}.staff .vf-drag-hit{stroke:#0000;stroke-width:1.25px;transition:stroke var(--dur-fast) var(--ease-standard)}.staff .vf-drag-hit:hover{stroke:var(--score-drag-ring)}.staff .vf-playing{fill:var(--color-score-highlight)!important}.page__empty{top:var(--page-empty-top);text-align:center;pointer-events:none;position:absolute;left:0;right:0}.page__empty-title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-paper-muted)}.page__empty-text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-paper-muted)}.page__empty-text code{padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--color-paper-chip);color:var(--color-paper-text)}.statusbar{align-items:center;gap:var(--space-4);min-width:0;padding:0 var(--space-3);border-top:var(--border-hairline);background:var(--color-chrome);font-size:var(--text-2xs);line-height:var(--leading-none);white-space:nowrap;color:var(--color-text-secondary);z-index:var(--z-resizer);display:flex;overflow:hidden}.statusbar__item{align-items:center;gap:var(--space-1h);flex:none;display:inline-flex}.statusbar__item--ok>.icon{color:var(--color-success)}.statusbar__item--error{color:var(--color-error)}.statusbar__item--warning{color:var(--color-warning)}.statusbar__diags{align-items:center;gap:var(--space-3);flex:0 auto;min-width:0;display:inline-flex}.statusbar__counts{align-items:center;gap:var(--space-2h);height:var(--chip-h);margin:0 calc(var(--space-1h) * -1);padding:0 var(--space-1h);border-radius:var(--radius-xs);font-size:var(--text-2xs);transition:background-color var(--dur-fast) var(--ease-standard);background:0 0;border:0;flex:none;display:inline-flex}.statusbar__counts:hover{background:var(--color-hover)}.statusbar__first{text-overflow:ellipsis;min-width:0;color:var(--color-text-tertiary);overflow:hidden}.statusbar__muted{color:var(--color-text-tertiary)}.statusbar__spacer{flex:1}.statusbar__zoom{min-width:var(--status-zoom-w);font-variant-numeric:tabular-nums;justify-content:flex-end}@media (width<=1280px){.toolbar{gap:var(--space-2)}.menu__button .btn__label{display:none}.toolbar__doc{max-width:var(--doc-title-max-w-compact)}}@media (width<=1100px){.toolbar{padding-left:var(--space-3);display:flex}.toolbar__zone--start{flex:1}.toolbar__crumb,.toolbar__group[aria-label=History]{display:none}}@media (width<=760px){.shell{grid-template-rows:auto minmax(0,1fr) auto;height:auto;min-height:100vh;overflow:visible}.toolbar{gap:var(--space-1) var(--space-2);padding:var(--space-2);flex-wrap:wrap}.toolbar__zone--end{display:contents}.toolbar__zone--start{order:1}.toolbar__cluster--window{order:2;margin-left:auto}.toolbar:after{content:"";flex-basis:100%;order:3}.toolbar__zone--start,.toolbar__zone--center{flex:none}.toolbar__zone--center{order:4}.toolbar__cluster--view{order:5;margin-left:auto}.toolbar__divider,.toolbar__doc,.brand__name{display:none}.shell__main{flex-direction:column}.panel--editor,.panel--inspector,.panel--overlay{border:0;border-bottom:var(--border-hairline);width:100%;box-shadow:none;animation:none;position:static}.panel--editor{height:46vh}.rail{width:100%;padding:var(--space-2) var(--space-3);border:0;border-bottom:var(--border-hairline);flex-direction:row}.rail__label{writing-mode:horizontal-tb}.rail--left .rail__label{transform:none}.resizer{display:none}.canvas{min-height:60vh;padding:var(--space-4) var(--space-2) var(--space-8)}.statusbar{padding:var(--space-1) var(--space-3);min-height:var(--statusbar-h);flex-wrap:wrap}}@media (width<=480px){.segmented--zoom{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theory-open{border:1px solid var(--color-border);background:var(--color-raised);color:var(--color-text);cursor:pointer;border-radius:8px;margin-bottom:12px;padding:8px 14px;font:13px system-ui}.pitch-member-hit{fill:#0000;stroke:#0000;cursor:ns-resize;touch-action:none}.pitch-member-hit:hover,.pitch-member-hit:focus,.pitch-member-hit[data-dragging]{fill:var(--color-accent-soft);stroke:var(--color-accent);outline:none}.pitch-chord-handle{cursor:ns-resize;touch-action:none}.pitch-chord-handle rect{fill:var(--color-paper);stroke:var(--score-drag-ring)}.pitch-chord-handle text{fill:var(--color-score-highlight);pointer-events:none;font:16px system-ui}.pitch-chord-handle:hover rect,.pitch-chord-handle:focus rect{fill:var(--color-accent-soft);stroke:var(--color-score-highlight)}.pitch-drag-ghost{fill:var(--color-accent-soft);stroke:var(--color-score-highlight);stroke-width:1.5px}.pitch-drag-ledger{stroke:var(--color-score-highlight);stroke-width:1px}.pitch-drag-label{fill:var(--color-score-highlight);paint-order:stroke;stroke:var(--color-paper);stroke-width:4px;font:12px system-ui}.source-selected{fill:var(--color-score-highlight)!important}g.source-selected .vf-notehead{fill:var(--color-score-highlight)}.score-edit-hint{color:var(--color-text-secondary);text-align:center;margin:8px 0;font-size:12px}.pitch-edit-message{z-index:30;border:1px solid var(--color-border);background:var(--color-raised);color:var(--color-text);pointer-events:none;border-radius:8px;padding:8px 16px;font-size:12px;position:fixed;bottom:42px;left:50%;transform:translate(-50%)}@media (width<=760px){.toolbar--workspace .toolbar__zone--start,.toolbar--workspace .toolbar__zone--center{flex-wrap:wrap;width:100%;max-width:100%}.toolbar--workspace .workspace-nav{flex-wrap:wrap;max-width:calc(100% - 28px)}.toolbar--workspace .toolbar__cluster--view{margin-left:0}}.shell:has(>.toolbar--workspace){grid-template-rows:auto minmax(0, 1fr) var(--statusbar-h)}.toolbar--workspace{min-height:var(--toolbar-h);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.toolbar--workspace>.toolbar__zone{flex-shrink:0}.toolbar--workspace>.toolbar__zone--end{margin-left:auto}.toolbar--workspace>.toolbar__zone--start{flex-wrap:wrap;flex:none;max-width:100%}.product-intro{text-align:center;color:var(--color-text);font-size:var(--text-sm);margin:0}.product-intro span{color:var(--color-text-secondary);font-size:var(--text-xs);max-width:640px;margin-top:4px;margin-left:auto;margin-right:auto;display:block}.workspace-nav{padding:var(--space-0);gap:var(--space-0);border:var(--border-hairline);border-radius:var(--radius-lg);flex-shrink:0;display:flex}.workspace-nav button{color:var(--color-text-secondary);padding:var(--space-1h) var(--space-3);border-radius:var(--radius-md);font:inherit;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0}.workspace-nav button[aria-pressed=true]{background:var(--color-raised);color:var(--color-accent-text);box-shadow:var(--shadow-xs)}.workspace-nav button:hover{background:var(--color-hover)}.workspace-nav button:focus-visible,.practice-shell button:focus-visible{box-shadow:var(--focus-ring);outline:0}@media (width>=1101px){.toolbar--workspace{grid-template-columns:minmax(0,1.3fr) auto minmax(0,.7fr)}}@media (width>=761px) and (width<=1100px){.toolbar--workspace .toolbar__doc,.toolbar--workspace .brand__name{display:none}.toolbar--workspace .workspace-nav button{font-size:var(--text-xs);padding:var(--space-1h) var(--space-2)}}.practice-shell{background:var(--color-panel);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md)}.practice-toolbar{gap:var(--space-5);padding:var(--space-3) var(--space-6);height:auto;min-height:var(--space-12);border-bottom:var(--border-hairline);display:flex}.practice-toolbar__label{color:var(--color-text-tertiary);font-size:var(--text-sm)}.practice-theme{justify-content:center;align-items:center;margin-left:auto;display:flex}.practice-main{max-width:var(--practice-content-width);padding:var(--space-12) var(--space-6) var(--space-10);margin:auto}.practice-intro{margin-bottom:var(--space-8)}.practice-overline{font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:.13em;color:var(--color-accent-text)}.practice-shell h1{font-size:var(--practice-title);letter-spacing:-.035em;margin:var(--space-3) 0 var(--space-4);font-weight:600;line-height:1.2}.practice-shell h2{font-size:var(--practice-question);letter-spacing:-.025em;margin:var(--space-3) 0 var(--space-4);line-height:1.2}.practice-shell h3{font-size:var(--text-lg);margin:var(--space-5) 0;font-weight:600}.practice-shell p{color:var(--color-text-secondary);margin:var(--space-2) 0 var(--space-4);line-height:1.65}.practice-shell button{font:inherit;cursor:pointer;color:var(--color-text);background:var(--color-raised);border:var(--border-hairline);padding:var(--space-2h) var(--space-4);border-radius:var(--radius-md);transition:background var(--dur-fast)}.practice-shell button:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-border-strong)}.practice-shell button:disabled{color:var(--color-text-disabled);cursor:default}.practice-shell .practice-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-primary);font-weight:600}.practice-shell .practice-primary:hover:not(:disabled){background:var(--color-accent-hover)}.practice-shell .practice-primary:disabled{background:var(--color-primary-disabled-bg);color:var(--color-primary-disabled-fg);border-color:var(--color-primary-disabled-border)}.practice-landing{gap:var(--space-12);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;display:grid}.practice-modes{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.practice-modes button{align-items:flex-start;gap:var(--space-3);text-align:left;padding:var(--space-4) var(--space-3);min-width:0;font-size:var(--text-xs);flex-direction:column;display:flex}.practice-modes button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text)}.practice-mode-symbol{font-size:var(--practice-mode-symbol);line-height:1;font-family:var(--font-sans);font-weight:400}.practice-goal{padding:var(--space-8) 0 var(--space-4)}.practice-shell .practice-muted{font-size:var(--text-xs);color:var(--color-text-tertiary)}.practice-start{justify-content:space-between;width:100%;display:flex;padding:var(--space-4) var(--space-5)!important;font-size:var(--text-lg)!important}.practice-settings{padding:var(--space-6);background:var(--color-raised);border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.practice-section-title{color:var(--color-text-tertiary);font-size:var(--text-xs);margin-bottom:var(--space-5);justify-content:space-between;display:flex}.practice-fields{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.practice-field{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);flex-direction:column;display:flex}.practice-field input,.practice-field select{background:var(--color-field);width:100%;min-width:0;color:var(--color-text);font:inherit;font-size:var(--text-sm);border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-2h) var(--space-2)}.practice-field input:focus,.practice-field select:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring-inset);outline:0}.practice-check{align-items:flex-start;gap:var(--space-2);line-height:1.5;font-size:var(--text-xs);margin:var(--space-5) 0;display:flex}.practice-shell input[type=checkbox]{accent-color:var(--color-accent)}.practice-settings details{border-top:var(--border-hairline);padding-top:var(--space-4);font-size:var(--text-xs)}.practice-shell summary{color:var(--color-text-secondary);cursor:pointer;line-height:1.5}.practice-settings fieldset{margin:var(--space-5) 0;border:0;padding:0}.practice-settings legend{color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.practice-checks{gap:var(--space-3);flex-wrap:wrap;display:flex}.practice-checks label{gap:var(--space-1);align-items:center;display:flex}.practice-progress{margin-top:var(--space-8);border-top:var(--border-hairline)}.practice-progress-row{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-subtle);font-size:var(--text-sm);display:flex}.practice-progress-row span:last-child{color:var(--color-text-tertiary)}.practice-local{font-size:var(--text-xs);margin-top:var(--space-8)!important}.practice-session{max-width:var(--practice-session-width);margin:auto}.practice-session-top{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.practice-session-top button{background:0 0;border:0;padding-left:0}.practice-session progress{appearance:none;width:100%;height:var(--space-1);margin:var(--space-4) 0 var(--space-8);background:var(--color-border);border-radius:var(--radius-pill);border:0;display:block;overflow:hidden}.practice-session progress::-webkit-progress-bar{background:var(--color-border)}.practice-session progress::-webkit-progress-value{background:var(--color-accent)}.practice-question{text-align:center;margin-bottom:var(--space-6)}.practice-question h1{font-size:var(--practice-question)}.practice-question p{font-size:var(--text-sm)}.practice-paper{width:min(100%,var(--practice-paper-width));min-height:var(--practice-paper-height);margin:0 auto var(--space-6);background:var(--color-paper);box-shadow:var(--shadow-page);border-radius:var(--radius-page);justify-content:center;align-items:center;display:flex;overflow:hidden}.practice-paper__staff{width:var(--practice-staff-width);transform:scale(var(--practice-staff-scale));transform-origin:50%;flex-shrink:0}.practice-paper--phrase{width:min(100%,var(--practice-phrase-width))}.practice-paper--phrase .practice-paper__staff{width:var(--practice-phrase-staff-width);transform:scale(var(--practice-phrase-scale))}.practice-paper svg{display:block}.practice-answer-area{text-align:center}.practice-answers{justify-content:center;gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.practice-answers button{min-width:var(--space-12);font-size:var(--text-lg);padding:var(--space-3) var(--space-5);font-weight:500}.practice-answers kbd{font:inherit;font-size:var(--text-micro);margin-left:var(--space-3);color:var(--color-text-tertiary)}.practice-feedback{align-items:center;gap:var(--space-3) var(--space-5);text-align:left;padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-6) auto;max-width:var(--practice-phrase-width);border:var(--border-hairline);grid-template-columns:1fr auto;display:grid}.practice-feedback.is-correct{background:var(--color-success-soft);border-color:var(--color-success)}.practice-feedback.is-incorrect{background:var(--color-warning-soft);border-color:var(--color-warning)}.practice-feedback strong{color:var(--color-text);font-size:var(--text-lg)}.practice-feedback p{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.practice-feedback-tools{align-items:center;gap:var(--space-3);font-size:var(--text-xs);flex-wrap:wrap;grid-column:1/-1;display:flex}.practice-feedback-tools button{padding:var(--space-1h) var(--space-2);background:0 0}.practice-feedback-tools span{color:var(--color-text-tertiary);margin-left:auto}.practice-shell .practice-piano-toggle{color:var(--color-text-tertiary);font-size:var(--text-xs);margin:var(--space-2) 0;background:0 0;border:0}.piano-scroll{padding:var(--space-1) var(--space-1) var(--space-3);width:max-content;max-width:100%;margin:auto;overflow:auto}.practice-piano{border-radius:var(--radius-md);width:max-content;padding:var(--space-1);background:var(--color-paper-text);box-shadow:var(--shadow-control);text-align:center;display:flex}.practice-piano__slot{width:var(--practice-key-width);height:var(--practice-key-height);position:relative}.practice-piano .piano-key{border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:0;padding-bottom:var(--space-3);font-size:var(--text-micro);justify-content:center;align-items:flex-end;font-weight:500;transition:none;display:flex;position:absolute}.practice-piano .piano-key--white{background:var(--color-paper);width:100%;height:100%;color:var(--color-paper-muted);border-color:var(--color-paper-edge);inset:0}.practice-piano .piano-key--black{top:0;right:calc(var(--practice-black-width) / -2);width:var(--practice-black-width);height:var(--practice-black-height);z-index:1;background:var(--color-paper-text);color:var(--color-paper-muted);border-color:var(--color-paper-text)}.practice-piano .piano-key:hover:not(:disabled),.practice-piano .piano-key[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.practice-piano[data-feedback=correct] .piano-key[aria-pressed=true]{background:var(--color-success)}.practice-piano[data-feedback=incorrect] .piano-key[aria-pressed=true]{background:var(--color-warning)}.practice-session-footer{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-hairline);color:var(--color-text-tertiary);font-size:var(--text-xs);display:flex}.practice-sequence{justify-content:center;gap:var(--space-2);margin:var(--space-4);flex-wrap:wrap;display:flex}.practice-sequence span{min-width:var(--space-10);min-height:var(--space-10);border:var(--border-hairline);border-radius:var(--radius-sm);background:var(--color-raised);place-items:center;display:grid}.practice-sequence span[data-correct=true]{border-color:var(--color-success);color:var(--color-success)}.practice-sequence span[data-correct=false]{border-color:var(--color-warning);color:var(--color-warning)}.practice-reading-actions{gap:var(--space-3);margin:var(--space-4);justify-content:center;display:flex}.practice-results{max-width:var(--practice-phrase-width);margin:var(--space-8) auto}.practice-stats{margin:var(--space-8) 0;background:var(--color-raised);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.practice-stats div{gap:var(--space-2);flex-direction:column;display:flex}.practice-stats strong{font-size:var(--practice-display);letter-spacing:-.03em;font-weight:500}.practice-stats span{font-size:var(--text-xs);color:var(--color-text-tertiary)}.practice-result-actions{gap:var(--space-3);margin:var(--space-8) 0 var(--space-4);flex-wrap:wrap;display:flex}.practice-results details{margin-top:var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-xs)}.practice-results code{margin-top:var(--space-3);overflow-wrap:anywhere;display:block}.practice-error,.practice-notice{border:var(--border-hairline);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.practice-shell .practice-error{color:var(--color-error);background:var(--color-error-soft)}@media (width<=900px){.practice-main{padding-top:var(--space-8)}.practice-landing{gap:var(--space-6)}.practice-modes{grid-template-columns:repeat(2,1fr)}.practice-toolbar__label{display:none}.toolbar__zone--start .workspace-nav{margin-right:var(--space-2)}}@media (width<=700px){.practice-landing{grid-template-columns:1fr}.practice-modes{grid-template-columns:repeat(4,1fr)}.practice-shell h1{font-size:var(--practice-question)}.practice-main{padding:var(--space-6) var(--space-4)}.practice-paper__staff{width:280px;transform:scale(1)}.practice-paper--phrase .practice-paper__staff{width:100%;transform:scale(1)}.practice-paper{min-height:220px}.practice-session-top{flex-wrap:wrap}.practice-session-top span:first-of-type{flex-basis:100%;order:3}.practice-stats{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.practice-feedback{grid-template-columns:1fr}.practice-feedback-tools{grid-column:auto}.practice-session-footer span:last-child{display:none}.practice-toolbar{padding:var(--space-3) var(--space-4);gap:var(--space-3)}}.practice-hub-nav{justify-content:center;gap:var(--space-2);padding:var(--space-4);border-bottom:var(--border-hairline);flex-wrap:wrap;display:flex}.practice-hub-nav button{color:var(--color-text-secondary);background:0 0;border-color:#0000}.practice-hub-nav button[aria-current=page]{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:var(--color-accent)}.coach-panel{min-width:0}.coach-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-5);display:flex}.coach-heading h1{margin-bottom:var(--space-2)}.coach-heading>div:first-child{min-width:0}.coach-heading h1{overflow-wrap:anywhere}.coach-source-tag{font-size:var(--text-xs);color:var(--color-text-tertiary);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-3);white-space:nowrap}.coach-midi{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-raised);border:var(--border-hairline);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.coach-midi label{align-items:center;gap:var(--space-3);min-width:0;max-width:100%;display:flex}.coach-midi select{min-width:0;max-width:100%}.coach-midi>span:last-child{color:var(--color-text-tertiary)}.coach-dot{width:var(--space-2);height:var(--space-2);background:var(--color-text-disabled);border-radius:50%;flex-shrink:0}.coach-dot.is-connected{background:var(--color-success)}.coach-settings{gap:var(--space-5);grid-template-columns:1.1fr 1fr;display:grid}.coach-settings fieldset{align-items:flex-end;gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-lg);flex-wrap:wrap;margin:0;display:flex}.coach-settings legend{padding:0 var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600}.coach-settings label,.coach-ladder label{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);flex-direction:column;display:flex}.coach-panel select,.coach-panel input[type=number],.coach-midi select{background:var(--color-field);color:var(--color-text);font:inherit;border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-2h) var(--space-3);min-width:0}.coach-panel input[type=number]{width:var(--coach-number-width)}.coach-panel select:focus-visible,.coach-panel input:focus-visible{box-shadow:var(--focus-ring);outline:0}.coach-options{gap:var(--space-4);margin:var(--space-4) 0;font-size:var(--text-xs);flex-wrap:wrap;align-items:center;display:flex}.coach-options label{gap:var(--space-2);align-items:center;display:flex}.coach-options button{margin-left:auto}.coach-ladder{border-top:var(--border-hairline);border-bottom:var(--border-hairline);padding:var(--space-3) 0;font-size:var(--text-xs);margin:var(--space-4) 0}.coach-ladder>div:first-of-type{align-items:flex-end;gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.coach-ladder>div>label:first-child{flex-direction:row;align-self:center;align-items:center}.coach-rungs{gap:var(--space-2);padding-bottom:var(--space-2);display:flex;overflow:auto}.coach-rungs span{border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-tertiary)}.coach-rungs span[data-cleared=true]{color:var(--color-success);border-color:var(--color-success)}.coach-rungs span[data-current=true]{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:var(--color-accent)}.coach-panel .coach-ladder-message{color:var(--color-accent-text);font-weight:500}.coach-transport{align-items:center;gap:var(--space-5);margin:var(--space-5) 0;display:flex}.coach-transport>span{font-size:var(--text-sm);color:var(--color-text-secondary)}.coach-transport>span:last-child{margin-left:auto}.coach-feedback{gap:var(--space-4);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border:var(--border-hairline);border-left:var(--space-1) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-raised);min-height:var(--coach-number-width);align-items:center;display:flex}.coach-feedback>div{flex:1;min-width:0;line-height:1.5}.coach-feedback small{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-xs);display:block}.coach-feedback strong{font-size:var(--text-sm);font-weight:500}.coach-feedback-symbol{color:var(--color-accent-text);font-size:var(--practice-question)}.coach-feedback[data-status=correct]{border-left-color:var(--color-success)}.coach-feedback[data-status=wrong],.coach-feedback[data-status=missed]{border-left-color:var(--color-error)}.coach-feedback[data-status=partial]{border-left-color:var(--color-warning)}.coach-paper{background:var(--color-paper);color:var(--color-paper-text);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);margin:var(--space-4) 0;overflow:auto}.coach-paper>div{min-width:var(--practice-phrase-width)}.coach-paper svg{display:block}.coach-scroll-hint{display:none}@media (width<=700px){.coach-scroll-hint{display:block}}.coach-event{fill:#0000;stroke:none;pointer-events:all}.coach-event--correct{fill:var(--color-success);fill-opacity:.14;stroke:var(--color-success);stroke-width:1px}.coach-event--wrong,.coach-event--missed,.coach-event--hot{fill:var(--color-error);fill-opacity:.17;stroke:var(--color-error);stroke-width:1px}.coach-event--partial,.coach-event--warm{fill:var(--color-warning);fill-opacity:.16;stroke:var(--color-warning);stroke-width:1px}.coach-cursor{stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;pointer-events:none}.coach-event--offbeat{stroke:var(--color-accent);stroke-dasharray:3 2;stroke-width:2px}.coach-heat-key{gap:var(--space-4);font-size:var(--text-micro);color:var(--color-text-tertiary);margin:var(--space-3) 0 var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.heat-correct{color:var(--color-success)}.heat-wrong{color:var(--color-error)}.heat-partial{color:var(--color-warning)}.coach-measures{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.coach-measures button{font-size:var(--text-xs);text-align:left}.coach-measures button[data-hot=true]{border-color:var(--color-warning)}.coach-measures small,.practice-progress-row small{font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:var(--space-1);display:block}.coach-register{align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:center;display:flex}.coach-results{margin:var(--space-4) 0}.coach-results p{font-size:var(--text-xs);grid-column:1/-1;margin-bottom:0}.coach-plan-duration{gap:var(--space-3);margin:var(--space-5) 0;display:flex}.coach-plan-duration button[aria-pressed=true]{color:var(--color-accent-text);border-color:var(--color-accent);background:var(--color-accent-soft)}.coach-plan{gap:var(--space-4);margin:var(--space-6) 0;display:grid}.coach-plan article{gap:var(--space-5);padding:var(--space-5);border:var(--border-hairline);border-radius:var(--radius-lg);background:var(--color-raised);align-items:center;display:flex}.coach-plan-number{width:var(--space-10);height:var(--space-10);background:var(--color-accent-soft);color:var(--color-accent-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.coach-plan small{color:var(--color-text-tertiary);letter-spacing:.06em;font-size:var(--text-micro)}.coach-plan h2{font-size:var(--text-lg);margin:var(--space-2) 0}.coach-plan p{font-size:var(--text-sm);margin:0}.coach-progress-grid{gap:var(--space-6);grid-template-columns:1.3fr 1fr;display:grid}.coach-card{padding:var(--space-5);border:var(--border-hairline);border-radius:var(--radius-lg);background:var(--color-raised);min-width:0}.coach-card h2{font-size:var(--text-lg)}.coach-trend{width:100%;margin-top:var(--space-5);overflow:visible}.coach-trend line{stroke:var(--color-border)}.coach-trend polyline{fill:none;stroke-width:3px;stroke-linejoin:round}.coach-trend-pitch{stroke:var(--color-success)}.coach-trend-time{stroke:var(--color-accent)}.coach-trend circle{fill:var(--color-success)}.coach-plan-run{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:var(--border-hairline);background:var(--color-accent-soft);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.coach-plan-run div{min-width:var(--coach-banner-width);flex:1}.coach-plan-run small,.coach-plan-run strong{line-height:1.6;display:block}.coach-plan-run small{color:var(--color-accent-text);letter-spacing:.08em;font-size:var(--text-micro)}@media (width<=1000px){.coach-settings{grid-template-columns:1fr}.coach-source-tag{display:none}.coach-progress-grid{grid-template-columns:1fr}}@media (width<=700px){.practice-hub-nav{gap:var(--space-1);padding:var(--space-2)}.practice-hub-nav button{font-size:var(--text-xs);padding:var(--space-2)}.coach-heading{margin-bottom:var(--space-3)}.coach-midi{gap:var(--space-2)}.coach-midi>span:last-child{flex-basis:100%}.coach-options button{margin-left:0}.coach-paper{padding:var(--space-3)}.coach-transport{gap:var(--space-3);flex-wrap:wrap}.coach-feedback{padding:var(--space-3);gap:var(--space-3)}.coach-plan article{padding:var(--space-4);align-items:flex-start;gap:var(--space-3)}.coach-plan-run{padding:var(--space-3)}.coach-plan-run div{flex-basis:100%}.coach-panel .practice-stats strong{font-size:var(--practice-question)}}@media (width>=1101px) and (width<=1500px){.toolbar--workspace .toolbar__doc{max-width:var(--coach-number-width)}.toolbar--workspace .toolbar__zone--start>.toolbar__group[aria-label=History]{display:none}}@media (width<=1100px){.btn--practice-this{font-size:var(--text-xs);padding-inline:var(--space-2)}}@media (width<=700px){.practice-toolbar .workspace-nav{flex-wrap:wrap;max-width:100%}.practice-toolbar .workspace-nav button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);flex:1}}.theory-lens~.coach-paper .coach-event{pointer-events:none}.learn-score{max-width:1120px;color:var(--color-text);margin:32px auto 80px}.learn-heading,.learn-map-heading,.learn-paper-heading{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 16px;display:flex}.learn-heading h1{letter-spacing:-.7px;margin:10px 0;font-size:34px}.learn-heading p{color:var(--color-text-secondary)}.learn-summary{border:1px solid var(--color-border);background:var(--color-raised);border-radius:14px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.learn-summary>div{flex-direction:column;gap:9px;padding:22px;display:flex}.learn-summary>div+div{border-left:1px solid var(--color-border)}.learn-summary small,.learn-summary span{color:var(--color-text-secondary);font-size:12px}.learn-summary strong{font-size:20px}.learn-dimensions{flex-wrap:wrap;gap:20px;margin:24px 0;display:flex}.learn-dimensions>div{flex-direction:column;flex:1;gap:8px;min-width:135px;font-size:13px;display:flex}.learn-dimensions>div>span+span{letter-spacing:3px;color:var(--color-accent);font-size:18px}.learn-score h2{margin:0;font-size:21px}.learn-score h3{margin:0 0 8px;font-size:18px}.learn-map-heading button,.learn-paper-heading button{margin-left:6px}.learn-score button{border:1px solid var(--color-border);background:var(--color-raised);color:var(--color-text);cursor:pointer;font:inherit;border-radius:8px;padding:10px 14px;font-size:13px}.learn-score button:hover{border-color:var(--color-accent)}.learn-score button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.learn-score button[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.learn-score button.practice-primary{background:var(--color-accent);color:var(--color-on-accent,#fff)}.learn-map{gap:7px;padding:5px 2px 12px;display:flex;overflow:auto}.learn-map button{border-bottom:5px solid var(--color-accent);flex-direction:column;align-items:center;gap:4px;min-width:58px;font-size:19px;display:flex;position:relative}.learn-map small,.learn-map span{color:var(--color-text-secondary);font-size:10px}.learn-map [data-level="1"]{border-bottom-color:var(--learn-level-one)}.learn-map [data-level="2"]{border-bottom-color:var(--learn-level-two)}.learn-map [data-level="3"]{border-bottom-color:var(--learn-level-three)}.learn-map [data-level="4"]{border-bottom-color:var(--learn-level-four)}.learn-map [data-level="5"]{border-bottom-color:var(--learn-level-five)}.learn-map i{color:var(--color-accent);position:absolute;top:3px;right:5px}.learn-measure{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);background:var(--color-raised);border-radius:10px;padding:20px 24px}.learn-measure ul{padding-left:20px;font-size:13px;line-height:1.8}.learn-measure p{color:var(--color-text-secondary);font-size:13px}.learn-paper{position:relative;overflow:auto}.learn-paper svg{display:block}.learn-paper-heading select{border:1px solid var(--color-border);background:var(--color-raised);color:var(--color-text);border-radius:7px;padding:8px}.learn-two-column{grid-template-columns:1.2fr 1fr;gap:36px;margin:36px 0;display:grid}.learn-two-column section{min-width:0}.learn-two-column p{font-size:13px;line-height:1.6}.learn-concepts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.learn-concepts button{text-align:left;flex-direction:column;gap:6px;display:flex}.learn-concepts small{color:var(--color-text-secondary);font-size:11px}.learn-concepts [data-status=comfortable]{border-left:3px solid var(--learn-level-one)}.learn-passage{text-align:left;flex-direction:column;gap:9px;width:100%;margin:12px 0;display:flex}.learn-passage span{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.learn-plan{border-top:1px solid var(--color-border);padding-top:28px}.learn-plan>p{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.learn-plan ol{padding-left:28px}.learn-plan li{border-bottom:1px solid var(--color-border);padding:15px 0}.learn-plan li>div{vertical-align:middle;width:calc(100% - 180px);padding-right:20px;display:inline-block}.learn-plan li p{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.learn-plan li small{color:var(--color-text-secondary);font-size:11px}@media (width<=700px){.learn-score{margin-top:12px}.learn-heading,.learn-map-heading,.learn-paper-heading{flex-direction:column;align-items:flex-start}.learn-heading h1{font-size:27px}.learn-summary{grid-template-columns:1fr}.learn-summary>div+div{border-left:0;border-top:1px solid var(--color-border)}.learn-summary>div{padding:16px}.learn-two-column{grid-template-columns:1fr;gap:24px}.learn-plan li>div{width:100%;padding:0;display:block}.learn-plan li button{margin-top:10px}.learn-paper-heading>div{flex-wrap:wrap;gap:10px;display:flex}.learn-dimensions{gap:15px}.learn-concepts{grid-template-columns:1fr}.practice-hub-nav{flex-wrap:wrap}}.learn-first{margin:24px 0}.learn-first summary{cursor:pointer;color:var(--color-text-secondary);font-size:13px}.learn-first>div{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.learn-score button:disabled{opacity:.5;cursor:default}.learn-hardest button{margin:4px}.learn-score details p{line-height:1.6}