@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--canvas:#f7f3eb;--surface:#fdfaf4;--raised:#fffdfa;--ink:#17212c;--muted:#5e6a77;--faint:#8f9aa4;--line:#e1dace;--line-strong:#c9c0af;--primary:#0e599d;--primary-hover:#004887;--primary-soft:#d1e7ff;--success:#348757;--success-soft:#d4f0dc;--warning-soft:#ffe6cd;--error:#bd4238;--shadow:0 18px 56px #1623301a;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "SFMono-Regular", Consolas, monospace}@supports (color:lab(0% 0 0)){:root{--canvas:lab(95.9795% .563413 4.55587);--surface:lab(98.2869% .365496 3.03057);--raised:lab(99.4404% .270456 2.27054);--ink:lab(12.3629% -2.03078 -8.64148);--muted:lab(44.2846% -2.45169 -8.79072);--faint:lab(62.8574% -2.07284 -7.08299);--line:lab(87.2969% .885934 6.86207);--line-strong:lab(78.0347% 1.30716 9.58757);--primary:lab(36.5627% -.766352 -44.0452);--primary-hover:lab(29.3447% 2.78084 -47.1905);--primary-soft:lab(90.6334% -3.88786 -16.0031);--success:lab(50.392% -35.0156 18.0467);--success-soft:lab(92.4193% -12.4083 6.35862);--warning-soft:lab(93.0124% 6.87334 18.228);--error:lab(46.2595% 49.7867 33.8976);--shadow:0 18px 56px lab(12.9225% -2.26182 -10.321/.1)}}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink)}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);min-width:320px;margin:0;font-size:17px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #589ce68c;outline:3px solid lab(62.3115% -5.11083 -44.5801/.55)}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh}.eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:12px;font-weight:760}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:100;grid-template-columns:220px 1fr 220px;align-items:center;height:64px;padding:0 28px;display:grid;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:4px 0;font-size:17px;font-weight:750;display:inline-flex}.brand-mark{background:var(--ink);border-radius:9px;justify-content:center;align-items:flex-end;gap:3px;width:32px;height:32px;padding:8px;display:flex}.brand-mark i{background:var(--raised);border-radius:2px;width:3px;height:7px;display:block}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:11px}.main-nav{justify-content:center;gap:3px;display:flex}.nav-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-size:13px;font-weight:650;transition:background .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1)}.nav-button:hover{color:var(--ink);background:#f0eae2;background:lab(93.0825% .615627 4.93913)}.nav-button.active{background:var(--primary-soft);color:var(--primary)}.device-pill{background:var(--raised);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;justify-self:end;align-items:center;gap:9px;max-width:220px;min-height:36px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex;overflow:hidden}.status-dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #8f9aa421;box-shadow:0 0 0 3px lab(62.8574% -2.07284 -7.08299/.13)}.connected .status-dot,.ready .status-dot{background:var(--success);box-shadow:0 0 0 3px #34875726;box-shadow:0 0 0 3px lab(50.392% -35.0156 18.0467/.15)}.primary-button,.secondary-button,.quiet-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:720;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),transform .12s ease-out;display:inline-flex}.primary-button{background:var(--primary);border:1px solid var(--primary);color:#fcfaf6;color:lab(98.2804% .270516 2.27064)}.primary-button:hover{background:var(--primary-hover)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button.light{background:var(--raised);border-color:var(--raised);color:var(--primary)}.primary-button.light:hover{background:var(--primary-soft)}.secondary-button{background:var(--raised);border:1px solid var(--line-strong)}.secondary-button:hover{border-color:var(--primary)}.secondary-button span{color:var(--muted);font-size:11px;font-weight:560}.quiet-button{border:1px solid var(--line);color:var(--muted);background:0 0;min-height:40px;padding:0 14px}.quiet-button:hover{background:var(--raised);color:var(--ink)}.quiet-button.selected{background:var(--primary-soft);color:var(--primary);border-color:#91b5dd;border-color:lab(71.9756% -5.09805 -24.5467)}.today-view,.curriculum-view,.sketchbook-view,.progress-view{max-width:1240px;margin:0 auto;padding:64px 40px 96px}.today-intro{max-width:720px;margin-bottom:45px}.today-intro h1,.view-intro h1{letter-spacing:-.047em;margin:13px 0 18px;font-size:46px;font-weight:690;line-height:1.06}.today-intro>p:last-child,.view-intro>p:last-child{color:var(--muted);max-width:680px;margin:0;font-size:17px;line-height:1.65}.today-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:24px;display:grid}.continue-panel{background:var(--primary);color:#eef6ff;color:lab(96.4991% -1.44652 -5.40595);border-radius:20px;flex-direction:column;min-height:430px;padding:30px 34px 34px;display:flex}.continue-topline{font-family:var(--font-mono);letter-spacing:.08em;opacity:.72;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.continue-copy{margin:auto 0 30px}.continue-copy>p:first-child{font-family:var(--font-mono);opacity:.75;font-size:12px}.continue-copy h2{letter-spacing:-.04em;margin:10px 0;font-size:38px;line-height:1.05}.continue-copy>p:last-child{opacity:.78;margin:0;font-size:16px}.outcome-line{border-top:1px solid #e2ecf933;border-top:1px solid lab(93.0103% -1.89441 -7.18995/.2);align-items:flex-start;gap:14px;margin-bottom:24px;padding-top:19px;display:flex}.outcome-line span{font-size:20px}.outcome-line p{opacity:.86;max-width:52ch;margin:0;font-size:13px;line-height:1.55}.recommendation-reason{opacity:.65;margin:-13px 0 20px;font-size:10px;line-height:1.45}.continue-panel .primary-button{align-self:flex-start}.path-panel{border:1px solid var(--line);background:#f2ece1;background:lab(93.6715% .772208 6.08884);border-radius:20px;padding:29px 28px}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:8px 0 0;font-size:19px;line-height:1.25}.section-heading>span{color:var(--primary);font-family:var(--font-mono);font-size:12px;font-weight:750}.path-line,.course-progress{background:var(--line);border-radius:999px;height:4px;margin:20px 0 27px;overflow:hidden}.path-line i,.course-progress i{background:var(--primary);height:100%;transition:width .22s cubic-bezier(.22,1,.36,1);display:block}.direction-list{margin:0;padding:0;list-style:none}.direction-list li{border-top:1px solid var(--line);align-items:flex-start;gap:15px;padding:18px 0;display:flex}.direction-list li:first-child{border-top:0}.direction-list li>span{color:var(--primary);font-family:var(--font-mono);margin-top:3px;font-size:11px}.direction-list div{flex-direction:column;gap:5px;display:flex}.direction-list strong{font-size:14px}.direction-list small{color:var(--muted);line-height:1.45}.placement-entry{background:var(--raised);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:11px;grid-template-columns:34px 1fr 12px;align-items:center;gap:11px;width:100%;min-height:64px;margin-top:14px;padding:10px 12px;display:grid}.placement-entry:hover{border-color:var(--primary)}.placement-entry>span{background:var(--primary-soft);color:var(--primary);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;height:30px;font-size:8px;display:flex}.placement-entry div{flex-direction:column;gap:4px;display:flex}.placement-entry strong{font-size:10px}.placement-entry small{color:var(--muted);font-size:8px}.placement-entry i{color:var(--muted);font-style:normal}.today-lower{border-top:1px solid var(--line);grid-template-columns:1fr 360px;gap:56px;margin-top:54px;padding-top:44px;display:grid}.section-description{color:var(--muted);max-width:68ch;margin:12px 0 21px;line-height:1.6}.preference-chips{flex-wrap:wrap;gap:8px;display:flex}.preference-chip{background:var(--raised);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;min-height:37px;padding:0 13px;font-size:12px}.preference-chip.selected{background:var(--primary-soft);color:var(--primary);border-color:#9dc1ea;border-color:lab(76.621% -5.20149 -24.5799);font-weight:660}.session-brief{border-left:1px solid var(--line);padding-left:32px}.session-brief>strong{letter-spacing:-.035em;margin:12px 0;font-size:28px;display:block}.session-brief ul{color:var(--muted);margin:0;padding-left:17px;line-height:1.9}.plan-reason{color:var(--muted);margin:-4px 0 15px;font-size:10px;line-height:1.5}.adaptive-plan{margin:0;padding:0;list-style:none}.adaptive-plan li{border-top:1px solid var(--line)}.adaptive-plan button{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:38px 1fr 12px;align-items:flex-start;gap:10px;width:100%;padding:12px 0;display:grid}.adaptive-plan button:hover strong{color:var(--primary)}.adaptive-plan button>span{color:var(--primary);font-family:var(--font-mono);padding-top:2px;font-size:8px}.adaptive-plan button div{flex-direction:column;gap:4px;display:flex}.adaptive-plan button strong{font-size:11px}.adaptive-plan button small{color:var(--muted);font-size:8px;line-height:1.4}.adaptive-plan button i{color:var(--muted);font-style:normal}.performance-callout{border-bottom:1px solid var(--line-strong);border-top:1px solid var(--line-strong);grid-template-columns:1fr auto;align-items:center;gap:45px;margin-top:52px;padding:30px 0;display:grid}.performance-callout h2{letter-spacing:-.025em;margin:8px 0;font-size:20px}.performance-callout>div>p:last-child{color:var(--muted);max-width:70ch;margin:0;line-height:1.6}.performance-callout dl{grid-template-columns:repeat(3,110px);margin:0;display:grid}.performance-callout dl div{border-left:1px solid var(--line);flex-direction:column;gap:8px;padding:8px 16px;display:flex}.performance-callout dt{color:var(--muted);text-transform:uppercase;font-size:8px}.performance-callout dd{font-family:var(--font-mono);margin:0;font-size:16px}.review-horizon{border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:45px;padding:30px 0;display:grid}.review-horizon h2{margin:8px 0;font-size:19px}.review-horizon>div:first-child>p:last-child{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.review-horizon>div:last-child{flex-direction:column;display:flex}.review-horizon button{border:0;border-top:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;min-height:54px;padding:8px 4px;display:grid}.review-horizon button:hover strong{color:var(--primary)}.review-horizon button span{color:var(--primary);font-family:var(--font-mono);font-size:8px}.review-horizon button strong{font-size:10px}.review-horizon button small{color:var(--muted);font-size:8px}.view-intro{max-width:790px;margin-bottom:68px}.chapter-section{border-top:1px solid var(--line-strong);grid-template-columns:180px 1fr;gap:44px;padding:34px 0 64px;display:grid}.chapter-title{gap:15px;display:flex}.chapter-title>span{color:var(--primary);font-family:var(--font-mono);padding-top:3px;font-size:11px}.chapter-title h2{letter-spacing:-.03em;margin:5px 0 0;font-size:22px}.course-list{flex-direction:column;display:flex}.course-row{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:40px minmax(220px,1.4fr) minmax(180px,.9fr) 80px 24px;align-items:center;gap:18px;width:100%;min-height:90px;padding:12px 10px;transition:background .16s ease-out;display:grid}.course-row:first-child{border-top:1px solid var(--line)}.course-row:hover{background:var(--surface)}.course-number{color:var(--primary);font-family:var(--font-mono);font-size:11px}.course-main{flex-direction:column;gap:6px;display:flex}.course-main strong{font-size:15px}.course-main small{color:var(--muted)}.course-tags{flex-wrap:wrap;gap:5px;display:flex}.course-tags i{color:var(--muted);background:#f0eae2;background:lab(93.0825% .615627 4.93913);border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal}.course-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.course-meta b{font-family:var(--font-mono);font-size:11px}.course-meta small{color:var(--muted);font-size:10px}.course-arrow{color:var(--muted);font-size:18px;transition:transform .16s ease-out}.course-row:hover .course-arrow{transform:translate(3px)}.studio-layout{grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.studio-layout.score-focus{grid-template-columns:minmax(0,1fr)}.score-focus .lesson-stage{max-width:1480px;padding-left:34px;padding-right:34px}.score-focus .score-paper{height:72vh;min-height:560px}.score-focus .osmd-container{padding-left:10px;padding-right:10px}.lesson-rail{border-right:1px solid var(--line);background:#f2ece1;background:lab(93.6715% .772208 6.08884);padding:24px 15px 40px}.rail-back{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:40px;padding:7px 8px;font-size:14px}.rail-back:hover{color:var(--ink)}.rail-course{border-bottom:1px solid var(--line-strong);margin:18px 8px 20px;padding-bottom:22px}.rail-course>p{color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.rail-course h2{letter-spacing:-.025em;margin:9px 0 17px;font-size:20px;line-height:1.25}.rail-course .course-progress{height:3px;margin:0 0 8px}.rail-course small{color:var(--muted);font-size:12px}.step-list{flex-direction:column;gap:4px;display:flex}.step-list button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:66px;padding:10px;display:flex}.step-list button:hover{background:var(--surface)}.step-list button.selected{background:var(--raised);border-color:var(--line)}.step-list button>span{border:1px solid var(--line-strong);color:var(--muted);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;display:flex}.step-list button.complete>span{background:var(--success-soft);color:var(--success);border-color:#94cda7;border-color:lab(77.8644% -25.0314 12.849)}.step-list button div{flex-direction:column;gap:4px;min-width:0;display:flex}.step-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.3;overflow:hidden}.step-list small{color:var(--muted);font-size:12px}.edition-note{background:var(--primary-soft);border-radius:12px;margin:25px 7px 0;padding:15px}.edition-note strong{margin:8px 0;font-size:11px;line-height:1.45;display:block}.edition-note span{color:var(--primary);text-transform:uppercase;font-size:9px;font-weight:700}.course-resources{border-top:1px solid var(--line-strong);margin:25px 7px 0;padding-top:17px}.course-resources>p{margin:0 0 8px}.course-resources a{border-top:1px solid var(--line);color:var(--ink);grid-template-columns:1fr auto;align-items:start;gap:3px 8px;min-height:62px;padding:11px 2px;text-decoration:none;display:grid}.course-resources a:hover strong{color:var(--primary)}.course-resources a:focus-visible{outline-offset:2px;border-radius:7px;outline:3px solid #7fb2ec;outline:3px solid lab(70.6662% -5.92676 -34.6925)}.course-resources strong{font-size:11px;line-height:1.35}.course-resources span{color:var(--muted);grid-column:1;font-size:9px;line-height:1.45}.course-resources i{color:var(--primary);grid-area:1/2/span 2;font-style:normal}.studio-main{min-width:0}.studio-toolbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:50;justify-content:space-between;align-items:center;min-height:66px;padding:10px 32px;display:flex;position:sticky;top:64px}.connection-state{align-items:center;gap:12px;display:flex}.connection-state div{flex-direction:column;gap:3px;display:flex}.connection-state strong{font-size:14px}.connection-state small{color:var(--muted);font-size:12px}.toolbar-actions{align-items:center;gap:7px;display:flex}.toolbar-actions select,.microscope select{background:var(--raised);border:1px solid var(--line);color:var(--ink);border-radius:8px;min-height:40px;padding:0 11px;font-size:14px}.toolbar-select{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.toolbar-select>span{color:var(--muted);padding-left:2px;font-size:11px;line-height:1}.glossary-panel{background:#e1eefe;background:lab(93.5788% -2.41452 -9.32278);border-bottom:1px solid #9ebada;border-bottom:1px solid lab(74.3548% -4.38324 -19.4148);padding:28px 32px 32px}.glossary-heading{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto 22px;display:flex}.glossary-heading h2{letter-spacing:-.03em;margin:7px 0 0;font-size:22px}.glossary-panel dl{grid-template-columns:repeat(3,1fr);gap:0;max-width:1100px;max-height:360px;margin:0 auto;display:grid;overflow-y:auto}.glossary-panel dl div{border-top:1px solid #b2c6de;border-top:1px solid lab(79.0431% -3.45752 -14.2256);min-height:86px;padding:15px 22px 13px 0}.glossary-panel dt{font-size:15px;font-weight:750}.glossary-panel dd{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.58}.lesson-stage{max-width:1020px;margin:0 auto;padding:48px 48px 42px}.prerequisite-notice{background:var(--warning-soft);border:1px solid #e5bc90;border:1px solid lab(79.0394% 11.0272 28.111);border-radius:15px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:38px;padding:20px 22px;display:flex}.prerequisite-notice h2{margin:7px 0;font-size:17px}.prerequisite-notice p:last-child{color:var(--muted);max-width:68ch;margin:0;font-size:15px;line-height:1.6}.lesson-copy-column{max-width:740px}.lesson-copy-column h1{letter-spacing:-.045em;margin:12px 0 18px;font-size:43px;line-height:1.08}.lesson-body{color:var(--muted);max-width:70ch;margin:0;font-size:19px;line-height:1.68}.lesson-terms{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:170px 1fr;gap:30px;margin-top:30px;padding:21px 0;display:grid}.lesson-terms h2{letter-spacing:-.02em;margin:7px 0 0;font-size:16px}.lesson-terms dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;display:grid}.lesson-terms dl div{background:#e6f0fb;background:lab(94.1739% -1.71733 -6.47736);border-radius:10px;padding:12px 14px}.lesson-terms dt{color:var(--primary);font-size:13px;font-weight:760}.lesson-terms dd{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.55}.review-teacher{background:#dfedfd;background:lab(92.9988% -2.41339 -9.32223);border:1px solid #a2bede;border:1px solid lab(75.5156% -4.39867 -19.4204);border-radius:17px;margin-top:30px;padding:24px;overflow:hidden}.review-teacher-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.review-teacher-top h2{letter-spacing:-.03em;margin:7px 0 0;font-size:21px}.review-teacher-top>span{background:var(--raised);color:var(--primary);font-family:var(--font-mono);border:1px solid #acc0d7;border:1px solid lab(76.7223% -3.44253 -14.2194);border-radius:999px;flex:none;padding:8px 11px;font-size:12px}.review-teacher>p{color:var(--muted);margin:15px 0 0;font-size:15px;line-height:1.6}.review-retrieval-gate{border-top:1px solid #a9bdd4;border-top:1px solid lab(75.5619% -3.43478 -14.2161);grid-template-columns:1fr auto;align-items:flex-start;gap:8px;margin-top:20px;padding-top:19px;display:grid}.review-retrieval-gate>span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.review-retrieval-gate>p{color:var(--muted);grid-column:1;max-width:61ch;margin:0;font-size:15px;line-height:1.6}.review-retrieval-gate>button{grid-area:1/2/span 2}.review-reframe{border-top:1px solid #a9bdd4;border-top:1px solid lab(75.5619% -3.43478 -14.2161);grid-template-columns:1fr 1fr;margin-top:20px;padding-top:19px;display:grid}.review-reframe article{border-left:1px solid #a9bdd4;border-left:1px solid lab(75.5619% -3.43478 -14.2161);min-height:105px;padding:2px 20px}.review-reframe article:first-child{border-left:0;padding-left:0}.review-reframe article:last-child{padding-right:0}.review-reframe span,.review-confidence>span{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:750}.review-reframe p{color:var(--ink);margin:10px 0 0;font-size:15px;line-height:1.65}.review-confidence{border-top:1px solid #a9bdd4;border-top:1px solid lab(75.5619% -3.43478 -14.2161);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:17px;display:flex}.review-confidence>div{gap:6px;display:flex}.review-confidence button{background:var(--raised);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;min-height:38px;padding:0 14px;font-size:13px}.review-confidence button.selected{background:var(--primary);border-color:var(--primary);color:#fff}.activity-surface{background:var(--raised);border:1px solid var(--line);border-radius:17px;min-height:210px;margin-top:34px;padding:25px;box-shadow:0 8px 30px #1623300a;box-shadow:0 8px 30px lab(12.9225% -2.26182 -10.321/.04)}.concept-activity{justify-content:space-between;align-items:center;min-height:155px;display:flex}.concept-symbol{flex-direction:column;gap:13px;display:flex}.concept-symbol span{color:var(--muted);font-size:15px}.concept-symbol strong{font-family:var(--font-mono);letter-spacing:.07em;font-size:25px;font-weight:540}.play-activity{flex-direction:column;gap:26px;display:flex}.notation-reader{border:1px solid var(--line);background:#faf8f4;background:lab(97.7004% .270605 2.27064);border-radius:12px;overflow:hidden}.notation-scroll{overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-gutter:stable;padding:10px 0 0;scroll-padding-inline:42%;overflow-x:auto}.notation-score{flex:none;height:170px;margin-inline:auto;display:block;overflow:visible}.notation-staff line,.notation-ledger,.notation-stem,.notation-flag,.notation-barline{fill:none;stroke:#535c66;stroke:lab(38.4934% -1.99464 -7.04693);stroke-linecap:round;stroke-width:1.2px;vector-effect:non-scaling-stroke}.notation-barline{stroke:#7d8792;stroke:lab(55.8966% -2.056 -7.07493);stroke-width:1px}.notation-measure-number{fill:var(--muted);font-family:var(--font-mono);font-size:9px}.notation-clef{fill:#27313d;fill:lab(19.9116% -2.20087 -8.69539);font-family:Georgia,Times New Roman,serif;font-size:72px}.notation-notehead{fill:#27313d;fill:lab(19.9116% -2.20087 -8.69539)}.notation-notehead.open{fill:var(--raised);stroke:#27313d;stroke:lab(19.9116% -2.20087 -8.69539);stroke-width:2px}.notation-note.current .notation-notehead{fill:var(--primary);filter:drop-shadow(0 0 5px #6da5e49e);filter:drop-shadow(0 0 5px lab(65.9511% -5.71325 -37.9807/.62))}.notation-note.current .notation-notehead.open{fill:var(--raised);stroke:var(--primary)}.notation-note.current .notation-stem,.notation-note.current .notation-flag{stroke:var(--primary);stroke-width:1.8px}.notation-note.read .notation-notehead{fill:var(--success)}.notation-note.read .notation-notehead.open{fill:var(--raised);stroke:var(--success)}.notation-note.read .notation-stem,.notation-note.read .notation-flag{stroke:var(--success)}.notation-accidental{fill:#27313d;fill:lab(19.9116% -2.20087 -8.69539);font-family:var(--font-mono);text-anchor:middle;font-size:14px}.notation-label{fill:var(--muted);font-family:var(--font-mono);text-anchor:middle;font-size:11px}.notation-key{border-top:1px solid var(--line);color:var(--muted);background:#f2eee6;background:lab(94.2394% .564069 4.55636);flex-wrap:wrap;align-items:center;gap:18px;min-height:44px;padding:9px 14px;font-size:13px;display:flex}.notation-key span{align-items:center;gap:7px;display:inline-flex}.notation-key i{background:var(--primary);border-radius:50%;width:12px;height:8px;display:inline-block}.note-path{gap:6px;padding:3px 3px 11px;display:flex;overflow-x:auto}.note-path span{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;gap:7px;min-height:65px;display:flex}.note-path span small{color:var(--faint);font-family:var(--font-mono);font-size:11px}.note-path span strong{font-family:var(--font-mono);font-size:16px}.note-path span.current{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.note-path span.done{background:var(--success-soft);color:var(--success);border-color:#9accaa;border-color:lab(77.734% -21.8591 11.2161)}.activity-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.target-readout{align-items:baseline;gap:12px;display:flex}.target-readout>span{color:var(--muted);font-size:14px}.target-readout strong{font-family:var(--font-mono);font-size:30px}.target-readout small{color:var(--muted);font-size:13px}.chord-activity{grid-template-columns:1fr 1.1fr auto;align-items:center;gap:25px;min-height:155px;display:grid}.chord-formula{gap:7px;display:flex}.chord-formula span{background:var(--primary-soft);border-radius:10px;flex-direction:column;align-items:center;gap:7px;min-width:62px;padding:13px 9px;display:flex}.chord-formula small{color:var(--primary);text-transform:uppercase;font-size:11px}.chord-formula strong{font-family:var(--font-mono);font-size:15px}.chord-live{border-left:1px solid var(--line);flex-direction:column;gap:8px;padding-left:24px;display:flex}.chord-live span,.chord-live small{color:var(--muted);font-size:13px}.chord-live strong{font-family:var(--font-mono);font-size:17px;line-height:1.5}.answer-list{gap:9px;display:grid}.answer-list button{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:14px;min-height:54px;padding:9px 13px;display:flex}.answer-list button:hover{border-color:var(--primary)}.answer-list button>span{border:1px solid var(--line-strong);color:var(--muted);font-family:var(--font-mono);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.answer-list button strong{font-size:16px}.answer-list button.correct{background:var(--success-soft);border-color:var(--success)}.answer-list button.incorrect{border-color:var(--error)}.answer-explanation{background:#ffedea;background:lab(95.1864% 5.96726 3.65481);border-radius:11px;margin-top:14px;padding:15px 17px}.answer-explanation.correct{background:var(--success-soft)}.answer-explanation strong{font-size:14px}.answer-explanation p{color:var(--muted);margin:7px 0 0;font-size:15px;line-height:1.6}.creative-activity{flex-direction:column;gap:19px;display:flex}.recording-line{grid-template-columns:1fr repeat(3,100px);align-items:center;gap:18px;display:grid}.recording{color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.recording i{background:var(--faint);border-radius:50%;width:8px;height:8px}.recording.active{color:var(--error)}.recording.active i{background:var(--error);box-shadow:0 0 0 5px #bd42381a;box-shadow:0 0 0 5px lab(46.2595% 49.7867 33.8976/.1)}.recording-line>div{flex-direction:column;gap:4px;display:flex}.recording-line>div strong{font-family:var(--font-mono);font-size:18px}.recording-line>div small{color:var(--muted);font-size:9px}.creative-stream{background:#f2eee6;background:lab(94.2394% .564069 4.55636);border-radius:11px;flex-wrap:wrap;align-items:center;gap:5px;min-height:74px;padding:12px;display:flex}.creative-stream p{color:var(--muted);margin:0;font-size:15px}.creative-stream span{background:var(--raised);border:1px solid var(--line);font-family:var(--font-mono);border-radius:7px;padding:6px 8px;font-size:13px}.creative-actions{gap:9px;display:flex}.feedback-line{align-items:center;gap:13px;min-height:54px;padding:12px 2px;display:flex}.feedback-line>span{background:var(--primary-soft);color:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.feedback-line.complete>span{background:var(--success-soft);color:var(--success)}.feedback-line p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.score-readiness-note{background:#e6f0fb;background:lab(94.1739% -1.71733 -6.47736);border-top:1px solid #b2c6de;border-top:1px solid lab(79.0431% -3.45752 -14.2256);border-bottom:1px solid #b2c6de;border-bottom:1px solid lab(79.0431% -3.45752 -14.2256);justify-content:space-between;align-items:center;gap:30px;margin-top:26px;padding:22px 0;display:flex}.score-readiness-note h2{letter-spacing:-.025em;margin:7px 0;font-size:18px}.score-readiness-note p:last-child{color:var(--muted);max-width:68ch;margin:0;font-size:15px;line-height:1.65}.score-reader{border-top:1px solid var(--line-strong);margin-top:28px;padding-top:30px}.score-reader-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.score-reader-heading h2{letter-spacing:-.035em;margin:8px 0 0;font-size:24px}.score-reader-actions{gap:7px;display:flex}.score-range-control{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;display:flex}.score-range-control span{color:var(--muted);font-size:11px}.score-range-control select{background:var(--raised);border:1px solid var(--line);color:var(--ink);border-radius:8px;min-height:40px;padding:0 10px;font-size:13px}.score-tempo-control{flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;min-width:120px;display:flex}.score-tempo-control span{color:var(--muted);font-family:var(--font-mono);font-size:11px}.score-tempo-control input{accent-color:var(--primary);width:120px}.score-follow,.score-full-track,.score-loop{background:var(--raised);border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.score-follow{background:var(--primary);border-color:var(--primary);color:var(--raised)}.score-follow:hover,.score-full-track:hover,.score-loop:hover{border-color:var(--primary)}.score-follow:hover{background:var(--primary-hover)}.score-full-track{background:var(--primary-soft);color:var(--primary);border-color:#a5c1e1;border-color:lab(76.6764% -4.41369 -19.4259)}.score-follow:disabled,.score-full-track:disabled,.score-loop:disabled{cursor:not-allowed;opacity:.52}.score-follow.active,.score-loop.active{background:var(--primary-soft);color:var(--primary);border-color:#8cb5e3;border-color:lab(71.9316% -5.48515 -27.9504)}.score-follow i{background:var(--faint);border-radius:50%;width:7px;height:7px}.score-follow.active i{background:var(--success);box-shadow:0 0 0 4px #34875721;box-shadow:0 0 0 4px lab(50.392% -35.0156 18.0467/.13)}.score-sections{gap:5px;margin:22px 0 14px;padding-bottom:3px;display:flex;overflow-x:auto}.score-sections button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;flex:1 0 130px;align-items:center;gap:9px;min-height:50px;padding:7px 9px;display:flex}.score-sections button:hover{background:var(--surface)}.score-sections button.active{background:var(--raised);border-color:var(--line-strong)}.score-sections button>span{border:1px solid var(--line-strong);color:var(--muted);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.score-sections button div{flex-direction:column;gap:3px;display:flex}.score-sections button strong{font-size:14px}.score-sections button small{color:var(--muted);font-size:11px}.score-guided-cue{background:var(--primary-soft);border:1px solid #a5c1e1;border:1px solid lab(76.6764% -4.41369 -19.4259);border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 14px;padding:13px 15px;display:flex}.score-guided-cue strong{font-size:14px;line-height:1.4}.score-guided-cue span{color:var(--muted);max-width:64ch;font-size:12px;line-height:1.55}.score-context{border:1px solid var(--line);background:#f0eae1;background:lab(93.0855% .667393 5.32198);border-radius:11px 11px 0 0;grid-template-columns:.8fr .55fr 1.25fr 1.25fr;display:grid}.score-context>div{border-left:1px solid var(--line);flex-direction:column;gap:6px;min-height:60px;padding:11px 14px;display:flex}.score-context>div:first-child{border-left:0}.score-context span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.score-context strong{font-size:14px;line-height:1.4}.repertoire-microscope{border:1px solid var(--line);background:#ebf5ff;background:lab(95.914% -1.71891 -6.47818);margin-top:22px;padding:24px}.repertoire-lens-heading{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.repertoire-lens-heading h3{letter-spacing:-.025em;max-width:34ch;margin:8px 0 0;font-size:20px;line-height:1.25}.repertoire-lens-heading>span{background:var(--raised);border:1px solid var(--line);color:var(--primary);font-family:var(--font-mono);border-radius:999px;flex:none;padding:8px 11px;font-size:11px}.harmonic-path{align-items:stretch;margin:24px 0 0;padding:0 0 6px;list-style:none;display:flex;overflow-x:auto}.harmonic-path li{flex:1 0 150px;align-items:center;gap:9px;display:flex}.harmonic-path li>span{background:var(--primary);color:#fff;font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.harmonic-path strong{font-size:14px}.harmonic-path i{color:var(--faint);margin-left:auto;padding-right:12px;font-style:normal}.theory-cause-effect{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr;margin-top:22px;display:grid}.theory-cause-effect article{border-left:1px solid var(--line);min-height:150px;padding:20px}.theory-cause-effect article:first-child{border-left:0;padding-left:0}.theory-cause-effect article:last-child{padding-right:0}.theory-cause-effect span,.repertoire-experiment span,.repertoire-transfer span{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:750}.theory-cause-effect p,.repertoire-experiment p,.repertoire-transfer p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.65}.repertoire-experiment,.repertoire-transfer{grid-template-columns:1fr auto;align-items:center;gap:28px;padding:18px 0 0;display:grid}.repertoire-experiment>div,.repertoire-transfer>div{max-width:72ch}.repertoire-transfer{border-top:1px solid var(--line);margin-top:18px}.repertoire-transfer p{color:var(--ink)}.connection-button{background:var(--primary);border:1px solid var(--primary);color:#fff;cursor:pointer;border-radius:9px;min-height:42px;padding:0 14px;font-size:13px;font-weight:700}.connection-button.explored{background:var(--success-soft);color:var(--success);border-color:#9accaa;border-color:lab(77.734% -21.8591 11.2161)}.score-session-metrics{background:var(--raised);border:1px solid var(--line);border-top:0;border-radius:0 0 11px 11px;grid-template-columns:repeat(4,minmax(90px,.7fr)) 1.8fr;display:grid}.score-session-metrics>div{border-left:1px solid var(--line);flex-direction:column;gap:5px;padding:11px 13px;display:flex}.score-session-metrics>div:first-child{border-left:0}.score-session-metrics span{color:var(--muted);font-size:11px}.score-session-metrics strong{font-family:var(--font-mono);font-size:14px}.score-session-metrics p{color:var(--muted);align-self:center;margin:0;padding:10px 13px;font-size:12px;line-height:1.5}.score-paper{border:1px solid var(--line);background:#fffdfa;background:lab(99.4337% .17786 1.51221);border-top:0;height:470px;position:relative;overflow:auto}.score-paper:has(.notation-reader){height:auto;min-height:236px;overflow:hidden}.score-paper .notation-reader{border:0;border-radius:0}.score-listening-status{border-bottom:1px solid var(--line);color:var(--muted);background:#f4f0e7;background:lab(94.8195% .56383 4.55618);align-items:center;gap:9px;min-height:42px;padding:8px 14px;font-size:13px;font-weight:650;display:flex}.score-listening-status i{background:var(--faint);border-radius:50%;width:8px;height:8px}.score-listening-status>span{flex:1;line-height:1.45}.score-inline-toggle{background:var(--primary);border:1px solid var(--primary);color:var(--raised);cursor:pointer;border-radius:8px;flex:none;min-width:72px;min-height:44px;padding:0 13px;font-size:12px;font-weight:750}.score-inline-toggle:hover{background:var(--primary-hover)}.score-listening-status.active{background:var(--success-soft);color:#185b37;color:lab(33.887% -28.7524 14.833)}.score-listening-status.active i{background:var(--success);box-shadow:0 0 0 4px #34875721;box-shadow:0 0 0 4px lab(50.392% -35.0156 18.0467/.13)}.osmd-container{min-height:100%;padding:14px 16px 30px}.osmd-container svg{width:100%;height:auto;display:block}.score-loading,.score-error{background:var(--raised);text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-loading i{border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite score-spin}.score-loading p,.score-error p{color:var(--muted);font-size:14px}.score-error strong{font-size:16px}@keyframes score-spin{to{transform:rotate(360deg)}}.score-transport{background:var(--raised);border:1px solid var(--line);border-top:0;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:15px;min-height:72px;padding:10px 12px;display:grid}.score-transport>button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:40px;padding:0 12px;font-size:12px}.score-transport>button:hover{border-color:var(--primary)}.score-rehearsal{border:1px solid var(--line);background:var(--surface);border-top:0;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.score-rehearsal fieldset{border:0;flex:420px;min-width:0;margin:0;padding:0}.score-rehearsal legend{margin-bottom:10px;font-size:18px}.score-hand-options{flex-wrap:wrap;gap:8px;display:flex}.score-hand-options button,.score-hear{border:1px solid var(--line);background:var(--raised);color:inherit;cursor:pointer;border-radius:10px;min-height:48px;padding:12px 16px;font-size:18px}.score-hand-options button{text-align:left;flex:130px}.score-hand-options button span{margin-top:4px;font-size:15px;display:block}.score-hand-options button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.score-rehearsal button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.score-rehearsal button:disabled{opacity:.5;cursor:not-allowed}.score-rehearsal p{flex-basis:100%;margin:0;font-size:16px;line-height:1.5}.score-range-note{background:var(--primary-soft);border:1px solid #a5c1e1;border:1px solid lab(76.6764% -4.41369 -19.4259);border-radius:11px;flex-direction:column;flex:1 0 100%;align-items:flex-start;gap:5px;padding:13px 15px;display:flex}.score-range-note strong{font-size:16px}.score-range-note span{color:var(--muted);font-size:15px;line-height:1.5}.measure-progress{flex-direction:column;gap:6px;display:flex}.measure-progress>div{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.measure-progress i{background:var(--success);height:100%;display:block}.measure-progress span,.expected-score-notes span,.expected-score-notes small{color:var(--muted);font-size:11px}.expected-score-notes{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.expected-score-notes strong{font-family:var(--font-mono);font-size:14px}.expected-score-notes .range-adaptation,.expected-score-notes .score-repeat-cue{color:var(--primary);flex-basis:100%;font-size:12px;font-weight:700}.score-hand-cues{flex-wrap:wrap;flex-basis:100%;gap:6px 16px;display:flex}.expected-score-notes .score-hand-cues span{color:var(--ink);font-family:var(--font-mono);font-size:14px}.score-hand-cues b{color:var(--primary);font-family:var(--font-sans);text-transform:uppercase;margin-right:6px;font-size:12px}.teaching-notes{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:10px;display:grid}.teaching-notes article{border-left:1px solid var(--line);min-height:132px;padding:22px 22px 18px}.teaching-notes article:first-child{border-left:0;padding-left:0}.teaching-notes article:last-child{padding-right:0}.teaching-notes article>p:last-child{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.62}.lesson-footer{justify-content:space-between;align-items:center;padding:24px 0 0;display:flex}.lesson-footer>span{color:var(--muted);font-size:14px}.practice-dock{border-bottom:1px solid var(--line-strong);z-index:45;background:#f3ece0;background:lab(93.6773% .879854 6.85768);padding:14px 32px 12px;position:sticky;top:130px;box-shadow:0 12px 28px #1623301a;box-shadow:0 12px 28px lab(12.9225% -2.26182 -10.321/.1)}.practice-dock-heading{grid-template-columns:minmax(220px,1fr) minmax(170px,.65fr) auto;align-items:center;gap:24px;max-width:1100px;margin:0 auto 10px;display:grid}.live-key-readout{align-items:center;gap:18px;min-width:0;display:flex}.live-key-readout>div{align-items:baseline;gap:12px;min-width:0;display:flex}.live-key-readout strong{color:var(--primary);font-family:var(--font-mono);letter-spacing:-.03em;white-space:nowrap;font-size:30px;font-weight:680}.live-key-readout span{color:var(--muted);font-size:14px}.next-key-readout{border-left:1px solid var(--line-strong);flex-direction:column;gap:5px;padding-left:22px;display:flex}.next-key-readout span{color:var(--muted);font-size:12px}.next-key-readout strong{font-family:var(--font-mono);font-size:18px}.next-key-readout small{color:var(--primary);font-size:12px;font-weight:700}.metronome-control{align-items:center;gap:13px;display:flex}.metronome{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:13px;display:flex}.metronome.active{color:var(--primary)}.beat{background:var(--faint);border-radius:50%;width:6px;height:6px}.metronome.active .beat{background:var(--primary)}.metronome-control label{flex-direction:column;gap:5px;display:flex}.metronome-control label span{color:var(--muted);font-family:var(--font-mono);font-size:11px}.metronome-control input{accent-color:var(--primary);width:120px}.piano{box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;background:#18232d;background:lab(12.9437% -2.04717 -8.64636);border-radius:12px;max-width:1100px;height:184px;margin:0 auto;padding:8px 8px 9px;position:relative;overflow:hidden}.practice-dock .piano{height:118px}.white-keys{height:100%;display:flex}.white-key{cursor:pointer;background:#fbf8f3;background:lab(97.7037% .317752 2.65046);border:0;border-left:1px solid oklch(74% .02 82);flex:1;justify-content:center;align-items:flex-end;padding:0 0 10px;display:flex;position:relative}.white-key:first-child{border-left:0;border-radius:5px 0 0 5px}.white-key:last-child{border-radius:0 5px 5px 0}.white-key span,.black-key span{color:var(--muted);font-family:var(--font-mono);pointer-events:none;font-size:11px;font-weight:680}.white-key.target:after{background:var(--primary);content:"";border-radius:50%;width:6px;height:6px;position:absolute;bottom:28px}.white-key.active{background:var(--primary-soft);box-shadow:inset 0 -8px #84b2e6;box-shadow:inset 0 -8px lab(70.7204% -5.73453 -31.3239)}.black-key{cursor:pointer;z-index:4;background:#121c26;background:lab(9.45811% -1.93688 -8.61478);border:0;border-radius:0 0 5px 5px;width:4.5%;height:61%;margin-left:-2.25%;padding:0 0 8px;position:absolute;top:8px;box-shadow:0 5px 8px #01040847;box-shadow:0 5px 8px lab(.884869% -.217319 -2.15163/.28)}.black-key span{color:#cbc3b6;color:lab(79.1819% 1.00842 7.64197);font-size:9px}.black-key.target:after{content:"";background:#7cb5f5;background:lab(71.7709% -6.0958 -38.0635);border-radius:50%;width:6px;height:6px;position:absolute;bottom:15px;left:calc(50% - 3px)}.black-key.active{background:var(--primary);transform:translateY(2px)}.keyboard-help{color:var(--muted);text-align:center;max-width:1100px;margin:8px auto 0;font-size:12px}.understanding-grid{grid-template-columns:1.2fr 1fr;gap:22px;max-width:1100px;margin:0 auto;padding:46px 42px 88px;display:grid}.understanding-grid.repertoire-understanding{grid-template-columns:minmax(0,1fr)}.microscope,.coach-card{border-top:1px solid var(--line-strong);padding-top:23px}.microscope-symbol{align-items:baseline;gap:15px;margin:28px 0 17px;display:flex}.microscope-symbol strong{font-family:var(--font-mono);font-size:19px}.microscope-symbol span{color:var(--primary);font-size:11px;font-weight:700}.microscope>p,.coach-card>p{color:var(--muted);line-height:1.65}.microscope-detail,.coach-card>div{background:var(--primary-soft);border-radius:11px;margin-top:21px;padding:15px}.microscope-detail span,.coach-card>div span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.microscope-detail p,.coach-card>div p{color:var(--muted);margin:7px 0 0;font-size:15px;line-height:1.6}.coach-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:23px}.coach-card h2{margin:8px 0 0;font-size:20px}.coach-card>strong{font-family:var(--font-mono);margin-top:18px;font-size:14px;display:block}.sketch-list{border-top:1px solid var(--line-strong)}.sketch-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px;min-height:132px;padding:20px 5px;display:grid}.sketch-row p{color:var(--primary);font-family:var(--font-mono);margin:0 0 8px;font-size:10px}.sketch-row h2{margin:0 0 7px;font-size:16px}.sketch-row span{color:var(--muted);font-size:10px}.sketch-notes{flex-wrap:wrap;gap:4px;display:flex}.sketch-notes i{background:var(--raised);border:1px solid var(--line);font-family:var(--font-mono);border-radius:6px;padding:4px 6px;font-size:8px;font-style:normal}.empty-state{border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;align-items:center;padding:70px 30px;display:flex}.empty-state>span{background:var(--primary-soft);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:23px;display:flex}.empty-state h2{margin:20px 0 7px}.empty-state p{color:var(--muted);max-width:48ch;margin:0 0 23px}.sketch-actions{flex-direction:column;gap:7px;display:flex}.lab-view{max-width:1240px;margin:0 auto;padding:64px 40px 96px}.lab-intro{margin-bottom:42px}.lab-tabs{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:38px;display:grid}.lab-tabs>button{border:0;border-top:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;min-height:76px;padding:13px 16px;display:flex}.lab-tabs>button+button{border-left:1px solid var(--line)}.lab-tabs>button:hover{background:var(--surface)}.lab-tabs>button.active{background:var(--primary-soft);color:var(--ink)}.lab-tabs>button>span{color:var(--primary);font-family:var(--font-mono);font-size:10px}.lab-tabs>button div{flex-direction:column;gap:5px;display:flex}.lab-tabs>button strong{font-size:14px}.lab-tabs>button small{color:var(--muted);font-size:10px}.theory-lab{gap:42px;display:grid}.theory-heading{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:42px;display:grid}.theory-heading h2{letter-spacing:-.035em;margin:8px 0 10px;font-size:27px}.theory-heading>div:first-child>p:last-child{color:var(--muted);max-width:68ch;margin:0;font-size:11px;line-height:1.55}.theory-key-controls,.builder-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theory-key-controls label,.builder-controls label{flex-direction:column;gap:6px;display:flex}.theory-key-controls span,.builder-controls span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:730}.theory-key-controls select,.builder-controls select{background:var(--raised);border:1px solid var(--line-strong);color:var(--ink);border-radius:9px;min-height:42px;padding:0 10px}.scale-map{border-bottom:1px solid var(--line-strong);border-top:1px solid var(--line-strong);grid-template-columns:230px 1fr;display:grid}.scale-map-copy{flex-direction:column;justify-content:center;padding:22px 24px 22px 0;display:flex}.scale-map-copy>span{color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;font-size:9px}.scale-map-copy strong{margin-top:8px;font-size:11px;line-height:1.45}.scale-map-copy p{color:var(--muted);margin:7px 0 0;font-size:8px;line-height:1.5}.scale-degrees{grid-template-columns:repeat(7,minmax(72px,1fr));display:grid}.scale-degrees button{border:0;border-left:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:0 0;flex-direction:column;min-height:126px;padding:16px 11px;display:flex}.scale-degrees button:hover{background:var(--surface)}.scale-degrees span{color:var(--primary);font-family:var(--font-mono);font-size:8px}.scale-degrees strong{margin:13px 0 6px;font-size:18px}.scale-degrees small{color:var(--muted);font-size:7px}.scale-degrees i{color:var(--muted);font-family:var(--font-mono);margin-top:auto;font-size:6px;font-style:normal}.theory-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:28px;display:grid}.diatonic-harmony{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:22px}.theory-section-heading{justify-content:space-between;align-items:flex-end;display:flex}.theory-section-heading h3,.builder-heading h3,.challenge-brief h3,.theory-transfer h3{letter-spacing:-.02em;margin:7px 0 0;font-size:19px}.harmony-family{grid-template-columns:repeat(7,minmax(68px,1fr));margin-top:20px;display:grid}.harmony-family button{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-left:0;flex-direction:column;min-height:98px;padding:10px;display:flex}.harmony-family button:first-child{border-left:1px solid var(--line);border-radius:9px 0 0 9px}.harmony-family button:last-child{border-radius:0 9px 9px 0}.harmony-family button:hover{background:var(--primary-soft)}.harmony-family button.active{background:var(--primary-soft);border-color:var(--primary)}.harmony-family span{color:var(--primary);font-family:var(--font-mono);font-size:9px}.harmony-family strong{margin:8px 0 4px;font-size:10px}.harmony-family small{color:var(--muted);font-size:6px}.harmony-family i{color:var(--muted);margin-top:auto;font-size:6px;font-style:normal}.harmony-microscope{border-top:1px solid var(--line);grid-template-columns:170px 1fr auto;align-items:center;gap:24px;margin-top:20px;padding-top:18px;display:grid}.harmony-microscope>div{flex-direction:column;gap:5px;display:flex}.harmony-microscope span,.degree-tendency span,.built-chord>div:not(.chord-symbol)>span{color:var(--primary);text-transform:uppercase;font-size:7px;font-weight:750}.harmony-microscope strong{font-size:12px}.harmony-microscope small{color:var(--muted);font-size:7px}.harmony-microscope p,.degree-tendency p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.degree-tendency{background:var(--primary-soft);border-radius:9px;margin-top:14px;padding:12px}.degree-tendency p{margin-top:5px}.theory-transfer{border-top:1px solid var(--line-strong);padding-top:18px}.theory-transfer>p:not(.eyebrow){color:var(--muted);font-size:9px;line-height:1.6}.theory-transfer ol{margin:18px 0;padding:0;list-style:none}.theory-transfer li{border-top:1px solid var(--line);grid-template-columns:18px 1fr;gap:9px;padding:10px 0;font-size:8px;line-height:1.5;display:grid}.theory-transfer li span{color:var(--primary);font-family:var(--font-mono)}.theory-transfer>div{background:var(--success-soft);border-radius:9px;flex-direction:column;gap:6px;padding:12px;display:flex}.theory-transfer>div span{color:var(--success);text-transform:uppercase;font-size:7px;font-weight:750}.theory-transfer>div strong{font-size:8px;line-height:1.5}.chord-builder{border-top:1px solid var(--line-strong);padding-top:26px}.builder-heading{justify-content:space-between;align-items:end;display:flex}.builder-heading p:last-child{color:var(--muted);margin:7px 0 0;font-size:9px}.builder-controls{grid-template-columns:130px minmax(220px,1fr) 170px;max-width:720px;margin-top:22px}.built-chord{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:180px repeat(3,1fr);margin-top:20px;display:grid}.built-chord>div{border-left:1px solid var(--line);min-height:145px;padding:18px}.built-chord>div:first-child{border-left:0;padding-left:0}.chord-symbol{flex-direction:column;display:flex}.chord-symbol strong{letter-spacing:-.035em;font-size:27px}.chord-symbol span{font-family:var(--font-mono);margin-top:12px;font-size:9px}.chord-symbol small{color:var(--muted);margin-top:7px;font-size:7px}.built-chord p{color:var(--muted);margin:9px 0 0;font-size:8px;line-height:1.55}.theory-challenge{background:var(--raised);border:1px solid var(--line);border-radius:16px;grid-template-columns:260px 1fr;gap:20px 28px;padding:22px;display:grid}.challenge-brief{grid-row:1/span 3}.challenge-brief>p:not(.eyebrow){color:var(--muted);font-size:9px;line-height:1.55}.challenge-brief>strong{color:var(--primary);font-size:8px}.pitch-response{grid-template-columns:repeat(12,1fr);display:grid}.pitch-response button{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-left:0;min-height:58px;padding:8px 3px}.pitch-response button:first-child{border-left:1px solid var(--line);border-radius:8px 0 0 8px}.pitch-response button:last-child{border-radius:0 8px 8px 0}.pitch-response button:hover{background:var(--primary-soft)}.pitch-response button.active{background:var(--primary);color:var(--raised)}.pitch-response strong{font-size:8px;display:block}.pitch-response small{min-height:7px;margin-top:5px;font-size:6px;display:block}.challenge-check{align-items:center;gap:8px;display:flex}.challenge-check>div{flex-direction:column;gap:4px;margin-right:auto;display:flex}.challenge-check span{color:var(--muted);font-size:7px}.challenge-check strong{font-family:var(--font-mono);font-size:8px}.challenge-feedback{border-radius:9px;grid-template-columns:180px 1fr auto;align-items:start;gap:15px;padding:13px;display:grid}.challenge-feedback.correct{background:var(--success-soft)}.challenge-feedback.incorrect{background:var(--warning-soft)}.challenge-feedback>div{flex-direction:column;gap:4px;display:flex}.challenge-feedback strong{font-size:9px}.challenge-feedback span,.challenge-feedback p{color:var(--muted);font-size:8px;line-height:1.5}.challenge-feedback p{margin:0}.ear-lab{grid-template-columns:240px minmax(0,1fr) 190px;gap:24px;display:grid}.lab-brief{border-top:1px solid var(--line-strong);padding-top:21px}.lab-brief h2{margin:10px 0 22px;font-size:19px;line-height:1.25}.lab-brief ol{margin:0;padding:0;list-style:none}.lab-brief li{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:10px;padding:13px 0;font-size:11px;line-height:1.55;display:flex}.lab-brief li span{color:var(--primary);font-family:var(--font-mono)}.lab-brief>p:last-child{background:var(--primary-soft);color:var(--muted);border-radius:10px;margin:18px 0 0;padding:13px;font-size:10px;line-height:1.55}.ear-workbench{background:var(--raised);border:1px solid var(--line);border-radius:16px;min-height:520px;padding:22px}.lab-mode-switch{background:var(--canvas);border-radius:9px;padding:3px;display:inline-flex}.lab-mode-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:31px;padding:0 11px;font-size:10px;font-weight:700}.lab-mode-switch button.active{background:var(--raised);color:var(--primary);box-shadow:0 1px 4px #16233014;box-shadow:0 1px 4px lab(12.9225% -2.26182 -10.321/.08)}.ear-question{text-align:center;flex-direction:column;align-items:center;min-height:240px;padding:36px 20px 24px;display:flex}.ear-question>span{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:9px}.ear-question h2{letter-spacing:-.035em;margin:13px 0 28px;font-size:25px}.listen-orb{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;transition:transform .16s cubic-bezier(.22,1,.36,1);display:flex}.listen-orb:hover{transform:scale(1.035)}.listen-orb i{margin-left:3px;font-size:18px;font-style:normal}.listen-orb small{opacity:.75;margin-top:5px;font-size:8px}.ear-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ear-choices button{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:9px;min-height:48px;padding:0 12px;display:flex}.ear-choices button:hover{border-color:var(--primary)}.ear-choices button span{color:var(--faint)}.ear-choices button strong{text-transform:capitalize;font-size:11px}.ear-choices button.correct{background:var(--success-soft);border-color:var(--success)}.ear-choices button.incorrect{border-color:var(--error)}.ear-explanation{background:#ffedea;background:lab(95.1864% 5.96726 3.65481);border-radius:11px;margin-top:15px;padding:15px}.ear-explanation.correct{background:var(--success-soft)}.ear-explanation>div{justify-content:space-between;display:flex}.ear-explanation>div span{color:var(--muted);font-size:9px}.ear-explanation p{color:var(--muted);font-size:10px;line-height:1.55}.ear-explanation .primary-button{min-height:35px}.ear-score{border-top:1px solid var(--line-strong);padding-top:10px}.ear-score>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 0;display:flex}.ear-score span{color:var(--muted);font-size:10px}.ear-score strong{font-family:var(--font-mono);font-size:13px}.ear-score p{color:var(--muted);margin-top:18px;font-size:9px;line-height:1.55}.technique-lab{flex-direction:column;gap:24px;display:flex}.technique-header{border-top:1px solid var(--line-strong);justify-content:space-between;align-items:flex-start;padding-top:25px;display:flex}.technique-header h2{letter-spacing:-.035em;margin:9px 0;font-size:25px}.technique-header>div>p:last-child{color:var(--muted);max-width:68ch;margin:0;line-height:1.6}.technique-modes{grid-template-columns:repeat(3,1fr);display:grid}.technique-modes button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:5px;min-height:74px;padding:13px 15px;display:flex}.technique-modes button+button{border-left:0}.technique-modes button.active{background:var(--primary-soft);color:var(--primary)}.technique-modes strong{font-size:12px}.technique-modes small{color:var(--muted);font-size:9px}.technique-capture{color:var(--raised);background:#17212c;background:lab(12.3629% -2.03078 -8.64148);border-radius:16px;grid-template-columns:150px 1fr 170px;gap:24px;min-height:210px;padding:25px;display:grid}.capture-status{grid-template-columns:auto 1fr;align-content:center;display:grid}.capture-status .recording{grid-column:1/-1;margin-bottom:22px}.capture-status>strong{font-family:var(--font-mono);font-size:32px}.capture-status>small{color:#a5afba;color:lab(70.9783% -2.08899 -7.09087);align-self:end;padding:0 0 6px 7px;font-size:8px}.velocity-trace{border-bottom:1px solid #95a0ab4d;border-bottom:1px solid lab(65.1777% -2.07776 -7.08538/.3);align-items:flex-end;gap:3px;min-height:150px;padding-top:20px;display:flex}.velocity-trace i{background:#6aa2e1;background:lab(64.7868% -5.62972 -37.9633);border-radius:2px 2px 0 0;flex:1;min-width:3px;max-width:16px}.velocity-trace p{color:#9ba6b1;color:lab(67.498% -2.08244 -7.08767);align-self:center;margin:0 auto;font-size:10px}.capture-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:8px;display:flex}.capture-actions .quiet-button{color:#b4bfca;color:lab(76.7788% -2.0988 -7.09569)}.technique-results{grid-template-columns:repeat(3,1fr) 1.4fr;gap:12px;display:grid}.technique-metric,.technique-advice{background:var(--raised);border:1px solid var(--line);border-radius:13px;align-items:center;gap:13px;min-height:118px;padding:15px;display:flex}.metric-dial{background:conic-gradient(var(--primary) var(--metric), var(--line) 0);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.metric-dial:before{background:var(--raised);content:"";border-radius:50%;width:48px;height:48px;position:absolute}.metric-dial span{font-family:var(--font-mono);font-size:9px;position:relative}.technique-metric>div:last-child{flex-direction:column;flex:1;gap:6px;display:flex}.technique-metric strong{font-size:11px}.technique-metric small{color:var(--muted);font-size:8px;line-height:1.4}.technique-advice{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.technique-advice>p:nth-child(2){color:var(--muted);margin:0;font-size:10px;line-height:1.5}.technique-advice span{color:var(--primary);font-size:8px}.improv-lab{flex-direction:column;gap:27px;display:flex}.improv-heading{border-top:1px solid var(--line-strong);grid-template-columns:1fr 270px;align-items:flex-start;gap:40px;padding-top:25px;display:grid}.improv-heading h2{letter-spacing:-.035em;margin:9px 0;font-size:25px}.improv-heading>div>p:last-child{color:var(--muted);max-width:68ch;margin:0;line-height:1.6}.improv-heading>span{background:var(--primary-soft);color:var(--muted);border-radius:10px;padding:13px;font-size:9px;line-height:1.55}.improv-scenarios{grid-template-columns:repeat(4,1fr);display:grid}.improv-scenarios button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:25px 1fr;gap:5px;min-height:82px;padding:13px;display:grid}.improv-scenarios button+button{border-left:0}.improv-scenarios button.active{background:var(--primary-soft);border-color:#9abbe0;border-color:lab(74.3183% -4.91658 -22.8527)}.improv-scenarios button>span{color:var(--primary);font-family:var(--font-mono);grid-row:1/span 2;font-size:9px}.improv-scenarios strong{font-size:11px}.improv-scenarios small{color:var(--muted);font-size:8px;line-height:1.4}.improv-workspace{grid-template-columns:220px minmax(0,1fr) 190px;gap:20px;display:grid}.improv-brief,.improv-evidence{border-top:1px solid var(--line-strong);padding-top:19px}.improv-brief h3{margin:9px 0 15px;font-size:17px}.improv-brief>p:nth-child(3){color:var(--ink);font-size:11px;line-height:1.6}.improv-brief>div{border-top:1px solid var(--line);margin:18px 0;padding-top:15px}.improv-brief>div span{color:var(--primary);text-transform:uppercase;font-size:8px;font-weight:750}.improv-brief>div p{color:var(--muted);font-size:9px;line-height:1.55}.improv-capture{color:var(--raised);background:#17212c;background:lab(12.3629% -2.03078 -8.64148);border-radius:16px;padding:18px;overflow:hidden}.improv-context-line{display:flex}.improv-context-line>div{border-left:1px solid #95a0ab40;border-left:1px solid lab(65.1777% -2.07776 -7.08538/.25);flex-direction:column;flex:1;gap:4px;padding:5px 10px;display:flex}.improv-context-line>div:first-child{border-left:0;padding-left:0}.improv-context-line strong{font-family:var(--font-mono);font-size:10px}.improv-context-line span{color:#a2acb7;color:lab(69.8182% -2.08685 -7.08982);font-size:7px}.phrase-canvas{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#b4bfca17 calc(25% - 1px) 25%);background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),lab(76.7788% -2.0988 -7.09569/.09) calc(25% - 1px) 25%);border-bottom:1px solid #a5afba38;border-bottom:1px solid lab(70.9783% -2.08899 -7.09087/.22);height:210px;margin-top:15px;position:relative}.phrase-canvas>i{background:#67acf7;background:lab(68.1427% -5.70959 -44.6836);border:1px solid #a5cffe;border:1px solid lab(81.2251% -5.74556 -28.0282);border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,50%)}.phrase-canvas>p{color:#a5afba;color:lab(70.9783% -2.08899 -7.09087);text-align:center;width:80%;max-width:42ch;margin:0;font-size:10px;line-height:1.55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.improv-palette{gap:5px;padding:14px 0;display:flex;overflow-x:auto}.improv-palette button{color:#d8d4cc;color:lab(84.9592% .568152 4.55909);cursor:pointer;background:#242f3a;background:lab(18.7505% -2.17971 -8.68827);border:1px solid #596571;border:1px solid lab(41.9638% -2.43716 -8.7846);border-radius:7px;flex-direction:column;flex:1 0 54px;gap:3px;min-height:45px;padding:7px;display:flex}.improv-palette button.chord-tone{background:#1d4f82;background:lab(32.1944% -2.24207 -34.0523);border-color:#75a2d5;border-color:lab(64.9071% -5.47773 -31.2584)}.improv-palette strong{font-family:var(--font-mono);font-size:9px}.improv-palette small{color:#a2acb7;color:lab(69.8182% -2.08685 -7.08982);font-size:7px}.improv-controls{border-top:1px solid #a5afba38;border-top:1px solid lab(70.9783% -2.08899 -7.09087/.22);align-items:center;gap:12px;padding-top:14px;display:flex}.improv-controls>span{color:#a5afba;color:lab(70.9783% -2.08899 -7.09087);margin-right:auto;font-size:8px}.improv-controls .quiet-button{color:#bbc5d1;color:lab(79.099% -2.10238 -7.09748)}.improv-controls .stop{background:#c04d42;background:lab(48.6899% 46.5222 31.0246)}.improv-evidence dl{margin:8px 0 0}.improv-evidence dl>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;display:flex}.improv-evidence dt{color:var(--muted);font-size:9px}.improv-evidence dd{font-family:var(--font-mono);margin:0;font-size:10px}.improv-evidence>p:last-child{color:var(--muted);font-size:8px;line-height:1.55}.improv-coaching{background:var(--primary-soft);border:1px solid #b0c7e1;border:1px solid lab(79.0291% -3.80537 -15.9689);border-radius:14px;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:28px;padding:22px;display:grid}.improv-coaching h3{margin:8px 0 0;font-size:15px;line-height:1.45}.improv-coaching>div:nth-child(2) span{color:var(--primary);text-transform:uppercase;font-size:8px;font-weight:750}.improv-coaching>div:nth-child(2) p{color:var(--muted);margin:7px 0 0;font-size:9px;line-height:1.55}.improv-result-actions{flex-direction:column;gap:7px;display:flex}.harmony-lab{flex-direction:column;gap:25px;display:flex}.harmony-heading{border-top:1px solid var(--line-strong);grid-template-columns:1fr 170px;align-items:flex-start;gap:35px;padding-top:25px;display:grid}.harmony-heading h2{letter-spacing:-.035em;margin:9px 0;font-size:25px}.harmony-heading>div>p:last-child{color:var(--muted);max-width:70ch;margin:0;line-height:1.6}.harmony-heading label{flex-direction:column;gap:7px;display:flex}.harmony-heading label span{color:var(--muted);text-transform:uppercase;font-size:8px}.harmony-heading select{background:var(--raised);border:1px solid var(--line);border-radius:9px;min-height:40px;padding:0 10px}.harmony-presets{grid-template-columns:repeat(5,1fr);display:grid}.harmony-presets button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:6px;min-height:94px;padding:13px;display:flex}.harmony-presets button+button{border-left:0}.harmony-presets button.active{background:var(--primary-soft);border-color:#9abbe0;border-color:lab(74.3183% -4.91658 -22.8527)}.harmony-presets span{color:var(--primary);text-transform:uppercase;font-size:7px;font-weight:700}.harmony-presets strong{font-size:10px}.harmony-presets small{color:var(--muted);font-size:7px;line-height:1.45}.progression-builder{grid-template-columns:minmax(0,1.6fr) 250px;gap:22px;display:grid}.progression-slots{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.progression-slots>button{background:var(--raised);border:1px solid var(--line);cursor:pointer;text-align:left;grid-template-columns:25px 1fr 10px;gap:5px;min-height:108px;padding:13px;display:grid;position:relative}.progression-slots>button+button{border-left:0}.progression-slots>button.selected{background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.progression-slots>button>span{border:1px solid var(--line-strong);color:var(--muted);font-family:var(--font-mono);border-radius:50%;grid-row:1/span 3;justify-content:center;align-items:center;width:23px;height:23px;font-size:8px;display:flex}.progression-slots strong{font-family:var(--font-mono);font-size:15px}.progression-slots b{font-size:10px}.progression-slots small{color:var(--muted);font-size:7px;line-height:1.4}.progression-slots i{background:var(--primary);grid-area:1/3/span 3;align-self:end;width:4px;min-height:5px;max-height:68px;bottom:11px}.chord-editor{border-top:1px solid var(--line-strong);padding-top:18px}.editor-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.editor-title h3{margin:7px 0 0;font-size:17px}.inversion-switch{background:var(--surface);border-radius:8px;padding:3px;display:flex}.inversion-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:29px;padding:0 9px;font-size:8px}.inversion-switch button.active{background:var(--raised);color:var(--primary);box-shadow:0 1px 3px #0f171f14;box-shadow:0 1px 3px lab(7.18439% -1.49957 -6.86639/.08)}.degree-palette{grid-template-columns:repeat(7,1fr);margin-top:18px;display:grid}.degree-palette button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:4px;min-height:73px;padding:9px;display:flex}.degree-palette button+button{border-left:0}.degree-palette button.active{background:var(--primary-soft);color:var(--primary)}.degree-palette strong{font-family:var(--font-mono);font-size:11px}.degree-palette span{font-size:8px}.degree-palette small{color:var(--muted);font-size:6px;line-height:1.3}.chord-mechanism{border-top:1px solid var(--line);grid-template-columns:200px 1fr;align-items:flex-start;gap:30px;margin-top:17px;padding-top:15px;display:grid}.chord-mechanism>div{flex-direction:column;gap:6px;display:flex}.chord-mechanism span{color:var(--muted);text-transform:uppercase;font-size:7px}.chord-mechanism strong{font-family:var(--font-mono);font-size:10px}.chord-mechanism p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.harmony-analysis{border-top:1px solid var(--line-strong);padding-top:18px}.harmony-analysis h3{margin:8px 0 15px;font-size:15px;line-height:1.4}.harmony-analysis dl{margin:0}.harmony-analysis dl>div{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.harmony-analysis dt{color:var(--muted);font-size:8px}.harmony-analysis dd{text-align:right;margin:0;font-size:8px;font-weight:700}.harmony-analysis>div{background:var(--primary-soft);border-radius:9px;margin-top:10px;padding:11px}.harmony-analysis>div span{color:var(--primary);text-transform:uppercase;font-size:7px;font-weight:750}.harmony-analysis>div p{color:var(--muted);margin:6px 0 0;font-size:8px;line-height:1.5}.harmony-transport{border-top:1px solid var(--line-strong);align-items:center;gap:8px;padding-top:18px;display:flex}.harmony-transport label{flex-direction:column;gap:5px;display:flex}.harmony-transport label span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.harmony-transport input{accent-color:var(--primary);width:100px}.harmony-transport>p{color:var(--muted);max-width:42ch;margin:0 auto 0 15px;font-size:8px;line-height:1.45}.sketchbook-intro{justify-content:space-between;align-items:flex-end;display:flex}.sketchbook-intro>div{max-width:720px}.project-library{border-top:1px solid var(--line-strong);margin-top:52px;padding-top:27px}.source-library{margin-top:58px}.library-heading{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.library-heading h2{letter-spacing:-.025em;margin:8px 0 0;font-size:22px}.library-heading>span{color:var(--muted);font-family:var(--font-mono);font-size:9px}.project-empty{background:var(--primary-soft);border-radius:14px;justify-content:space-between;align-items:center;padding:24px;display:flex}.project-empty strong{font-size:15px;display:block}.project-empty p{color:var(--muted);max-width:70ch;margin:7px 24px 0 0;font-size:11px;line-height:1.55}.project-list{border-top:1px solid var(--line)}.project-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px auto;align-items:center;gap:24px;min-height:132px;padding:20px 0;display:grid}.project-list article>div:first-child>span{color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;font-size:8px}.project-list h3{margin:8px 0 5px;font-size:17px}.project-list p{color:var(--muted);max-width:70ch;margin:0;font-size:10px;line-height:1.5}.project-list-progress{flex-direction:column;gap:8px;display:flex}.project-list-progress>span{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.project-list-progress i{background:var(--primary);height:100%;display:block}.project-list-progress small{color:var(--muted);font-size:8px}.project-studio{max-width:1360px;margin:0 auto;padding:28px 40px 100px}.project-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.project-topbar>span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.project-topbar>div{gap:8px;display:flex}.project-heading{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:60px;margin:48px 0 36px;display:grid}.project-heading>div{max-width:780px}.project-heading input{color:var(--ink);letter-spacing:-.045em;background:0 0;border:0;border-bottom:1px solid #0000;width:100%;margin:10px 0 12px;padding:0 0 5px;font-size:42px;font-weight:690;line-height:1.08;display:block}.project-heading input:hover,.project-heading input:focus{border-bottom-color:var(--line-strong)}.project-heading>div>p:last-child{color:var(--muted);max-width:70ch;margin:0;font-size:14px;line-height:1.6}.project-heading>label,.section-editor-heading>label{flex-direction:column;gap:7px;display:flex}.project-heading label>span,.section-editor-heading label>span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:730}.project-heading select,.section-editor-heading select,.project-fields select,.section-plan-grid select{background:var(--raised);border:1px solid var(--line-strong);color:var(--ink);border-radius:9px;width:100%;min-height:40px;padding:0 11px;font-size:11px}.project-heading small,.project-fields small,.section-plan-grid small{color:var(--muted);font-size:8px;line-height:1.45}.form-map{border-bottom:1px solid var(--line-strong);border-top:1px solid var(--line-strong);grid-template-columns:190px repeat(4,minmax(0,1fr));display:grid}.form-map-intro{flex-direction:column;justify-content:center;gap:7px;padding:18px 18px 18px 0;display:flex}.form-map-intro span{color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;font-size:8px}.form-map-intro strong{font-size:11px;line-height:1.35}.form-map>button{border:0;border-left:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:0 0;flex-direction:column;min-height:96px;padding:16px;transition:background .18s cubic-bezier(.22,1,.36,1);display:flex}.form-map>button:hover{background:var(--surface)}.form-map>button.active{background:var(--primary-soft)}.form-map>button span{color:var(--primary);font-family:var(--font-mono);font-size:8px}.form-map>button strong{margin:9px 0 5px;font-size:12px}.form-map>button small{color:var(--muted);font-size:8px}.project-workspace{grid-template-columns:minmax(0,1fr) 285px;gap:30px;margin-top:34px;display:grid}.section-editor{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:24px;overflow:hidden}.section-editor-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:20px;display:flex}.section-editor-heading h2{letter-spacing:-.025em;margin:8px 0 5px;font-size:22px}.section-editor-heading p:last-child{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.section-editor-heading label{width:100px}.project-fields{gap:22px;padding-top:22px;display:grid}.project-source,.section-plan-grid label,.listening-note{flex-direction:column;gap:8px;display:flex}.project-source>span,.section-plan-grid label>span,.listening-note>span,.transform-choices legend{color:var(--ink);font-size:9px;font-weight:750}.transform-choices{border:0;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;display:grid}.transform-choices legend{margin-bottom:9px}.transform-choices button{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:9px;flex-direction:column;min-height:62px;padding:10px;display:flex}.transform-choices button:hover{border-color:var(--primary)}.transform-choices button.active{background:var(--primary-soft);border-color:var(--primary)}.transform-choices strong{font-size:9px}.transform-choices small{color:var(--muted);margin-top:6px;font-size:7px}.why-transform{background:var(--primary-soft);border-radius:10px;grid-template-columns:90px 1fr auto;align-items:center;gap:10px 16px;padding:13px;display:grid}.why-transform>span{color:var(--primary);text-transform:uppercase;font-size:8px;font-weight:750}.why-transform p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.section-plan-grid{grid-template-columns:1fr 1fr 170px;gap:16px;display:grid}.section-plan-grid textarea,.listening-note textarea,.arrangement-roles textarea,.revision-entry textarea{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);font:inherit;resize:vertical;border-radius:9px;padding:10px;font-size:10px;line-height:1.5}.project-coach{border-top:1px solid var(--line-strong);padding-top:21px}.project-coach h2{margin:8px 0 13px;font-size:19px;line-height:1.3}.project-progress{background:var(--line);border-radius:999px;height:5px;overflow:hidden}.project-progress i{background:var(--primary);height:100%;transition:width .18s cubic-bezier(.22,1,.36,1);display:block}.project-coach>p:not(.eyebrow){color:var(--muted);font-size:10px;line-height:1.6}.next-revision{background:var(--primary-soft);border-radius:10px;margin:16px 0;padding:13px}.next-revision span,.brief-question span{color:var(--primary);text-transform:uppercase;font-size:7px;font-weight:760}.next-revision strong{margin-top:7px;font-size:10px;line-height:1.55;display:block}.project-coach ol{margin:0;padding:0;list-style:none}.project-coach li{border-top:1px solid var(--line);color:var(--muted);padding:10px 0 10px 22px;font-size:9px;position:relative}.project-coach li:before{border:1px solid var(--line-strong);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:10px;left:0}.project-coach li.done{color:var(--ink)}.project-coach li.done:before{background:var(--success);border-color:var(--success);box-shadow:inset 0 0 0 3px var(--raised)}.brief-question{border-top:1px solid var(--line-strong);margin-top:18px;padding-top:16px}.brief-question p{margin:7px 0 0;font-size:10px;line-height:1.55}.arrangement-plan{border-top:1px solid var(--line-strong);margin-top:54px;padding-top:26px}.arrangement-heading{justify-content:space-between;align-items:end;display:flex}.arrangement-heading h2{letter-spacing:-.03em;margin:8px 0 0;font-size:23px}.arrangement-heading>p{color:var(--muted);max-width:44ch;margin:0;font-size:9px;line-height:1.5}.arrangement-roles{grid-template-columns:repeat(4,1fr);margin-top:23px;display:grid}.arrangement-roles label{border-left:1px solid var(--line);flex-direction:column;gap:10px;padding:17px;display:flex}.arrangement-roles label:first-child{border-left:0;padding-left:0}.arrangement-roles span{color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;font-size:8px}.arrangement-roles textarea{background:0 0;border-color:#0000;padding:0}.arrangement-roles textarea:hover,.arrangement-roles textarea:focus{background:var(--raised);border-color:var(--line);padding:9px}.revision-ledger{border-top:1px solid var(--line-strong);grid-template-columns:250px minmax(300px,1fr) minmax(260px,1fr);gap:35px;margin-top:54px;padding-top:27px;display:grid}.revision-ledger h2{margin:8px 0;font-size:19px}.revision-ledger>div:first-child>p:last-child{color:var(--muted);font-size:9px;line-height:1.5}.revision-entry{flex-direction:column;gap:9px;display:flex}.revision-entry button{align-self:flex-start}.revision-history{max-height:190px;overflow:auto}.revision-history>p{color:var(--muted);font-size:9px;line-height:1.5}.revision-history article{border-top:1px solid var(--line);grid-template-columns:44px 1fr;gap:14px;padding:10px 0;display:grid}.revision-history time{color:var(--primary);font-family:var(--font-mono);font-size:7px}.revision-history p{margin:0;font-size:9px;line-height:1.5}.composition-workbench{max-width:1320px;margin:0 auto;padding:28px 40px 96px}.workbench-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.workbench-topbar>span{color:var(--muted);font-size:9px}.workbench-topbar>div{gap:8px;display:flex}.workbench-title{max-width:760px;margin:50px 0 35px}.workbench-title textarea{color:var(--ink);letter-spacing:-.045em;resize:none;background:0 0;border:0;border-bottom:1px solid #0000;width:100%;margin:10px 0 12px;padding:0 0 4px;font-size:42px;font-weight:690;line-height:1.08;display:block;overflow:hidden}.workbench-title textarea:hover,.workbench-title textarea:focus{border-bottom-color:var(--line-strong)}.workbench-title>p:last-child{color:var(--muted);line-height:1.55}.workbench-grid{grid-template-columns:minmax(0,1fr) 280px;gap:22px;display:grid}.piano-roll-editor{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:22px;overflow:hidden}.editor-heading{justify-content:space-between;align-items:flex-start;display:flex}.editor-heading h2{margin:8px 0 0;font-size:19px}.editor-heading label{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.editor-heading label span{color:var(--muted);font-family:var(--font-mono);font-size:9px}.editor-heading input{accent-color:var(--primary)}.piano-roll{background:#17212c;background:lab(12.3629% -2.03078 -8.64148);border-radius:11px;height:290px;margin:24px 0 14px;position:relative;overflow:hidden}.piano-roll>p{color:#a5afba;color:lab(70.9783% -2.08899 -7.09087);padding:30px;font-size:11px}.roll-lines{position:absolute;inset:0}.roll-lines i{border-top:1px solid #b4bfca1c;border-top:1px solid lab(76.7788% -2.0988 -7.09569/.11);position:absolute;left:0;right:0}.piano-roll>button{color:#fff;cursor:pointer;background:#589ce6;background:lab(62.3115% -5.11083 -44.5801);border:1px solid #98c2f0;border:1px solid lab(76.5787% -5.62221 -27.9907);border-radius:4px;min-width:8px;height:20px;padding:0;position:absolute;bottom:0;overflow:visible}.piano-roll>button.selected{z-index:2;background:#d3a329;background:lab(70.0178% 10.5903 64.5578);border-color:#fdd990;border-color:lab(88.6402% 5.6459 41.0037)}.piano-roll>button span{font-family:var(--font-mono);white-space:nowrap;background:#0f171f;background:lab(7.18439% -1.49957 -6.86639);border-radius:4px;padding:3px 5px;font-size:7px;display:none;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.piano-roll>button:hover span,.piano-roll>button.selected span{display:block}.edit-tools{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.edit-tools>div{flex-direction:column;gap:4px;margin-right:auto;display:flex}.edit-tools>div span{color:var(--muted);font-size:8px}.edit-tools>div strong{font-size:10px}.edit-tools>button,.transform-row button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:7px;min-height:30px;padding:0 8px;font-size:8px}.edit-tools>button:hover,.transform-row button:hover{border-color:var(--primary)}.transform-row{border-top:1px solid var(--line);gap:5px;margin-top:16px;padding-top:16px;display:flex}.transform-row>span{color:var(--muted);align-self:center;margin-right:auto;font-size:8px}.composition-analysis{border-top:1px solid var(--line-strong);padding-top:21px}.composition-analysis h2{margin:9px 0 21px;font-size:19px;line-height:1.25}.composition-analysis dl{margin:0}.composition-analysis dl>div{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.composition-analysis dt{color:var(--muted);font-size:9px}.composition-analysis dd{text-align:right;margin:0;font-size:9px;font-weight:700}.analysis-observation{background:var(--primary-soft);border-radius:10px;margin-top:17px;padding:14px}.analysis-observation span{color:var(--primary);text-transform:uppercase;font-size:8px;font-weight:750}.analysis-observation p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.55}.production-map{border-top:1px solid var(--line-strong);margin-top:48px;padding-top:27px}.production-map-heading{justify-content:space-between;align-items:flex-end;display:flex}.production-map-heading h2{letter-spacing:-.03em;margin:8px 0 0;font-size:23px}.production-roles{grid-template-columns:repeat(4,1fr);margin-top:25px;display:grid}.production-roles article{border-left:1px solid var(--line);min-height:170px;padding:18px}.production-roles article:first-child{border-left:0;padding-left:0}.production-roles article span{color:var(--primary);font-family:var(--font-mono);font-size:8px}.production-roles article strong{margin:12px 0;font-size:12px;line-height:1.4;display:block}.production-roles article p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.progress-overview{border-bottom:1px solid var(--line-strong);border-top:1px solid var(--line-strong);grid-template-columns:260px 1fr;align-items:center;min-height:300px;display:grid}.progress-ring{background:conic-gradient(var(--primary) var(--progress), var(--line) 0);border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex}.progress-ring>div{background:var(--canvas);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.progress-ring strong{font-family:var(--font-mono);font-size:28px}.progress-ring span{color:var(--muted);margin-top:4px;font-size:10px}.progress-facts{grid-template-columns:repeat(4,1fr);display:grid}.progress-facts div{border-left:1px solid var(--line);flex-direction:column;gap:7px;min-height:95px;padding:18px 28px;display:flex}.progress-facts strong{font-family:var(--font-mono);font-size:28px}.progress-facts span{color:var(--muted);font-size:11px}.musicianship-map{margin-top:50px}.evidence-grid{border-bottom:1px solid var(--line-strong);border-top:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.evidence-grid article{border-left:1px solid var(--line);min-height:160px;padding:24px}.evidence-grid article:first-child{border-left:0;padding-left:0}.evidence-grid article>strong{font-family:var(--font-mono);margin:18px 0 9px;font-size:22px;display:block}.evidence-grid article>span{color:var(--muted);font-size:10px;line-height:1.5}.skill-row{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr 50px 120px;align-items:center;gap:22px;min-height:64px;display:grid}.skill-row>span{font-size:13px;font-weight:650}.skill-row>div{background:var(--line);border-radius:999px;height:5px;overflow:hidden}.skill-row>div i{background:var(--primary);height:100%;display:block}.skill-row>strong{font-family:var(--font-mono);text-align:right;font-size:11px}.skill-row>small{color:var(--muted);font-size:10px}.progress-principle{background:var(--primary-soft);border-radius:14px;align-items:flex-start;gap:35px;margin-top:46px;padding:24px;display:flex}.progress-principle span{color:var(--primary);white-space:nowrap;font-size:11px;font-weight:750}.progress-principle p{color:var(--muted);margin:0;line-height:1.55}.performance-principle{background:var(--success-soft);margin-top:12px}.performance-principle span{color:var(--success)}.placement-view{max-width:1200px;margin:0 auto;padding:28px 40px 96px}.placement-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.placement-topbar>span{color:var(--muted);font-size:9px}.placement-heading{max-width:780px;margin:52px 0 40px}.placement-heading h1{letter-spacing:-.047em;margin:13px 0 18px;font-size:46px;line-height:1.06}.placement-heading>p:last-child{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.placement-progress{border-bottom:1px solid var(--line-strong);border-top:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);margin-bottom:34px;display:grid}.placement-progress>div{border-left:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:flex}.placement-progress>div:first-child{border-left:0}.placement-progress i{border:1px solid var(--line-strong);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:8px;font-style:normal;display:flex}.placement-progress span{font-size:10px;font-weight:680}.placement-progress .active{background:var(--primary-soft);color:var(--primary)}.placement-progress .complete i{background:var(--success-soft);border-color:var(--success);color:var(--success)}.placement-intro-card{background:var(--raised);border:1px solid var(--line);border-radius:17px;grid-template-columns:1fr 320px;align-items:center;gap:36px;padding:34px;display:grid}.placement-intro-card h2{letter-spacing:-.035em;margin:9px 0 12px;font-size:27px}.placement-intro-card>div>p:last-child{color:var(--muted);line-height:1.6}.placement-intro-card ol{margin:0;padding:0;list-style:none}.placement-intro-card li{border-top:1px solid var(--line);gap:13px;padding:13px 0;font-size:11px;display:flex}.placement-intro-card li span{color:var(--primary);font-family:var(--font-mono);font-size:8px}.placement-intro-card>.primary-button{grid-column:1/-1;justify-self:start}.placement-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:22px;display:grid}.placement-task{background:var(--raised);border:1px solid var(--line);border-radius:16px;min-height:520px;padding:32px}.placement-task h2{letter-spacing:-.04em;margin:12px 0;font-size:29px}.placement-task>p:nth-of-type(2){color:var(--muted);line-height:1.6}.placement-target{background:var(--primary-soft);text-align:center;border-radius:14px;flex-direction:column;align-items:center;max-width:260px;margin:45px auto 30px;padding:24px;display:flex}.placement-target span,.placement-target small{color:var(--muted);font-size:9px}.placement-target strong{color:var(--primary);font-family:var(--font-mono);margin:8px 0;font-size:34px}.placement-listen{margin:38px auto 24px}.placement-answers{grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0;display:grid}.placement-answers button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:9px;min-height:48px;padding:0 12px;font-size:11px}.placement-answers button:hover{border-color:var(--primary)}.placement-answers.theory{margin-top:46px}.placement-chord{flex-direction:column;align-items:center;margin:48px 0 30px;display:flex}.placement-chord>span{gap:10px;display:flex}.placement-chord i{border:1px solid var(--line-strong);color:var(--muted);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:12px;font-style:normal;display:flex}.placement-chord i.found{background:var(--success-soft);border-color:var(--success);color:var(--success)}.placement-chord strong{margin-top:15px;font-size:11px}.placement-feedback{border-top:1px solid var(--line);align-items:flex-start;gap:12px;margin-top:30px;padding-top:17px;display:flex}.placement-feedback>span{background:var(--primary-soft);color:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;display:flex}.placement-feedback.complete>span{background:var(--success-soft);color:var(--success)}.placement-feedback p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.55}.placement-continue{margin-top:18px}.placement-input{border:1px solid var(--line);background:#f0eae1;background:lab(93.0855% .667393 5.32198);border-radius:16px;padding:22px}.placement-input>div:first-child{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.placement-input>div:first-child strong{font-size:11px}.assessment-keys{background:#17212c;background:lab(12.3629% -2.03078 -8.64148);border-radius:10px;height:170px;margin-top:25px;padding:7px;display:flex}.assessment-keys button{cursor:pointer;background:#fcfaf5;background:lab(98.2837% .317663 2.65042);border:0;border-left:1px solid oklch(75% .02 82);flex:1;justify-content:center;align-items:flex-end;padding-bottom:10px;display:flex}.assessment-keys button:first-child{border-left:0;border-radius:4px 0 0 4px}.assessment-keys button:last-child{border-radius:0 4px 4px 0}.assessment-keys button:active{background:var(--primary-soft)}.assessment-keys span{color:var(--muted);font-family:var(--font-mono);font-size:7px}.placement-input>p{color:var(--muted);text-align:center;margin-top:14px;font-size:8px;line-height:1.5}.placement-result{background:var(--raised);border:1px solid var(--line);border-radius:18px;grid-template-columns:1.2fr .8fr;gap:42px;padding:38px;display:grid}.placement-result-main>strong{color:var(--primary);font-family:var(--font-mono);margin:24px 0 8px;font-size:42px;display:block}.placement-result-main h2{letter-spacing:-.035em;margin:0 0 12px;font-size:28px}.placement-result-main>p{color:var(--muted);line-height:1.6}.placement-result-main .primary-button{margin-top:16px}.placement-result dl{margin:0}.placement-result dl>div{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:14px 0;display:grid}.placement-result dt{color:var(--muted);font-size:10px}.placement-result dd{font-family:var(--font-mono);margin:0;font-size:11px}.placement-result dl span{background:var(--line);border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.placement-result dl i{background:var(--primary);height:100%;display:block}.placement-result-note{background:var(--primary-soft);color:var(--muted);border-radius:10px;grid-column:1/-1;margin:0;padding:13px;font-size:9px;line-height:1.5}@media (max-width:1050px){.studio-layout{grid-template-columns:250px minmax(0,1fr)}.practice-dock-heading{grid-template-columns:minmax(180px,1fr) minmax(145px,.7fr) auto;gap:14px}.metronome-control input{width:96px}.lesson-stage{padding-left:30px;padding-right:30px}.chord-activity{grid-template-columns:1fr 1fr}.chord-activity>.primary-button{grid-column:1/-1;justify-self:start}.recording-line{grid-template-columns:1fr repeat(3,78px)}.score-context{grid-template-columns:1fr 1fr}.score-guided-cue{flex-direction:column;align-items:flex-start;gap:6px}.score-context>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.score-context>div:nth-child(4){border-top:1px solid var(--line)}.score-transport{grid-template-columns:auto 1fr auto}.expected-score-notes{grid-area:1/1/auto/-1;justify-content:center}.score-session-metrics{grid-template-columns:repeat(4,1fr)}.score-session-metrics p{border-top:1px solid var(--line);grid-column:1/-1}.course-row{grid-template-columns:40px 1fr 80px 20px}.course-tags{display:none}.ear-lab{grid-template-columns:210px minmax(0,1fr)}.ear-score{grid-column:1/-1}.technique-results{grid-template-columns:repeat(3,1fr)}.technique-advice{grid-column:1/-1}.workbench-grid{grid-template-columns:minmax(0,1fr) 230px}.edit-tools>div{flex:1 0 100%;margin-bottom:5px}.evidence-grid{grid-template-columns:repeat(3,1fr)}.improv-workspace{grid-template-columns:190px minmax(0,1fr)}.improv-evidence{grid-column:1/-1;grid-template-columns:150px 1fr;gap:18px;display:grid}.improv-evidence dl{grid-template-columns:repeat(4,1fr);display:grid}.improv-evidence dl>div{padding:10px}.harmony-presets{grid-template-columns:repeat(3,1fr)}.harmony-presets button:nth-child(4){border-left:1px solid var(--line)}.harmony-presets button:nth-child(n+4){border-top:0}.scale-map{grid-template-columns:190px minmax(650px,1fr);overflow-x:auto}.theory-workspace{grid-template-columns:minmax(0,1fr) 230px}.harmony-family{overflow-x:auto}.built-chord{grid-template-columns:160px repeat(3,1fr)}.project-workspace{grid-template-columns:minmax(0,1fr) 240px}.section-plan-grid{grid-template-columns:1fr 1fr}.section-plan-grid label:last-child{grid-column:1/-1;max-width:240px}.revision-ledger{grid-template-columns:210px 1fr}.revision-history{grid-column:1/-1}}@media (max-width:800px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:64px;padding:9px 16px}.main-nav{grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;overflow-x:auto}.device-pill{grid-area:1/2;max-width:170px}.today-view,.curriculum-view,.sketchbook-view,.progress-view,.lab-view{padding:42px 20px 70px}.today-intro h1,.view-intro h1{font-size:36px}.today-grid,.today-lower,.understanding-grid{grid-template-columns:1fr}.today-lower{gap:30px}.review-horizon,.placement-workspace,.placement-result{grid-template-columns:1fr}.placement-view{padding-left:20px;padding-right:20px}.placement-result-note{grid-column:auto}.performance-callout{grid-template-columns:1fr}.performance-callout dl{grid-template-columns:repeat(3,1fr)}.session-brief{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.chapter-section{grid-template-columns:1fr;gap:22px}.studio-layout{display:block}.lesson-rail{border-bottom:1px solid var(--line);border-right:0;padding:15px}.rail-course{margin-bottom:12px}.step-list{flex-direction:row;overflow-x:auto}.step-list button{flex:0 0 210px}.edition-note{display:none}.course-resources{gap:8px;margin:14px 0 0;padding-top:12px;display:flex;overflow-x:auto}.course-resources>p{flex:0 0 88px;padding:12px 0 0}.course-resources a{border:1px solid var(--line);border-radius:10px;flex:0 0 230px;padding:10px}.studio-toolbar{top:103px}.practice-dock{padding-left:20px;padding-right:20px;top:169px}.practice-dock-heading{grid-template-columns:minmax(0,1fr) auto}.next-key-readout{border-left:0;grid-column:1;padding-left:0}.metronome-control{grid-area:1/2/span 2}.practice-dock .piano{height:112px}.glossary-panel dl{grid-template-columns:repeat(2,1fr)}.lesson-terms{grid-template-columns:1fr;gap:16px}.teaching-notes{grid-template-columns:1fr}.teaching-notes article,.teaching-notes article:first-child,.teaching-notes article:last-child{border-left:0;border-top:1px solid var(--line);min-height:auto;padding:18px 0}.teaching-notes article:first-child{border-top:0}.review-retrieval-gate{grid-template-columns:1fr}.review-retrieval-gate>button{grid-area:auto/1;justify-self:flex-start}.theory-cause-effect{grid-template-columns:1fr}.theory-cause-effect article,.theory-cause-effect article:first-child,.theory-cause-effect article:last-child{border-left:0;border-top:1px solid var(--line);min-height:auto;padding:17px 0}.theory-cause-effect article:first-child{border-top:0}.repertoire-experiment,.repertoire-transfer{grid-template-columns:1fr;align-items:flex-start}.repertoire-experiment button,.repertoire-transfer button{justify-self:flex-start}.understanding-grid{padding-left:20px;padding-right:20px}.black-key{width:6%;margin-left:-3%}.progress-overview{grid-template-columns:1fr;padding:35px 0}.progress-ring{margin:0 auto 35px}.progress-facts{border-top:1px solid var(--line)}.ear-lab,.workbench-grid,.improv-heading,.improv-workspace{grid-template-columns:1fr}.improv-scenarios{grid-template-columns:1fr 1fr}.improv-scenarios button:nth-child(3){border-left:1px solid var(--line)}.improv-scenarios button:nth-child(n+3){border-top:0}.improv-evidence{grid-column:auto;display:block}.improv-coaching{grid-template-columns:1fr;align-items:flex-start}.improv-result-actions{flex-direction:row}.harmony-heading{grid-template-columns:1fr}.harmony-heading label{max-width:220px}.progression-builder{grid-template-columns:1fr}.harmony-analysis{grid-column:1}.harmony-transport{flex-wrap:wrap;align-items:flex-start}.harmony-transport>p{flex:1 0 55%}.ear-score{grid-column:auto}.technique-capture{grid-template-columns:1fr}.capture-status{grid-template-columns:auto 1fr}.velocity-trace{min-height:110px}.capture-actions{flex-direction:row}.technique-results{grid-template-columns:1fr 1fr}.technique-advice{grid-column:1/-1}.composition-workbench{padding-left:20px;padding-right:20px}.production-roles{grid-template-columns:1fr 1fr}.production-roles article:nth-child(3){border-left:0}.project-studio{padding-left:20px;padding-right:20px}.project-topbar{flex-direction:column;align-items:flex-start;gap:12px}.project-heading{grid-template-columns:1fr;gap:28px}.project-heading>label{max-width:360px}.form-map{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.form-map-intro{display:none}.project-workspace{grid-template-columns:1fr}.project-coach{grid-template-columns:1fr 1fr;gap:12px;display:grid}.project-coach>.eyebrow,.project-coach>h2,.project-coach>.project-progress{grid-column:1/-1}.project-coach>p:not(.eyebrow),.project-coach>ol{grid-column:1}.next-revision,.brief-question{grid-column:2}.next-revision{grid-row:4;margin:0}.arrangement-roles{grid-template-columns:1fr 1fr}.arrangement-roles label:nth-child(3){border-left:0}.project-list article{grid-template-columns:1fr 170px}.project-list article>button{justify-self:start}.sketchbook-intro{flex-direction:column;align-items:flex-start;gap:24px}.theory-heading{grid-template-columns:1fr;align-items:start}.theory-key-controls{max-width:420px}.theory-workspace{grid-template-columns:1fr}.theory-transfer{grid-template-columns:1fr 1fr;gap:18px;display:grid}.theory-transfer>.eyebrow,.theory-transfer>h3{grid-column:1/-1}.built-chord{grid-template-columns:1fr 1fr}.built-chord>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.built-chord>div:nth-child(4){border-top:1px solid var(--line)}.theory-challenge{grid-template-columns:210px 1fr}.pitch-response{grid-template-columns:repeat(6,1fr)}.pitch-response button:nth-child(7){border-left:1px solid var(--line)}.pitch-response button:nth-child(n+7){border-top:0}.challenge-feedback{grid-template-columns:150px 1fr}.challenge-feedback button{justify-self:start}}@media (max-width:580px){.nav-button{padding:0 9px}.device-pill{max-width:145px}.continue-panel{min-height:390px;padding:25px}.continue-copy h2{font-size:31px}.course-row{grid-template-columns:28px 1fr 20px;min-height:82px}.course-meta{display:none}.lesson-stage{padding:42px 18px 30px}.lesson-copy-column h1{font-size:36px}.review-teacher{padding:19px}.review-teacher-top,.review-confidence{flex-direction:column;align-items:flex-start}.repertoire-microscope{padding:18px}.repertoire-lens-heading{flex-direction:column;align-items:flex-start}.review-reframe{grid-template-columns:1fr}.review-reframe article,.review-reframe article:first-child,.review-reframe article:last-child{border-top:1px solid #a9bdd4;border-top:1px solid lab(75.5619% -3.43478 -14.2161);border-left:0;min-height:auto;padding:16px 0}.review-reframe article:first-child{border-top:0;padding-top:0}.activity-surface{padding:17px}.concept-activity{flex-direction:column;align-items:flex-start;gap:28px}.activity-controls{flex-direction:column;align-items:flex-start;gap:17px}.chord-activity{grid-template-columns:1fr}.chord-live{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.chord-activity>.primary-button{grid-column:auto}.recording-line{grid-template-columns:repeat(3,1fr)}.recording-line>.recording{grid-column:1/-1}.creative-actions,.lesson-footer{flex-direction:column;align-items:stretch}.score-reader-heading{flex-direction:column}.score-reader-actions{width:100%}.score-reader-actions button{flex:1}.score-reader-actions{flex-wrap:wrap}.score-range-control{flex:1 0 100%}.score-range-control select{width:100%}.score-tempo-control{flex:1 0 100%;align-items:flex-start}.score-paper{height:390px}.score-focus .score-paper{height:62vh;min-height:420px}.score-focus .lesson-stage{padding-left:18px;padding-right:18px}.score-context{grid-template-columns:1fr}.score-context>div,.score-context>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.score-context>div:first-child{border-top:0}.score-transport{grid-template-columns:1fr 1fr}.expected-score-notes,.measure-progress{grid-column:1/-1}.score-transport>button{grid-row:3}.lesson-footer{gap:13px}.studio-toolbar{flex-direction:column;align-items:flex-start;gap:10px;position:static}.toolbar-actions{flex-wrap:wrap;width:100%}.toolbar-actions .quiet-button{flex:1 0 calc(33% - 7px)}.glossary-panel{padding:22px 18px}.glossary-panel dl{grid-template-columns:1fr}.glossary-heading,.prerequisite-notice,.score-readiness-note{flex-direction:column;align-items:flex-start}.lesson-terms dl{grid-template-columns:1fr}.practice-dock{padding:12px 14px 10px;top:103px}.practice-dock-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;margin-bottom:9px}.live-key-readout{flex-direction:column;align-items:flex-start;gap:3px}.live-key-readout>div{flex-direction:column;align-items:flex-start;gap:1px}.live-key-readout strong{font-size:28px}.live-key-readout span{font-size:12px}.next-key-readout{grid-area:2/1/auto/-1}.next-key-readout span{font-size:11px}.next-key-readout strong{font-size:15px}.metronome-control{flex-direction:column;grid-area:1/2;align-items:flex-end;gap:5px}.metronome-control label{align-items:flex-end}.metronome-control input{width:90px}.practice-dock .piano{height:105px}.practice-dock .white-key{padding-bottom:7px}.practice-dock .white-key span{font-size:9px;display:block}.practice-dock .black-key span{font-size:7px}.keyboard-help{margin-top:6px;font-size:11px;line-height:1.35}.sketch-row{grid-template-columns:1fr;gap:15px;padding:25px 5px}.progress-facts{grid-template-columns:1fr}.progress-facts div{border-left:0;border-top:1px solid var(--line)}.skill-row{grid-template-columns:100px 1fr 42px;gap:12px}.skill-row small{display:none}.score-session-metrics{grid-template-columns:1fr 1fr}.score-session-metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.score-session-metrics>div:nth-child(4){border-top:1px solid var(--line)}.evidence-grid{grid-template-columns:1fr}.evidence-grid article,.evidence-grid article:first-child{border-left:0;border-top:1px solid var(--line);padding-left:0}.evidence-grid article:first-child{border-top:0}.placement-heading h1{font-size:35px}.placement-progress{grid-template-columns:1fr 1fr}.placement-progress>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.placement-progress>div:nth-child(4){border-top:1px solid var(--line)}.placement-intro-card{grid-template-columns:1fr;padding:24px}.placement-intro-card>.primary-button{grid-column:auto}.placement-task{min-height:auto;padding:23px}.placement-task h2{font-size:25px}.placement-answers{grid-template-columns:1fr}.review-horizon button{grid-template-columns:45px 1fr}.review-horizon button small{grid-column:2}.lab-tabs{grid-template-columns:1fr}.lab-tabs>button+button{border-left:0}.ear-choices,.technique-modes,.technique-results{grid-template-columns:1fr}.technique-modes button+button{border-left:1px solid var(--line);border-top:0}.technique-advice{grid-column:auto}.improv-scenarios{grid-template-columns:1fr}.improv-scenarios button+button,.improv-scenarios button:nth-child(3){border-left:1px solid var(--line);border-top:0}.improv-controls{flex-direction:column;align-items:stretch}.improv-controls>span{margin:0}.improv-result-actions{flex-direction:column}.harmony-presets{grid-template-columns:1fr}.harmony-presets button+button,.harmony-presets button:nth-child(4){border-left:1px solid var(--line);border-top:0}.progression-slots{grid-template-columns:1fr 1fr}.progression-slots>button:nth-child(3){border-left:1px solid var(--line)}.progression-slots>button:nth-child(n+3){border-top:0}.editor-title{flex-direction:column}.degree-palette{grid-template-columns:repeat(4,1fr)}.degree-palette button:nth-child(5){border-left:1px solid var(--line)}.degree-palette button:nth-child(n+5){border-top:0}.chord-mechanism{grid-template-columns:1fr}.harmony-transport{flex-direction:column;align-items:stretch}.harmony-transport>p{margin:5px 0}.workbench-topbar{flex-direction:column;align-items:flex-start;gap:12px}.workbench-title textarea,.project-heading input{font-size:32px}.project-topbar>div{flex-direction:column;width:100%}.transform-choices{grid-template-columns:1fr 1fr}.why-transform{grid-template-columns:1fr;align-items:start}.section-plan-grid{grid-template-columns:1fr}.section-plan-grid label:last-child{grid-column:auto;max-width:none}.section-editor-heading{gap:18px}.arrangement-heading{flex-direction:column;align-items:flex-start;gap:14px}.arrangement-roles{grid-template-columns:1fr}.arrangement-roles label,.arrangement-roles label:first-child,.arrangement-roles label:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:17px 0}.arrangement-roles label:first-child{border-top:0}.revision-ledger{grid-template-columns:1fr}.revision-history{grid-column:auto}.project-coach{display:block}.next-revision{margin:16px 0}.project-list article{grid-template-columns:1fr}.project-empty{flex-direction:column;align-items:flex-start;gap:16px}.library-heading{flex-direction:column;align-items:flex-start;gap:8px}.theory-key-controls,.builder-controls{grid-template-columns:1fr}.scale-map{display:block;overflow:visible}.scale-map-copy{padding-right:0}.scale-degrees{grid-template-columns:repeat(4,1fr)}.scale-degrees button:nth-child(5){border-left:1px solid var(--line);border-top:1px solid var(--line)}.scale-degrees button:nth-child(n+6){border-top:1px solid var(--line)}.theory-section-heading,.builder-heading{flex-direction:column;align-items:flex-start;gap:15px}.harmony-family{grid-template-columns:repeat(4,1fr);overflow:visible}.harmony-family button:nth-child(5){border-left:1px solid var(--line)}.harmony-family button:nth-child(n+5){border-top:0}.harmony-family button:first-child,.harmony-family button:last-child{border-radius:0}.harmony-microscope{grid-template-columns:1fr;align-items:start}.theory-transfer{display:block}.built-chord{grid-template-columns:1fr}.built-chord>div,.built-chord>div:first-child,.built-chord>div:nth-child(3),.built-chord>div:nth-child(4){border-left:0;border-top:1px solid var(--line);min-height:auto;padding:16px 0}.built-chord>div:first-child{border-top:0}.theory-challenge{grid-template-columns:1fr}.challenge-brief{grid-row:auto}.pitch-response{grid-template-columns:repeat(4,1fr)}.pitch-response button:nth-child(5),.pitch-response button:nth-child(7),.pitch-response button:nth-child(9){border-left:1px solid var(--line)}.pitch-response button:nth-child(n+5){border-top:0}.challenge-check{flex-direction:column;align-items:stretch}.challenge-feedback{grid-template-columns:1fr}.editor-heading,.production-map-heading{flex-direction:column;align-items:flex-start;gap:15px}.edit-tools>button{flex:1 0 calc(50% - 5px)}.transform-row{flex-wrap:wrap}.transform-row>span{flex:1 0 100%}.production-roles{grid-template-columns:1fr}.production-roles article,.production-roles article:first-child,.production-roles article:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}