:root{color-scheme:dark;--paper:#0f1413;--ink:#e8eeee;--muted:#9ca8a7;--rule:#46514f;--rule-light:#2e3836;--panel:#171e1d;--panel-soft:#1c2523;--nav:#0b100f;--nav-muted:#8c9795;--accent:#18a9cf;--accent-strong:#65c5dc;--accent-soft:#193840;--tension:#ef65bd;--tension-soft:#45223a;--a:var(--accent);--b:var(--accent-strong);--mono:"SFMono-Regular", "Roboto Mono", Consolas, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--book-nav-width:250px;--chapter-frame-width:1080px}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}html{background:var(--paper);color:var(--ink);font-family:var(--sans)}body{background:var(--paper);min-width:320px;margin:0}.sr-only{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button,input,select{font:inherit}button{color:inherit}.book-nav{z-index:5;width:var(--book-nav-width);color:#f4f5f1;background:var(--nav);border-right:1px solid #29322f;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{color:inherit;font:800 20px/.94 var(--sans);letter-spacing:-.045em;border-bottom:1px solid #414440;align-items:center;gap:12px;padding:25px 20px 24px;text-decoration:none;display:flex}.wordmark img{flex:0 0 44px;width:44px;height:44px}.build-link{min-height:58px;color:var(--accent-strong);font:800 13px var(--mono);background:#111a19;border-bottom:1px solid #303936;justify-content:space-between;align-items:center;padding:0 24px;text-decoration:none;display:flex}.build-link i{font:normal 20px var(--mono)}.build-link:hover,.build-link.active{color:#071519;background:var(--accent-strong)}.book-nav nav{flex:auto;min-height:0;margin-top:12px;overflow-y:auto}.book-nav nav .nav-group-label{color:#71807d;font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.12em;padding:10px 24px 6px;display:block}.book-nav nav a{color:#e8eae6;min-height:64px;font:600 14px var(--mono);border-bottom:1px solid #30322f;align-items:center;gap:18px;padding:0 24px;text-decoration:none;display:flex}.book-nav nav a span{color:var(--nav-muted);font-weight:400}.book-nav nav a.active{border-left:4px solid var(--a);background:#202826;padding-left:20px}.book-nav>p{color:var(--nav-muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;flex:none;margin:12px 24px 94px}.playground-trigger{z-index:11;width:calc(var(--book-nav-width) - 36px);color:#e8eeee;min-height:54px;font:700 13px var(--mono);cursor:pointer;background:#1a201f;border:1px solid #4b5553;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;bottom:20px;left:18px}.playground-trigger:hover,.playground-trigger.open{color:var(--accent);border-color:var(--accent);background:#131817}.playground-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.playground-trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;height:14px;transition:transform .28s}.playground-trigger.open svg{transform:rotate(90deg)}.playground-backdrop{z-index:8;inset:0 0 0 var(--book-nav-width);opacity:0;pointer-events:none;background:#080c0c8f;border:0;padding:0;transition:opacity .28s;position:fixed}.playground-backdrop.open{opacity:1;pointer-events:auto}.playground-drawer{z-index:9;bottom:0;right:0;left:var(--book-nav-width);color:#e8eeee;visibility:hidden;background:#131817;border-top:1px solid #485250;height:auto;max-height:100vh;padding:8px;transition:transform .32s cubic-bezier(.22,.8,.24,1),visibility 0s linear .32s;position:fixed;overflow:auto;transform:translateY(calc(100% + 24px));box-shadow:0 -18px 50px #00000047}.playground-drawer.open{visibility:visible;transition-delay:0s;transform:translateY(0)}.playground-drawer .music-widget{margin:0}.drawer-transport{z-index:4;color:#dff9ff;min-height:42px;font:800 10px var(--mono);background:#102127;border:1px solid #356779;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin:0 10px 8px;padding:7px 9px 7px 12px;display:grid;position:sticky;top:0;box-shadow:0 5px 18px #00000047}.drawer-transport span{text-transform:uppercase;letter-spacing:.05em;align-items:center;display:flex}.drawer-transport i{background:var(--accent-strong);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate transport-pulse;box-shadow:0 0 0 4px #65c5dc24}.drawer-transport code{color:#8ea6a9;font:9px var(--mono)}.drawer-transport button{color:#fff0f8;background:var(--tension-soft);font:800 9px var(--mono);cursor:pointer;border:1px solid #80516f;padding:6px 12px}@keyframes transport-pulse{to{opacity:.45}}main{min-width:0;width:calc(100% - var(--book-nav-width));margin-left:var(--book-nav-width)}.chapter{width:min(100%, calc(var(--chapter-frame-width) + 68px));max-width:calc(var(--chapter-frame-width) + 68px);margin:0 auto;padding:28px 34px 88px}[data-reading-layer][hidden]{display:none!important}[data-reading-target-revealed]{outline:1px dashed var(--accent-strong);outline-offset:4px}.breadcrumb{color:var(--muted);font:13px var(--mono);gap:12px;margin:2px 0 22px;display:flex}.breadcrumb b{color:var(--ink)}h1{letter-spacing:-.065em;max-width:1050px;margin:0;font-size:clamp(42px,5.1vw,76px);line-height:.95}.lede{color:#c4cecc;max-width:830px;font:15px/1.65 var(--mono);margin:18px 0 30px}h2{font:750 19px var(--mono);border-top:1px dashed var(--rule);margin:52px 0 13px;padding-top:22px}.chapter>p:not(.lede){max-width:900px;font:15px/1.7 var(--mono)}blockquote{color:#b9c4c2;max-width:900px;font:13px/1.6 var(--mono);border-left:3px solid var(--a);background:var(--panel-soft);margin:24px 0;padding:12px 18px}.next-chapter{float:right;color:var(--accent);font:13px var(--mono);margin-top:20px;text-decoration:none}.course-thesis,.mechanism-diagram{color:#e9f5f6;background:#151b1a;border:1px solid #303b39;align-items:stretch;max-width:1040px;margin:28px 0;display:flex;overflow-x:auto}.course-thesis span,.mechanism-diagram span{text-align:center;min-height:72px;font:700 12px/1.35 var(--mono);flex:1 0 130px;place-items:center;padding:14px;display:grid}.course-thesis i,.mechanism-diagram i{color:var(--accent);font:normal 22px var(--mono);border-inline:1px solid #303b39;flex:0 0 38px;place-items:center;display:grid}.reading-note{color:#bac5c3;max-width:900px;font:13px/1.65 var(--mono);border-left:3px solid var(--accent);background:var(--panel-soft);padding:16px 18px}.course-index{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin:52px 0 0;display:grid}.course-index a{min-height:116px;color:var(--ink);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--panel);grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:14px;padding:18px;text-decoration:none;display:grid}.course-index a:hover{color:#f2fbfc;background:#203238}.course-index>a>span{color:var(--accent-strong);font:700 11px var(--mono);align-self:start}.course-index strong{font:750 22px/1.1 var(--sans);letter-spacing:-.025em}.course-index p{color:var(--muted);font:11px/1.5 var(--mono);margin:8px 0 0}.course-index i{color:var(--accent-strong);font:normal 22px var(--mono)}.course-index .course-group-title{color:var(--muted);border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.12em;background:#101716;grid-column:1/-1;margin:0;padding:12px 16px}.home-build-link{max-width:1040px;color:var(--ink);background:var(--accent-soft);border:1px solid #356779;justify-content:space-between;gap:24px;margin:20px 0 0;padding:18px;text-decoration:none;display:flex}.home-build-link span{font:800 18px var(--sans)}.home-build-link strong{color:var(--accent-strong);font:700 12px var(--mono)}.home-build-link:hover{background:#214650}.home-reading-layers{border:1px solid var(--rule);background:var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:1040px;margin:18px 0 0;display:grid}.home-reading-layers>div{background:#121918;align-content:start;gap:6px;min-height:126px;padding:16px;display:grid}.home-reading-layers span{color:var(--accent-strong);font:800 9px var(--mono)}.home-reading-layers strong{font:750 18px var(--sans)}.home-reading-layers p{color:var(--muted);font:10px/1.5 var(--mono);margin:0}.build-wizard{width:min(100%,1180px);min-height:100vh;color:var(--ink);margin:0 auto;padding:30px 30px 90px}.wizard-intro{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:end;gap:48px;padding:8px 0 28px;display:grid}.wizard-intro span,.wizard-question>span,.wizard-result-title span{color:var(--accent-strong);font:800 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.wizard-intro h1{letter-spacing:-.055em;max-width:720px;margin:8px 0 0;font-size:clamp(38px,4.5vw,64px)}.wizard-intro p{color:#b7c3c1;max-width:520px;font:12px/1.65 var(--mono);margin:0}.wizard-intro.compact{gap:24px;padding:0 0 14px}.wizard-intro.compact h1{font-size:clamp(28px,3vw,38px)}.wizard-intro.compact p{font-size:9px;line-height:1.5}.wizard-progress{border:1px solid var(--rule);background:#101615;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wizard-progress button{color:#687572;border:0;border-right:1px solid var(--rule-light);text-align:left;min-width:0;min-height:50px;font-family:var(--mono);background:0 0;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:10px 12px;display:grid}.wizard-progress button:last-child{border-right:0}.wizard-progress button span{color:#596562;font-size:9px}.wizard-progress button strong{text-overflow:ellipsis;text-transform:uppercase;font-size:10px;overflow:hidden}.wizard-progress button.complete{color:#b9c7c5;cursor:pointer}.wizard-progress button.complete span{color:var(--accent-strong)}.wizard-progress button.current{color:#071519;background:var(--accent-strong)}.wizard-progress button.current span{color:#164653}.wizard-progress button:focus-visible,.wizard-panel button:focus-visible,.wizard-orca-map summary:focus-visible{z-index:2;outline-offset:-3px;outline:2px solid #e8fbff;position:relative}.wizard-panel{border:1px solid var(--rule);background:var(--panel);border-top:0;min-height:560px}.wizard-panel>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:18px;min-height:46px;padding:11px 15px;display:flex}.wizard-panel>header span{color:var(--muted);font:800 9px var(--mono);text-transform:uppercase}.wizard-panel>header button{color:var(--accent-strong);font:700 10px var(--mono);cursor:pointer;background:0 0;border:0;padding:5px 8px}.wizard-decision{grid-template-columns:minmax(230px,.68fr) minmax(0,1.65fr);gap:42px;padding:38px;display:grid}.wizard-question h2{letter-spacing:-.04em;max-width:420px;margin:9px 0 12px;font-size:clamp(27px,3vw,40px);line-height:1.02}.wizard-question h2:focus,.wizard-result-title h2:focus,.wizard-compare-chooser h3:focus,.wizard-layer-relation h3:focus{outline:0}.wizard-question p{max-width:380px;color:var(--muted);font:11px/1.65 var(--mono);margin:0}.wizard-resume{color:var(--accent-strong);font:800 9px var(--mono);cursor:pointer;background:#101817;border:1px solid #356779;margin-top:18px;padding:9px 11px}.wizard-resume:hover{color:#071519;background:var(--accent-strong)}.wizard-style-index{border-top:1px solid var(--rule-light);margin-top:26px;display:grid}.wizard-style-index>strong{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:10px 0 7px}.wizard-style-index a{color:#b8c5c3;font:9px/1.35 var(--mono);border-top:1px solid #293331;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:7px 0;text-decoration:none;display:grid}.wizard-style-index a:hover,.wizard-style-index a:focus-visible{color:var(--accent-strong);outline:0}.wizard-style-index a span{color:var(--accent-strong)}.wizard-options{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;display:grid}.wizard-style-families{align-content:start;gap:14px;max-height:62vh;padding-right:5px;display:grid;overflow-y:auto}.wizard-style-families>section{gap:7px;scroll-margin-top:16px;display:grid}.wizard-style-families>section>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:baseline;gap:14px;padding-bottom:6px;display:flex}.wizard-style-families h3{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0}.wizard-style-families header p{max-width:480px;color:var(--muted);font:8px/1.4 var(--mono);text-align:right;margin:0}.wizard-option{min-height:156px;color:var(--ink);text-align:left;cursor:pointer;background:#121918;border:1px solid #3c4946;align-content:start;gap:7px;padding:16px 42px 16px 16px;display:grid;position:relative}.wizard-option:hover,.wizard-option:focus-visible{border-color:var(--accent-strong);background:#172a2d;outline:0}.wizard-option-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.wizard-option-top>span{color:var(--accent-strong);font:700 9px var(--mono);text-transform:uppercase}.wizard-fit{color:#aab7b5;font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid #4a5653;flex:none;padding:3px 5px}.wizard-fit.recommended{color:#071519;border-color:var(--accent-strong);background:var(--accent-strong)}.wizard-fit.compatible{color:#b9c6c4;background:#19201f}.wizard-option strong{font:780 17px/1.15 var(--sans)}.wizard-option p{color:var(--muted);font:10px/1.5 var(--mono);margin:0}.wizard-option-reason{color:#83918e;border-top:1px solid var(--rule-light);font:8px/1.45 var(--mono);padding-top:7px}.wizard-option-reason b{color:#b9c7c5}.wizard-option i{color:var(--accent-strong);font:normal 18px var(--mono);position:absolute;bottom:14px;right:16px}.wizard-filter-note{color:#788784;border:1px solid var(--rule-light);font:8px/1.45 var(--mono);background:#101615;grid-column:2;margin:-28px 0 0;padding:10px 12px}.wizard-filter-note b{color:#aebbb9}.wizard-time-choice{align-content:start;gap:14px;display:grid}.wizard-time-settings{gap:10px;scroll-margin-top:18px;display:grid}.wizard-time-settings>header{background:#142324;border:1px solid #356779;gap:3px;padding:11px 13px;display:grid}.wizard-time-settings>header span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase;letter-spacing:.08em}.wizard-time-settings>header h3{font:750 18px var(--sans);margin:0}.wizard-time-settings>header h3:focus{outline:0}.wizard-time-settings>header p{color:var(--muted);font:9px/1.45 var(--mono);margin:0}.wizard-subdivision{background:#101817;border:1px solid #356779;min-width:0;margin:0;padding:13px}.wizard-subdivision legend{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;padding:0 5px}.wizard-subdivision>p{color:var(--muted);font:9px/1.5 var(--mono);margin:0 0 10px}.wizard-subdivision>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.wizard-subdivision button{min-height:66px;color:var(--ink);text-align:left;cursor:pointer;background:#111918;border:1px solid #3c4946;gap:5px;padding:10px;display:grid}.wizard-subdivision button:hover,.wizard-subdivision button[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent-soft)}.wizard-subdivision strong{font:750 12px var(--sans)}.wizard-subdivision span{color:var(--muted);font:8px/1.4 var(--mono)}.wizard-tempo{background:#101817;border:1px solid #356779;grid-template-columns:minmax(170px,.75fr) minmax(250px,1.3fr) minmax(150px,.7fr);align-items:end;gap:10px;min-width:0;margin:0;padding:13px;display:grid}.wizard-tempo legend{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;padding:0 5px}.wizard-tempo>div:first-of-type{align-self:center;gap:4px;display:grid}.wizard-tempo>div:first-of-type span,.wizard-tempo small{color:var(--muted);font:8px/1.4 var(--mono)}.wizard-tempo>div:first-of-type strong{font:800 22px var(--sans)}.wizard-tempo-presets{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.wizard-tempo-presets button{min-height:50px;color:var(--ink);cursor:pointer;background:#111918;border:1px solid #3c4946;gap:3px;padding:8px;display:grid}.wizard-tempo-presets button[aria-pressed=true],.wizard-tempo-presets button:hover{border-color:var(--accent-strong);background:var(--accent-soft)}.wizard-tempo-presets button strong{font:800 11px var(--mono)}.wizard-tempo-presets button span{color:var(--muted);font:7px var(--mono)}.wizard-tempo-custom{gap:6px;min-width:0;display:grid}.wizard-tempo label{grid-template-columns:1fr auto auto;align-items:center;gap:5px;display:grid}.wizard-tempo label span,.wizard-tempo label b{color:var(--muted);font:8px var(--mono)}.wizard-tempo input{width:60px;color:var(--ink);font:9px var(--mono);background:#0b1211;border:1px solid #4a5b58;padding:8px 6px}.wizard-tempo-confirm{overflow-wrap:anywhere;color:#061416;border:1px solid var(--accent-strong);background:var(--accent-strong);min-width:0;min-height:38px;font:800 9px var(--mono);cursor:pointer;padding:8px 10px}.wizard-pitch-choice{gap:18px;display:grid}.wizard-pitch-choice fieldset{border:0;min-width:0;margin:0;padding:0}.wizard-pitch-choice legend{color:#bac7c5;font:800 10px var(--mono);text-transform:uppercase;margin-bottom:9px}.wizard-tonics{border:1px solid #3c4946;grid-template-columns:repeat(12,minmax(36px,1fr));display:grid}.wizard-tonics button{color:#b7c4c2;border:0;border-right:1px solid var(--rule-light);min-height:46px;font:800 11px var(--mono);cursor:pointer;background:#101615;padding:4px}.wizard-tonics button:last-child{border-right:0}.wizard-tonics button:hover,.wizard-tonics button[aria-pressed=true]{color:#071519;background:var(--accent-strong)}.wizard-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:300px;display:grid;overflow-y:auto}.wizard-collection-groups{gap:8px;max-height:340px;padding-right:4px;display:grid;overflow-y:auto}.wizard-collection-groups>section{border:1px solid var(--rule-light);background:#0e1514}.wizard-collection-groups h3{z-index:1;color:#a9ddea;border-bottom:1px solid var(--rule-light);font:800 8px var(--mono);text-transform:uppercase;background:#111918;margin:0;padding:8px 10px;position:sticky;top:0}.wizard-collection-groups .wizard-collections{max-height:none;padding:6px;overflow:visible}.wizard-collections button{min-height:92px;color:var(--ink);text-align:left;cursor:pointer;background:#101615;border:1px solid #3c4946;gap:5px;padding:12px;display:grid}.wizard-collections button:hover,.wizard-collections button[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent-soft)}.wizard-collection-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.wizard-collection-heading strong{min-width:0}.wizard-collections strong{font:750 13px var(--sans)}.wizard-collections span{color:var(--accent-strong);font:9px var(--mono)}.wizard-collections small,.wizard-collections em{color:var(--muted);font:normal 9px/1.35 var(--mono)}.wizard-collections em{color:#c5a6b9}.wizard-continue{color:#071519;border:1px solid var(--accent-strong);background:var(--accent-strong);font:800 10px var(--mono);cursor:pointer;justify-self:end;padding:9px 12px}.wizard-continue:disabled{color:#6f7c79;cursor:not-allowed;background:#161d1c;border-color:#3b4744}.wizard-empty{border:1px solid var(--tension);background:var(--tension-soft);grid-column:2;padding:20px}.wizard-empty strong{font:750 15px var(--sans)}.wizard-empty p{color:#d0b7c7;font:10px/1.5 var(--mono)}.wizard-panel.workspace{min-height:0}.layer-workspace{gap:10px;min-width:0;padding:16px;display:grid}.layer-workspace>*,.layer-editor,.layer-editor>*,.layer-editor .wizard-result,.layer-editor .wizard-drum-kit,.layer-editor .wizard-drum-scroll{min-width:0;max-width:100%}.layer-workspace-header{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:end;gap:24px;padding:4px 2px 8px;display:grid}.layer-workspace-header>div:first-child>span,.layer-editor>header span,.layer-approach-picker>div:first-child span,.layer-settings span,.layer-transport span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase;letter-spacing:.06em}.layer-workspace-header h2{letter-spacing:-.045em;max-width:720px;margin:7px 0 5px;font-size:clamp(26px,3vw,40px);line-height:1}.layer-workspace-header h2:focus{outline:0}.layer-workspace-header p{max-width:680px;color:var(--muted);font:9px/1.5 var(--mono);margin:0}.layer-scene-context{border:1px solid var(--rule-light);font:8px var(--mono);background:#101615;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:10px;display:flex}.layer-scene-context>*{color:#aebcba;background:#151e1d;padding:4px 6px}.layer-scene-context a{text-decoration:none}.layer-scene-context a:hover,.layer-scene-context b{color:#071519;background:var(--accent-strong)}.layer-tabs{border:1px solid var(--rule);background:#0d1312;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow-x:auto}.layer-tabs button{color:#a6b4b1;border:0;border-right:1px solid var(--rule-light);text-align:left;cursor:pointer;background:#111817;align-content:center;gap:3px;min-width:112px;min-height:54px;padding:10px 12px;display:grid;position:relative}.layer-tabs button:last-child{border-right:0}.layer-tabs button:hover{color:#edf8f8;background:#172524}.layer-tabs button.active{color:#061416;background:var(--accent-strong)}.layer-tabs button span{font:800 11px var(--sans)}.layer-tabs button small{color:#687673;font:7px var(--mono);text-transform:uppercase}.layer-tabs button.active small{color:#28535e}.layer-tabs button i{background:var(--accent-strong);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.layer-tabs button.active i{background:#0b3c47}.layer-editor{border:1px solid var(--rule);background:#0e1514}.layer-editor>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:end;gap:20px;min-height:76px;padding:13px 14px;display:flex}.layer-editor>header h3{margin:4px 0 2px;font-size:22px}.layer-editor>header p{color:var(--muted);font:8px/1.45 var(--mono);margin:0}.layer-editor-actions{flex:none;gap:6px;display:flex}.layer-editor-actions button,.layer-settings>button,.layer-transport button{color:var(--accent-strong);font:800 8px var(--mono);cursor:pointer;background:0 0;border:1px solid #356779;padding:8px 10px}.layer-editor-actions button:first-child,.layer-transport button:first-child{color:#061416;background:var(--accent-strong)}.layer-editor-actions button:disabled,.layer-settings>button:disabled,.layer-transport button:disabled{color:#63716e;cursor:not-allowed;background:#141b1a;border-color:#35413f}.layer-approach-picker{grid-template-columns:minmax(190px,.48fr) minmax(0,1.52fr);gap:20px;padding:18px 14px;display:grid}.layer-approach-picker>div:first-child p{color:var(--muted);font:8px/1.5 var(--mono);margin:7px 0 0}.layer-approach-picker .wizard-option{min-height:122px}.layer-settings{border:1px solid var(--rule-light);background:var(--rule-light);grid-template-columns:minmax(200px,1fr) minmax(180px,.8fr) auto;gap:1px;margin:10px 14px 0;display:grid}.layer-settings>*{background:#111918;min-width:0;margin:0;padding:10px}.layer-settings label,.layer-settings>div{align-content:center;gap:5px;display:grid}.layer-settings select{color:#e6f4f3;width:100%;min-width:0;font:9px var(--mono);background:#0b1211;border:1px solid #4a5b58;border-radius:0;padding:8px}.layer-settings select:disabled{color:#84908e}.layer-settings strong{font:800 13px var(--sans)}.layer-settings small{color:var(--muted);font:7px var(--mono)}.layer-settings>button{background:#111918;border:0;align-self:stretch;min-width:108px}.layer-editor>.wizard-result{padding:0 14px 14px}.layer-transport{background:#101817;border:1px solid #4f7780;grid-template-columns:minmax(150px,.7fr) minmax(480px,2fr) auto;align-items:center;gap:12px 14px;padding:12px 14px;display:grid}.layer-transport-summary{gap:3px;display:grid}.layer-transport strong{font:800 14px var(--sans)}.layer-transport small{color:var(--muted);font:8px var(--mono)}.layer-transport label{grid-template-columns:auto 58px auto;align-items:center;gap:6px;display:grid}.layer-transport input,.layer-transport select{color:#e9f8f8;min-width:0;font:9px var(--mono);background:#0b1211;border:1px solid #4a5b58;padding:7px 5px}.layer-transport input{width:58px}.layer-transport label b{color:var(--muted);font:8px var(--mono)}.layer-phrase-settings{grid-template-columns:minmax(92px,.7fr) minmax(150px,1.3fr) minmax(180px,1.4fr);gap:8px;display:grid}.layer-phrase-settings label{grid-template-columns:1fr;gap:4px}.layer-phrase-settings label span{color:var(--muted)}.scene-playback{grid-template-columns:minmax(100px,1fr) auto;align-items:center;gap:8px;display:grid}.layer-transport>.scene-playback.prominent{border-bottom:1px solid var(--rule-light);grid-column:1/-1;padding:0 0 12px}.scene-playback>div:last-child{gap:6px;display:flex}.scene-playback.prominent button{min-height:52px;padding:12px 18px;font-size:11px}.scene-playback.prominent button:first-child{min-width:220px}.scene-playback-progress{gap:5px;min-width:120px;display:grid}.scene-playback-progress>span{color:var(--muted);font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-playback-progress>i{background:#263130;height:3px;display:block;position:relative;overflow:hidden}.scene-playback-progress>i:after{width:var(--scene-progress);content:"";background:var(--accent-strong);transition:width 80ms linear;position:absolute;inset:0}.layer-phrase-map{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:4px;display:grid}.layer-phrase-map>div{border:1px solid var(--rule-light);background:#0c1312;align-content:space-between;min-height:45px;padding:7px 9px;display:grid;position:relative;overflow:hidden}.layer-phrase-map strong{z-index:1;color:#e8f7f7;font:800 15px var(--mono)}.layer-phrase-map i{height:calc(var(--bar-energy) * 16px);opacity:.28;background:var(--accent-strong);position:absolute;bottom:0;left:0;right:0}.layer-phrase-description{color:var(--muted);font:8px/1.45 var(--mono);grid-column:1/-1;margin:-4px 0 0}.wizard-result{padding:26px}.wizard-learn-link{color:var(--accent-strong);font:800 8px var(--mono);margin-top:7px;text-decoration:none;display:inline-block}.wizard-learn-link:hover{text-decoration:underline}.wizard-result-title{justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:20px;display:flex}.wizard-result-title h2{letter-spacing:-.04em;margin:7px 0 6px;font-size:clamp(28px,3vw,42px)}.wizard-result-title p{max-width:620px;color:var(--muted);font:11px/1.55 var(--mono);margin:0}.wizard-result-actions{flex:none;gap:7px;display:flex}.wizard-result-actions button{color:var(--accent-strong);font:800 9px var(--mono);cursor:pointer;background:0 0;border:1px solid #356779;padding:8px 10px}.wizard-result-actions button:first-child{color:#071519;background:var(--accent-strong)}.wizard-path-summary{color:#bac7c5;border:1px solid var(--rule);white-space:nowrap;font:9px var(--mono);background:#101615;align-items:center;gap:10px;padding:11px 13px;display:flex;overflow-x:auto}.wizard-path-summary b{color:var(--accent-strong)}.wizard-drum-kit,.wizard-musical-sequence{background:#101817;border:1px solid #4f7780;margin:10px 0}.wizard-drum-kit>header,.wizard-musical-sequence>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:end;gap:24px;padding:15px 16px;display:flex}.wizard-drum-kit header span,.wizard-musical-sequence header>span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase}.wizard-drum-kit h3,.wizard-musical-sequence h3{margin:5px 0 3px;font-size:24px}.wizard-drum-kit header p,.wizard-musical-sequence header p{max-width:520px;color:var(--muted);font:9px/1.5 var(--mono);margin:0}.wizard-drum-kit header>p{text-align:right;max-width:300px}.wizard-drum-kit header b{color:#e5f5f6}.wizard-drum-scroll{overflow-x:auto}.wizard-drum-grid{grid-template-columns:minmax(152px, .8fr) repeat(var(--drum-steps), minmax(46px, 1fr));min-width:max-content;display:grid}.wizard-drum-corner,.wizard-drum-position,.wizard-drum-label,.wizard-drum-cell{border-right:1px solid var(--rule-light);border-bottom:1px solid var(--rule-light);min-height:48px}.wizard-drum-corner,.wizard-drum-label{z-index:1;background:#111918;align-content:center;padding:8px 10px;display:grid;position:sticky;left:0}.wizard-drum-corner{z-index:2}.wizard-drum-corner span{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.wizard-drum-corner small{color:#64716e;font:7px var(--mono)}.wizard-drum-position{color:#d7e6e4;text-align:center;background:#0d1413;place-content:center;min-height:42px;padding:5px;display:grid}.wizard-drum-position span{font:800 9px var(--mono)}.wizard-drum-position small{color:#5d6b68;font:7px var(--mono)}.wizard-drum-label.selected{box-shadow:inset 3px 0 0 var(--accent-strong);background:#142328}.wizard-drum-label strong{color:#e5f1ef;font:800 11px var(--sans)}.wizard-drum-label span{color:var(--accent-strong);font:8px var(--mono)}.wizard-drum-label small{color:var(--muted);font:7px/1.3 var(--mono)}.wizard-drum-cell{color:#53615e;font:900 9px var(--mono);cursor:pointer;background:#0c1312;border-top:0;border-left:0;place-items:center;padding:0;display:grid}.wizard-drum-cell:hover{background:#172729}.wizard-drum-cell.active{color:#061518;background:#73c5d9}.wizard-drum-cell.active.strong{background:#bcecf4}.wizard-drum-cell.active.ghost{color:#c9edf3;background:#255765}.wizard-drum-kit>footer{color:var(--muted);font:8px var(--mono);align-items:center;gap:14px;padding:9px 12px;display:flex}.wizard-drum-kit footer span{align-items:center;gap:5px;display:flex}.wizard-drum-kit footer i{background:#73c5d9;width:10px;height:10px}.wizard-drum-kit footer i.strong{background:#bcecf4}.wizard-drum-kit footer i.ghost{background:#255765}.wizard-drum-kit footer p{text-align:right;margin:0 0 0 auto}.wizard-musical-sequence>header{align-items:end;display:flex}.wizard-procedural-model{background:#0c1413;border:1px solid #356779;gap:4px;min-width:330px;padding:10px 12px;display:grid}.wizard-procedural-model b{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase}.wizard-procedural-model code{color:#e5f6f7;font:800 12px var(--mono)}.wizard-procedural-model small{color:var(--muted);font:8px var(--mono)}.wizard-musical-sequence ol{margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.wizard-musical-sequence li{border-right:1px solid var(--rule-light);background:#111918;flex:1 0 124px;align-content:center;gap:6px;min-height:104px;padding:12px;display:grid;position:relative}.wizard-musical-sequence li:last-child{border-right:0}.wizard-musical-sequence li:not(:last-child):after{z-index:1;content:"→";color:var(--accent-strong);font:11px var(--mono);position:absolute;top:43px;right:-6px}.wizard-musical-sequence li small{color:#66736f;font:7px var(--mono)}.wizard-musical-sequence li strong{color:#e5f4f3;font:800 16px var(--sans)}.wizard-musical-sequence li span{color:var(--muted);font:8px/1.4 var(--mono)}.wizard-musical-sequence li.rest{background:#0d1312}.wizard-musical-sequence li.rest strong{color:#778582}.wizard-musical-sequence li.chord{box-shadow:inset 0 3px 0 var(--accent-strong)}.wizard-musical-sequence li.action{box-shadow:inset 0 3px #a9ddea}.wizard-musical-sequence li.relative-first>code{color:var(--accent-strong);font:800 10px/1.45 var(--mono);white-space:normal;border-bottom:1px dashed #31413f;margin-bottom:3px;padding-bottom:7px;display:block}.wizard-musical-sequence li.relative-first>strong{color:#b7c7c5;font-size:12px}.wizard-musical-sequence li.relative-first>span{color:#71817e}.wizard-abstract-math{border:1px solid var(--rule);background:#0f1615;margin-top:10px}.wizard-abstract-math>summary{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;cursor:pointer;grid-template-columns:180px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.wizard-abstract-math summary strong{color:var(--muted);font:700 8px var(--mono);text-transform:none}.wizard-abstract-math summary i{font:normal 17px var(--mono);transition:transform .15s}.wizard-abstract-math[open] summary i{transform:rotate(45deg)}.wizard-abstract-math>div{border-top:1px solid var(--rule-light);padding:0 10px 10px}.wizard-base-pattern{border:1px solid var(--rule);background:#111817;grid-template-columns:minmax(180px,.55fr) minmax(280px,1fr);gap:16px 28px;margin:10px 0;padding:18px;display:grid}.wizard-base-pattern>div:first-child{grid-row:1/span 2}.wizard-base-pattern span,.wizard-variants article>span{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.wizard-base-pattern h3,.wizard-variants h3{margin:5px 0;font-size:20px}.wizard-base-pattern>div:first-child p{color:var(--accent-strong);font:10px var(--mono);margin:0}.wizard-base-pattern>code,.wizard-variants article>code{color:#dff8ff;font:11px var(--mono);align-self:end}.wizard-pattern-cells{border:1px solid #3b4744;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));display:grid}.wizard-pattern-cells>div{text-align:center;border-right:1px solid var(--rule-light);background:#0d1312;place-content:center;gap:7px;min-height:58px;padding:7px;display:grid}.wizard-pattern-cells>div:last-child{border-right:0}.wizard-pattern-cells small{color:#66736f;font:8px var(--mono)}.wizard-pattern-cells strong{color:var(--accent-strong);font:800 12px var(--mono)}.wizard-performance-lane{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;display:grid}.wizard-performance-lane>code{color:#b8c5c3;font:9px var(--mono)}.wizard-base-pattern>.wizard-performance-lane{grid-column:2}.wizard-performance-lane .wizard-pattern-cells>div{min-height:43px;padding:4px}.wizard-performance-lane .wizard-pattern-cells strong{font-size:9px}.wizard-reading{color:var(--muted);border-top:1px solid var(--rule-light);font:10px/1.55 var(--mono);grid-column:1/-1;margin:0;padding-top:12px}.wizard-reading b{color:#dbe8e6}.wizard-reading code{color:var(--accent-strong)}.wizard-degree-map{color:var(--muted);border-top:1px solid var(--rule-light);white-space:nowrap;font:9px var(--mono);grid-column:1/-1;align-items:center;gap:7px;margin:-6px 0 0;padding-top:10px;display:flex;overflow-x:auto}.wizard-degree-map b{color:#dbe8e6}.wizard-degree-map code{color:var(--accent-strong);background:#0b1211;padding:3px 5px}.wizard-degree-map span{margin-left:auto}.wizard-variants{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.wizard-variants article{border:1px solid var(--rule);background:#121918;gap:8px;min-width:0;padding:15px;display:grid}.wizard-variants h3{text-transform:lowercase;margin:0}.wizard-variants article>p{color:var(--muted);font:9px/1.45 var(--mono);margin:0}.wizard-variants .wizard-pattern-cells{grid-template-columns:repeat(auto-fit,minmax(36px,1fr))}.wizard-variants .wizard-pattern-cells>div{min-height:48px;padding:5px 2px}.wizard-variants .wizard-performance-lane{grid-template-columns:1fr;gap:3px}.wizard-variants .wizard-performance-lane .wizard-pattern-cells>div{min-height:38px}.wizard-more-variants{color:#c5d1cf;border:1px solid var(--rule);background:#101615;margin-top:10px}.wizard-more-variants summary{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;cursor:pointer;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.wizard-more-variants summary span{color:var(--muted);text-transform:none;font-weight:700}.wizard-more-variants>.wizard-variants{padding:0 10px 10px}.wizard-form-process{background:var(--rule-light);border:1px solid #356779;grid-template-columns:minmax(190px,.65fr) minmax(200px,.8fr) 1.2fr;gap:1px;margin-top:10px;display:grid}.wizard-form-process>*{background:#101817;margin:0;padding:13px}.wizard-form-process span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase}.wizard-form-process h3{margin:5px 0;font-size:18px}.wizard-form-process p{color:var(--muted);font:8px/1.5 var(--mono);margin:0}.wizard-form-process>code{color:#dff8ff;font:10px/1.5 var(--mono);overflow-wrap:anywhere;align-items:center;display:flex}.wizard-form-process dl{grid-template-columns:1fr 1fr;gap:1px;display:grid}.wizard-form-process dl>div{background:#111918;padding:9px}.wizard-form-process dt{color:var(--muted);font:800 7px var(--mono);text-transform:uppercase}.wizard-form-process dd{color:#dbe8e6;font:8px/1.4 var(--mono);margin:4px 0 0}.wizard-audition{background:var(--rule-light);border:1px solid #356779;grid-template-columns:1.15fr 1fr 1fr;gap:1px;margin-top:10px;display:grid}.wizard-audition>div{background:#101817;padding:12px}.wizard-audition span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase;margin-bottom:6px;display:block}.wizard-audition strong{color:#e5f4f3;font:750 11px/1.45 var(--sans)}.wizard-audition p{color:var(--muted);font:8px/1.5 var(--mono);margin:0}.wizard-orca-map{color:#c5d1cf;background:#101817;border:1px solid #356779;margin-top:10px}.wizard-orca-map summary{cursor:pointer;grid-template-columns:150px 1fr auto;align-items:center;gap:16px;padding:13px 16px;list-style:none;display:grid}.wizard-orca-map summary::-webkit-details-marker{display:none}.wizard-orca-map summary span{color:var(--accent-strong);font:800 10px var(--mono);text-transform:uppercase}.wizard-orca-map summary strong{color:#dbe8e6;font:700 10px var(--mono)}.wizard-orca-map summary i{color:var(--accent-strong);font:normal 17px var(--mono);transition:transform .15s}.wizard-orca-map[open] summary i{transform:rotate(45deg)}.wizard-orca-map-body{border-top:1px solid var(--rule-light);gap:10px;padding:0 12px 12px;display:grid}.wizard-orca-map ol{background:var(--rule-light);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.wizard-orca-map li{background:#111817;grid-template-columns:1fr auto;gap:5px;min-width:0;min-height:92px;padding:11px;display:grid;position:relative}.wizard-orca-map li:not(:last-child):after{z-index:1;content:"→";color:var(--accent-strong);font:12px var(--mono);position:absolute;top:35px;right:-7px}.wizard-orca-map li>span{color:#e4efed;font:800 10px var(--mono)}.wizard-orca-map li>code{color:var(--accent-strong);font:800 9px var(--mono)}.wizard-orca-map li>p{color:var(--muted);font:8px/1.45 var(--mono);grid-column:1/-1;margin:0}.wizard-orca-formulas{background:var(--rule-light);grid-template-columns:1fr 1fr;gap:1px;display:grid}.wizard-orca-formulas code{color:#dff8ff;font:9px var(--mono);background:#0d1312;padding:9px 11px}.wizard-orca-map dl{background:var(--rule-light);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid}.wizard-orca-map dl>div{background:#111817;grid-template-columns:34px 1fr;gap:7px;padding:8px 10px;display:grid}.wizard-orca-map dt{color:var(--accent-strong);font:800 9px var(--mono)}.wizard-orca-map dd{color:var(--muted);font:8px/1.4 var(--mono);gap:5px;margin:0;display:flex}.wizard-orca-map dd b{color:var(--accent-strong)}.wizard-orca-caveat{color:#95a5a2;border-left:2px solid var(--accent-strong);background:var(--accent-soft);font:8px/1.55 var(--mono);margin:0;padding:10px 11px}.wizard-orca-caveat strong{color:#dbe8e6}.wizard-compare-trigger{width:100%;color:var(--accent-strong);font:800 10px var(--mono);text-align:left;cursor:pointer;background:#101817;border:1px dashed #47717b;margin-top:10px;padding:13px 16px}.wizard-compare-trigger:hover{color:#071519;background:var(--accent-strong);border-style:solid}.wizard-compare-chooser,.wizard-layer-relation{border:1px solid var(--rule);background:#101615;margin-top:10px}.wizard-compare-chooser>header,.wizard-layer-relation>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:start;gap:20px;padding:14px 16px;display:flex}.wizard-compare-chooser header span,.wizard-layer-relation header span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase}.wizard-compare-chooser h3,.wizard-layer-relation h3{margin:5px 0 3px;font-size:22px}.wizard-compare-chooser header p,.wizard-layer-relation header p{color:var(--muted);font:9px/1.45 var(--mono);margin:0}.wizard-compare-chooser header button,.wizard-layer-relation header button{color:#a9ddea;font:700 8px var(--mono);cursor:pointer;background:0 0;border:1px solid #356779;padding:6px 8px}.wizard-layer-relation header>div:last-child{gap:6px;display:flex}.wizard-compare-chooser>div{background:var(--rule-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.wizard-compare-chooser>div>button{min-height:74px;color:var(--ink);text-align:left;cursor:pointer;background:#121918;border:0;align-content:start;gap:5px;padding:12px;display:grid}.wizard-compare-chooser>div>button:hover{background:var(--accent-soft)}.wizard-compare-chooser strong{font:750 12px var(--sans)}.wizard-compare-chooser button span{color:var(--muted);font:8px/1.4 var(--mono)}.wizard-compare-choice-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.wizard-compare-choice-top b{color:#071519;background:var(--accent-strong);font:800 7px var(--mono);text-transform:uppercase;flex:none;padding:3px 5px}.wizard-compare-chooser button small{color:#a9ddea;font:7px/1.45 var(--mono)}.wizard-relation-explanation{border-bottom:1px solid var(--rule-light);background:var(--rule-light);grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);gap:1px;display:grid}.wizard-relation-explanation>*{background:#121918;margin:0;padding:12px}.wizard-relation-explanation>div:first-child{box-shadow:inset 3px 0 0 var(--accent-strong)}.wizard-relation-explanation>div:first-child span{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.wizard-relation-explanation>div:first-child strong{color:#e9f7f8;font:800 18px var(--sans);margin:5px 0;display:block}.wizard-relation-explanation p{color:var(--muted);font:8px/1.5 var(--mono)}.wizard-relation-explanation>div:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.wizard-relation-explanation b{color:var(--accent-strong);text-transform:uppercase;margin-bottom:4px;font-size:8px;display:block}.wizard-relation-explanation>p:last-child{color:#c8d5d3;background:#101716;grid-column:1/-1}.wizard-relation-operation{border-bottom:1px solid var(--rule-light);background:#0d1515}.wizard-relation-operation>header{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);align-items:start;gap:16px;padding:12px;display:grid}.wizard-relation-operation>header span{color:var(--accent-strong);font:800 7px var(--mono);text-transform:uppercase}.wizard-relation-operation h4{color:#e9f7f8;font:800 16px var(--sans);margin:4px 0}.wizard-relation-operation>header p{color:var(--muted);font:8px/1.5 var(--mono);margin:0}.wizard-relation-operation>header code{color:#bcebf3;font:9px/1.4 var(--mono);overflow-wrap:anywhere;background:#101b1c;border:1px solid #31515a;padding:9px;display:block}.wizard-operation-states{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;padding:0 12px 12px;display:grid}.wizard-operation-states>b{color:var(--accent-strong);font:900 16px var(--mono);align-self:center}.wizard-operation-snapshot{border:1px solid var(--rule-light);background:#111918;min-width:0;padding:9px}.wizard-operation-snapshot>span{color:var(--muted);font:800 7px var(--mono);text-transform:uppercase}.wizard-operation-snapshot>strong{float:right;color:var(--accent-strong);font:800 10px var(--mono)}.wizard-operation-snapshot dl{gap:5px;margin:8px 0 0;display:grid}.wizard-operation-snapshot dl>div{grid-template-columns:minmax(88px,.45fr) minmax(0,1fr);gap:8px;display:grid}.wizard-operation-snapshot dt{color:#7f9693;font:7px/1.4 var(--mono)}.wizard-operation-snapshot dd{color:#d4e5e2;min-width:0;font:8px/1.4 var(--mono);overflow-wrap:anywhere;margin:0}.wizard-operation-orca{background:var(--rule-light);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 12px 12px;display:grid}.wizard-operation-orca>div{background:#111918;align-content:start;gap:5px;min-width:0;padding:10px;display:grid}.wizard-operation-orca span{color:var(--accent-strong);font:800 7px var(--mono);text-transform:uppercase}.wizard-operation-orca strong,.wizard-operation-orca code{color:#e5f6f8;font:800 9px/1.4 var(--mono);overflow-wrap:anywhere}.wizard-operation-orca b{color:#a9ddea;font:700 7px var(--mono)}.wizard-operation-orca p{color:var(--muted);font:8px/1.45 var(--mono);margin:0}.wizard-relation-diagnostics{border-bottom:1px solid var(--rule-light);background:#101615}.wizard-relation-diagnostics>summary{color:#bcd0ce;font:800 8px var(--mono);cursor:pointer;justify-content:space-between;gap:14px;padding:10px 12px;display:flex}.wizard-relation-diagnostics>summary span{color:var(--accent-strong)}.wizard-relation-operation>footer{border-top:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.wizard-relation-operation>footer span{color:var(--muted);font:7px/1.4 var(--mono)}.wizard-relation-operation>footer button{color:#061416;border:1px solid var(--accent-strong);background:var(--accent-strong);font:800 8px var(--mono);cursor:pointer;padding:7px 10px}.wizard-relation-operation>footer button:disabled{color:#81918f;cursor:default;background:#18201f;border-color:#344341}.wizard-relation-metrics{border-bottom:1px solid var(--rule-light);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wizard-relation-metrics>div{border-right:1px solid var(--rule-light);gap:5px;min-width:0;padding:12px;display:grid}.wizard-relation-metrics>div:last-child{border-right:0}.wizard-relation-metrics span{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.wizard-relation-metrics strong{color:#e8f4f3;font:800 15px var(--mono)}.wizard-relation-metrics code{color:var(--accent-strong);font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wizard-phase-controls{border-bottom:1px solid var(--rule-light);gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.wizard-phase-controls button{color:#b5c3c1;font:700 8px var(--mono);cursor:pointer;background:#151d1b;border:1px solid #465450;flex:none;padding:6px 8px}.wizard-phase-controls button:hover{color:#071519;border-color:var(--accent-strong);background:var(--accent-strong)}.wizard-phase-controls button:disabled{color:#778481;cursor:default;background:#111817;border-style:dashed}.wizard-relation-grid{grid-template-columns:repeat(var(--relation-steps), minmax(34px, 1fr));min-width:max-content;display:grid}.wizard-layer-relation{overflow-x:auto}.wizard-relation-grid>div{text-align:center;border-right:1px solid var(--rule-light);background:#121918;grid-template-columns:1fr 1fr;place-content:center;gap:2px;min-width:34px;min-height:58px;padding:6px 4px;display:grid}.wizard-relation-grid small{color:#63706d;font:7px var(--mono);grid-column:1/-1}.wizard-relation-grid span{color:#65736f;min-height:18px;font:800 8px var(--mono);place-items:center;display:grid}.wizard-relation-grid .source span:first-of-type,.wizard-relation-grid .collision span:first-of-type{color:#071519;background:var(--accent-strong)}.wizard-relation-grid .target span:last-of-type,.wizard-relation-grid .collision span:last-of-type{color:#061619;background:#a0dde9}.wizard-relation-grid .collision{box-shadow:inset 0 -3px 0 var(--accent-strong);background:#17343b}.wizard-layer-relation>footer{min-width:min(100%,700px);color:var(--muted);border-top:1px solid var(--rule-light);font:8px var(--mono);align-items:center;gap:14px;padding:10px 12px;display:flex;position:sticky;left:0}.wizard-layer-relation footer span{white-space:nowrap;align-items:center;gap:5px;display:flex}.wizard-layer-relation footer i{border:1px solid #53605d;width:9px;height:9px}.wizard-layer-relation footer i.source{background:var(--accent-strong)}.wizard-layer-relation footer i.target{background:#a0dde9}.wizard-layer-relation footer i.collision{box-shadow:inset 0 -2px 0 var(--accent-strong);background:#1b4a55}.wizard-layer-relation footer p{text-align:right;margin:0 0 0 auto}.constructor-shell{width:min(100%,1500px);color:var(--ink);margin:0 auto;padding:24px 28px 90px}.constructor-intro{grid-template-columns:minmax(360px,1fr) minmax(300px,.72fr);align-items:end;gap:42px;padding:10px 0 24px;display:grid}.constructor-intro span{color:var(--accent-strong);font:800 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.constructor-intro h1{margin-top:8px;font-size:clamp(38px,4.2vw,64px)}.constructor-intro p{color:#b8c5c3;max-width:620px;font:12px/1.6 var(--mono);margin:0 0 5px}.project-strip{border:1px solid var(--rule);background:#111817;border-bottom:0;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:8px 11px;display:flex}.project-strip>div:first-child{grid-template-columns:minmax(190px,.65fr) minmax(180px,1fr);align-items:center;gap:3px 10px;min-width:0;display:grid}.project-strip span{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.project-strip strong{color:var(--accent-strong);font:800 10px var(--mono)}.project-strip small{color:#788784;font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.preset-picker{grid-row:1/span 2;gap:3px;min-width:0;display:grid}.preset-picker select{color:#dff8ff;width:100%;min-width:0;font:9px var(--mono);background:#101615;border:1px solid #356779;border-radius:0;padding:5px 7px}.project-strip>div:last-child{flex:none;align-items:center;gap:6px;display:flex}.project-strip button{color:#a9ddea;font:700 8px var(--mono);cursor:pointer;background:0 0;border:1px solid #356779;padding:6px 8px}.project-strip button:hover{color:#071519;background:var(--accent-strong)}.project-strip output{color:#74827f;min-width:72px;font:7px var(--mono);text-align:right}.context-strip{border:1px solid var(--rule);background:var(--panel);grid-template-columns:.65fr .75fr 1fr 1.1fr 1fr .8fr;display:grid}.context-strip>*{border-right:1px solid var(--rule-light);align-content:start;min-width:0;min-height:94px;padding:12px;display:grid;position:relative}.context-strip>:last-child{border-right:0}.context-strip label>span,.context-readout>span{color:var(--muted);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.context-strip input,.context-strip select{width:100%;min-width:0;color:var(--ink);font:700 13px var(--mono);background:#101615;border:1px solid #53615e;border-radius:0;padding:7px 8px}.context-strip label>small,.context-readout small{color:#798784;font:8px/1.3 var(--mono);margin-top:6px}.context-strip label>small{pointer-events:none;position:absolute;bottom:17px;right:17px}.context-strip label:first-child input{padding-right:42px}.context-readout strong{color:var(--accent-strong);font:800 19px var(--mono)}.meter-change{color:#c8d6d4;border:1px solid var(--tension);background:var(--tension-soft);font:9px/1.45 var(--mono);border-top:0;justify-content:space-between;align-items:center;gap:20px;padding:10px 12px;display:flex}.meter-change>div:first-child{gap:3px;display:grid}.meter-change b{color:#f4d9e9;text-transform:uppercase}.meter-change span{color:#aebbb9}.meter-change>div:last-child{flex:none;gap:7px;display:flex}.meter-change button{color:#f4d9e9;font:800 8px var(--mono);cursor:pointer;background:#171b1a;border:1px solid #81536e;padding:7px 9px}.meter-change button:last-child{color:#081517;border-color:var(--accent-strong);background:var(--accent-strong)}.part-rack{border:1px solid var(--rule);background:#101615;border-top:0}.part-rack>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:8px 11px;display:flex}.part-rack>header>div:first-child{gap:3px;display:grid}.part-rack>header b{font:800 9px var(--mono);text-transform:uppercase}.part-rack>header span{color:var(--muted);font:8px var(--mono)}.part-rack>header>div:last-child{gap:5px;display:flex}.part-rack>header button{color:var(--accent-strong);font:700 8px var(--mono);cursor:pointer;background:0 0;border:1px solid #356779;padding:6px 8px}.part-rack>header button:hover{color:#071519;background:var(--accent-strong)}.part-tabs{background:var(--rule-light);gap:1px;min-width:0;display:flex;overflow-x:auto}.part-tabs article{background:#121918;grid-template-columns:minmax(138px,1fr) auto;min-width:224px;display:grid}.part-tabs article.active{box-shadow:inset 0 3px 0 var(--accent-strong);background:#172321}.part-tabs article.muted{opacity:.55}.part-select{color:#dce9e7;text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;min-width:0;padding:10px;display:grid}.part-select small{color:var(--accent-strong);font:7px var(--mono);text-transform:uppercase}.part-select strong{font:800 10px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-select span{color:var(--muted);font:7px var(--mono)}.part-mute{color:var(--muted);border:0;border-left:1px solid var(--rule-light);font:700 7px var(--mono);cursor:pointer;background:0 0;align-self:stretch;padding:8px}.part-mute[aria-pressed=true]{color:#f3d7e8;background:var(--tension-soft)}.part-instrument{border-top:1px solid var(--rule-light);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;display:grid}.part-instrument span{color:#72817e;font:7px var(--mono);text-transform:uppercase}.part-instrument select{color:#ccebf2;min-width:0;font:8px var(--mono);background:#0d1312;border:1px solid #3b565a;border-radius:0;padding:4px 5px}.form-map{border:1px solid var(--rule);background:#101615;border-top:0}.form-map>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:7px 11px;display:flex}.form-map>header div{gap:3px;display:grid}.form-map>header b{font:800 9px var(--mono);text-transform:uppercase}.form-map>header span,.form-map>header small{color:var(--muted);font:8px var(--mono)}.form-map>div{grid-template-columns:repeat(var(--form-sections,4), minmax(0, 1fr));background:var(--rule-light);gap:1px;display:grid}.form-map article{background:#121918;grid-template-columns:1fr .8fr;gap:7px;min-width:0;padding:9px 10px 20px;display:grid;position:relative}.form-map label{gap:4px;min-width:0;display:grid}.form-map label span{color:#7e8d8a;font:7px var(--mono);text-transform:uppercase}.form-map input,.form-map select{color:#dceae8;min-width:0;font:8px var(--mono);background:#0d1312;border:1px solid #3c4b48;border-radius:0;padding:5px 6px}.form-map .section-energy{grid-column:1/-1}.form-map .section-energy span{justify-content:space-between;display:flex}.form-map .section-energy b{color:var(--accent-strong)}.form-map .section-energy input{accent-color:var(--accent);padding:0}.form-map .apply-transition{color:var(--accent-strong);font:800 7px var(--mono);text-transform:uppercase;cursor:pointer;background:#102128;border:1px solid #315867;grid-column:1/-1;padding:6px 8px}.form-map .apply-transition:hover{color:#071516;background:var(--accent-strong)}.form-map article>small{color:#61706d;font:7px var(--mono);position:absolute;bottom:7px;right:10px}.constructor-workspace{grid-template-columns:minmax(0,2.25fr) minmax(250px,.75fr);gap:12px;margin-top:12px;display:grid}.timeline-panel,.event-panel,.suggestion-panel,.interaction-panel{border:1px solid var(--rule);background:var(--panel);min-width:0}.timeline-panel>header,.suggestion-panel>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:9px 12px;display:flex}.timeline-panel>header div,.suggestion-panel>header div{gap:3px;display:grid}.timeline-panel>header b,.suggestion-panel>header b{font:800 11px var(--mono);text-transform:uppercase}.timeline-panel>header span,.suggestion-panel>header span,.suggestion-panel>header small{color:var(--muted);font:9px var(--mono)}.timeline-panel>header button{color:var(--accent-strong);font:700 9px var(--mono);cursor:pointer;background:0 0;border:1px solid #356779;padding:7px 9px}.timeline-panel>header button:hover{color:#071519;background:var(--accent-strong)}.transport-controls{grid-auto-flow:column;align-items:center;gap:7px!important;display:flex!important}.timeline-panel>header .transport-play{color:#071519;border-color:var(--accent-strong);background:var(--accent-strong)}.timeline-panel>header .transport-play:hover{color:#e7fbff;background:#157f99}.clip-lane{border-bottom:1px solid var(--rule-light);background:#101615;grid-template-columns:96px minmax(0,1fr);align-items:stretch;display:grid}.clip-lane>div:first-child{border-right:1px solid var(--rule-light);align-content:center;gap:3px;padding:8px 10px;display:grid}.clip-lane>div:first-child b{font:800 8px var(--mono);text-transform:uppercase}.clip-lane>div:first-child span{color:var(--muted);font:7px/1.3 var(--mono)}.clip-lane>div:last-child{grid-template-columns:repeat(var(--clip-count,4), minmax(120px, 1fr));background:var(--rule-light);gap:1px;display:grid;overflow-x:auto}.clip-lane>div:last-child>article{background:#14201e;grid-template-rows:1fr auto;min-width:0;display:grid}.clip-mute{color:#d6e4e2;min-width:0;font:8px var(--mono);text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:8px 9px;display:grid}.clip-mute span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.clip-mute small{color:var(--accent-strong);font-size:7px}.clip-repeat{color:#81918e;border:0;border-top:1px solid var(--rule-light);min-width:0;font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#0e1514;padding:5px 8px;overflow:hidden}.clip-repeat:disabled{color:#45524f;cursor:default}.clip-lane article.muted{background:var(--tension-soft);box-shadow:inset 0 -3px 0 var(--tension)}.clip-lane article.muted .clip-mute{color:#e8cbdd}.clip-lane article.muted .clip-mute small{color:#d895ba}.clip-lane article.repeated .clip-repeat{color:#061619;background:var(--accent-strong)}.rhythm-skeletons{border:0;border-bottom:1px solid var(--rule-light);grid-template-columns:auto 1fr minmax(220px,.9fr);align-items:center;gap:12px;min-width:0;margin:0;padding:8px 11px;display:grid}.rhythm-skeletons legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rhythm-skeletons:before{content:"Rhythm skeleton";color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.rhythm-skeletons>div{gap:5px;min-width:0;display:flex}.rhythm-skeletons button{color:#9eadaa;font:700 8px var(--mono);cursor:pointer;background:#101615;border:1px solid #42504d;padding:6px 8px}.rhythm-skeletons button.active,.rhythm-skeletons button:hover{color:#071519;border-color:var(--accent-strong);background:var(--accent-strong)}.rhythm-skeletons p{color:#7f8e8b;min-width:0;font:8px/1.35 var(--mono);margin:0}.melody-bars{background:var(--rule-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;display:grid}.drum-map{background:#111817;min-width:0;overflow-x:auto}.drum-map>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:16px;min-width:780px;padding:8px 10px;display:flex;position:sticky;left:0}.drum-map>header div{gap:2px;display:grid}.drum-map>header b{color:#dceae8;font:800 8px var(--mono);text-transform:uppercase}.drum-map>header span,.drum-map>header code{color:var(--muted);font:7px var(--mono)}.drum-row{border-bottom:1px solid var(--rule-light);grid-template-columns:94px minmax(686px,1fr);min-width:780px;display:grid}.drum-row>strong{color:#dbe8e6;border-right:1px solid var(--rule-light);font:800 8px var(--mono);align-content:center;gap:3px;padding:7px 10px;display:grid}.drum-row>strong small{color:var(--muted);font:7px var(--mono)}.drum-row>div{grid-template-columns:repeat(var(--total-steps), minmax(27px, 1fr));display:grid}.drum-row button{color:#52615e;min-width:0;height:37px;font:8px var(--mono);cursor:pointer;background:#121918;border:0;border-right:1px solid #283431;padding:0}.drum-row button.beat{background:#17201e;box-shadow:inset 2px 0 #41504d}.drum-row button.hit{color:#071519;background:var(--accent-strong)}.drum-row button.selected{outline-offset:-3px;outline:2px solid #e8fbff}.drum-row button.playing{box-shadow:inset 0 -4px 0 var(--tension)}.drum-row button.repeated{opacity:.72;cursor:not-allowed;background-image:repeating-linear-gradient(135deg,#0000 0 5px,#ffffff1f 5px 6px)}.melody-bar{background:#111817;min-width:0}.bar-label{color:var(--muted);font:8px var(--mono);border-bottom:1px solid var(--rule-light);justify-content:space-between;padding:8px 10px;display:flex}.bar-label b{color:#d7e3e1;text-transform:uppercase}.bar-steps{grid-template-columns:repeat(var(--steps), minmax(32px, 1fr));display:grid}.bar-steps button{color:#81908d;border:0;border-right:1px solid var(--rule-light);cursor:pointer;background:#121918;place-items:center;min-width:0;height:74px;padding:7px 3px;display:grid}.bar-steps button:last-child{border-right:0}.bar-steps button.beat{background:#17201e;box-shadow:inset 2px 0 #41504d}.bar-steps button span{color:inherit;font:800 12px var(--mono)}.bar-steps button small{color:#6f7c79;font:8px var(--mono);align-self:end}.bar-steps button.note{color:#071519;background:var(--accent-strong)}.bar-steps button.note small{color:#174650}.bar-steps button.chord{color:#dff8ff;box-shadow:inset 0 -4px 0 var(--accent-strong);background:#1c4650}.bar-steps button.chord small{color:#a8dfea}.bar-steps button.repeated{opacity:.75;cursor:not-allowed;background-image:repeating-linear-gradient(135deg,#0000 0 7px,#ffffff26 7px 8px)}.bar-steps button.rest{color:#f6d9ec;background:var(--tension-soft);box-shadow:inset 0 -4px 0 var(--tension)}.bar-steps button.continuation{color:var(--accent-strong);background:#173038}.bar-steps button:hover,.bar-steps button.selected{outline-offset:-3px;outline:2px solid #e8fbff}.bar-steps button.playing{outline-offset:-3px;box-shadow:inset 0 -5px 0 var(--tension);outline:2px solid #fff;position:relative}.bar-steps button.playing:after{content:"";background:#fff;width:3px;position:absolute;inset:0 auto 0 0}.timeline-legend{color:var(--muted);border-top:1px solid var(--rule-light);font:8px var(--mono);flex-wrap:wrap;gap:16px;padding:9px 11px;display:flex}.timeline-legend span{align-items:center;gap:6px;display:flex}.timeline-legend i{border:1px solid var(--rule);width:10px;height:10px}.timeline-legend i.note{background:var(--accent-strong)}.timeline-legend i.rest{background:var(--tension)}.timeline-legend i.empty{background:#121918}.timeline-legend code{color:#9addec;margin-left:auto}.automation-panel{border-top:1px solid var(--rule-light)}.automation-panel summary{color:#dce8e6;font:800 10px var(--mono);cursor:pointer;justify-content:space-between;padding:12px;display:flex}.automation-panel summary code{color:var(--muted);font-size:8px;font-weight:400}.automation-controls{background:var(--rule-light);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.automation-controls label{background:#121918;gap:8px;padding:10px;display:grid}.automation-controls span{color:var(--muted);font:8px var(--mono);justify-content:space-between;display:flex}.automation-controls b{color:var(--accent-strong)}.automation-controls input{width:100%;accent-color:var(--accent)}.automation-controls select{color:var(--ink);border:1px solid var(--rule);font:8px var(--mono);background:#101615;padding:5px}.event-panel{align-self:start}.event-panel>header{border-bottom:1px solid var(--rule-light);gap:5px;min-height:66px;padding:12px;display:grid}.event-panel>header span{color:var(--muted);font:8px var(--mono);text-transform:uppercase}.event-panel>header strong{color:var(--accent-strong);font:800 14px var(--mono)}.event-types{grid-template-columns:repeat(5,1fr);padding:10px;display:grid}.event-types button{color:var(--muted);border:1px solid var(--rule);font:700 9px var(--mono);cursor:pointer;background:0 0;padding:8px 4px}.event-types button+button{border-left:0}.event-types button.active{color:#071519;border-color:var(--accent-strong);background:var(--accent-strong)}.event-types.drum-event-types{grid-template-columns:repeat(3,1fr)}.event-sliders{gap:13px;padding:4px 12px 12px;display:grid}.event-sliders label{gap:6px;display:grid}.event-sliders span{color:var(--muted);font:8px var(--mono);justify-content:space-between;display:flex}.event-sliders b{color:#dfecea}.event-sliders input{width:100%;accent-color:var(--accent)}.event-sliders input:disabled{opacity:.28}.event-distinction{color:#83918e;border-top:1px solid var(--rule-light);font:8px/1.55 var(--mono);margin:0;padding:11px 12px}.event-distinction b{color:#c9d5d3}.interaction-panel{grid-column:1/-1}.interaction-panel>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;display:flex}.interaction-panel>header div{gap:3px;display:grid}.interaction-panel>header b{font:800 10px var(--mono);text-transform:uppercase}.interaction-panel>header span,.interaction-panel>header small{color:var(--muted);font:8px var(--mono)}.interaction-clear{color:#80908d;font:9px/1.45 var(--mono);margin:0;padding:12px}.interaction-issues{background:var(--rule-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.interaction-issues article{background:#121918;gap:6px;padding:11px 12px;display:grid}.interaction-issues article[data-severity=warning]{box-shadow:inset 3px 0 0 var(--tension)}.interaction-issues article>div{justify-content:space-between;gap:12px;display:flex}.interaction-issues b{color:#e8f5f3;font:800 8px var(--mono);text-transform:uppercase}.interaction-issues code{color:var(--accent-strong);font:8px var(--mono)}.interaction-issues p{color:#b6c4c1;font:9px/1.4 var(--mono);margin:0}.interaction-issues span{color:#7f8d8a;font:8px/1.4 var(--mono)}.suggestion-panel{grid-column:1/-1}.drum-context-panel{border:1px solid var(--rule);background:var(--panel);grid-column:1/-1;min-width:0}.drum-context-panel>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:9px 12px;display:flex}.drum-context-panel>header div{gap:3px;display:grid}.drum-context-panel>header b{font:800 11px var(--mono);text-transform:uppercase}.drum-context-panel>header span,.drum-context-panel>header small{color:var(--muted);font:9px var(--mono)}.drum-context-panel>div{background:var(--rule-light);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.drum-context-panel article{background:#111817;padding:13px}.drum-context-panel article b{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase}.drum-context-panel article p{color:#98a6a3;font:8px/1.5 var(--mono);margin:6px 0 0}.suggestion-groups{background:var(--rule-light);grid-template-columns:1.35fr 1fr;gap:1px;display:grid}.suggestion-groups>div{background:#111817;min-width:0;padding:11px}.suggestion-groups h2{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase;border:0;margin:0 0 8px;padding:0}.suggestion-groups article{border-top:1px solid var(--rule-light);grid-template-columns:minmax(92px,.55fr) minmax(150px,1.35fr) auto;align-items:center;gap:10px;min-height:46px;padding:7px 8px;display:grid}.suggestion-groups article p small{color:var(--accent-strong);margin-top:3px;font-size:7px;display:block}.suggestion-note{color:#071519;background:var(--accent-strong);font:800 10px var(--mono);text-align:left;cursor:pointer;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;display:grid}.suggestion-note small{color:inherit;font:700 6px var(--mono);text-transform:uppercase;border:1px solid;padding:2px 3px}.suggestion-groups>div:last-child .suggestion-note{color:#fff1f9;background:var(--tension-soft);outline:1px solid #80516f}.suggestion-groups article p{color:#98a6a3;font:8px/1.35 var(--mono);margin:0}.suggestion-groups article p b,.suggestion-groups article p span{display:block}.suggestion-groups article p b{color:#d3e5e3;font:800 7px var(--mono);text-transform:uppercase;margin-bottom:3px}.suggestion-groups article p span+span{margin-top:2px}.suggestion-groups article>div{align-items:center;gap:8px;display:flex}.suggestion-groups article code{color:#82908d;font:7px var(--mono);white-space:nowrap}.suggestion-groups article>div button{color:var(--accent-strong);font:800 8px var(--mono);cursor:pointer;background:0 0;border:1px solid #356779;padding:6px 8px}.modulation-action{border-top:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:20px;padding:11px 12px;display:flex}.modulation-action>div{gap:3px;display:grid}.modulation-action b{font:800 9px var(--mono)}.modulation-action span{color:var(--muted);font:8px var(--mono)}.modulation-action button{color:#ffdff3;background:var(--tension-soft);font:800 8px var(--mono);cursor:pointer;border:1px solid #80516f;padding:7px 10px}.chapter-page{min-width:0}.chapter-section{border-top:1px dashed var(--rule);min-width:0;max-width:1080px;padding:76px 0 12px;scroll-margin-top:24px}.chapter-section>*{min-width:0}.use-now{background:#101c1e;border:1px solid #356779;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;max-width:1080px;margin:0 0 28px;padding:14px 16px;display:grid}.use-now span{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase}.use-now code{color:#e6f8fb;font:10px var(--mono)}.use-now p{color:var(--muted);font:9px/1.45 var(--mono);margin:0}.use-now a{color:#071519;background:var(--accent-strong);font:800 9px var(--mono);white-space:nowrap;padding:8px 10px;text-decoration:none}.chapter-section:first-of-type{margin-top:80px}.chapter-page .chapter-section:first-of-type{border-top:0;margin-top:0;padding-top:8px}.chapter-section h1{max-width:900px;margin-top:14px;font-size:clamp(44px,5vw,68px)}.chapter-section h2{max-width:900px;margin-top:38px;padding-top:18px}.chapter-section>p,.chapter-section>ul,.chapter-section>ol{max-width:900px;font:15px/1.72 var(--mono)}.chapter-section li+li{margin-top:8px}.chapter-kicker{color:var(--muted);font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:14px;display:flex}.chapter-kicker span{color:#07191e;background:var(--accent);place-items:center;width:34px;height:26px;display:grid}.theory-layers{background:#101716;border:1px solid #4b6870;max-width:1080px;margin:26px 0 34px}.theory-layers>header{border-bottom:1px solid var(--rule);justify-content:space-between;gap:18px;padding:10px 13px;display:flex}.theory-layers>header strong{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.theory-layers>header span{color:var(--muted);font:9px var(--mono)}.theory-layers>div{background:var(--rule-light);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.theory-layers article{background:#121a19;grid-template-columns:auto 1fr;align-content:start;gap:5px 9px;min-height:142px;padding:14px;display:grid}.theory-layers article>span{color:#66817f;font:800 8px var(--mono);grid-row:1/span 2}.theory-layers article h2{color:#edf7f6;font:750 16px var(--sans);border:0;margin:0;padding:0}.theory-layers article p,.theory-layers article code{color:#aebdbb;font:10px/1.55 var(--mono);grid-column:2;margin:4px 0 0}.theory-layers article code{color:#dff8ff;overflow-wrap:anywhere}.theory-layers>footer{border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:14px;padding:11px 13px;display:grid}.theory-layers>footer strong{color:var(--tension);font:800 8px var(--mono);text-transform:uppercase;white-space:nowrap}.theory-layers>footer p{color:var(--muted);font:9px/1.5 var(--mono);margin:0}.formula{border:1px solid var(--rule);background:var(--panel);grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);max-width:900px;margin:24px 0;display:grid}.formula>*{min-width:0}.formula>code{overflow-wrap:anywhere;color:#e9f7f8;min-height:74px;font:700 clamp(15px, 2vw, 21px)/1.35 var(--mono);white-space:normal;align-items:center;padding:18px;display:flex}.formula>span{color:var(--muted);font:11px/1.55 var(--mono);border-left:1px solid var(--rule);padding:16px;display:block}.formula span code{min-height:0;color:inherit;font:inherit;vertical-align:baseline;white-space:normal;padding:0 .18em;display:inline-block}.chapter-section table{table-layout:fixed;border-collapse:collapse;width:100%;max-width:none;font:12px/1.5 var(--mono);margin:26px 0;display:table}.chapter-section th{color:#e9f5f6;text-align:left;background:#17201f}.chapter-section th,.chapter-section td{border:1px solid var(--rule);vertical-align:top;overflow-wrap:anywhere;padding:11px 12px}.chapter-section tbody tr:nth-child(2n){background:var(--panel-soft)}.playground-experiment{border:1px solid #5f7471;border-left:5px solid var(--accent);color:#dfe9e8;background:#17201f;max-width:900px;margin:32px 0;padding:20px 22px}.playground-experiment strong{color:var(--accent);font:800 13px var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:block}.playground-experiment ol{font:12px/1.6 var(--mono);margin:0;padding-left:22px}.chapter-section a,.reading-note a,.recipe-pack a{color:var(--accent-strong)}.recipe-pack{background:#121a19;border:1px solid #507078;max-width:1040px;margin:42px 0 28px}.recipe-pack-header{border-bottom:1px solid var(--rule);background:#152326;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.recipe-pack-header span{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.12em}.recipe-pack-header h2{font:750 25px/1.1 var(--sans);border:0;margin:5px 0 0;padding:0}.recipe-pack-header>strong{color:#c8f4ff;font:800 9px var(--mono);text-transform:uppercase;white-space:nowrap;border:1px solid #397388;padding:6px 8px}.recipe-pack-intro{color:#bcc9c7;max-width:850px;font:12px/1.65 var(--mono);margin:0;padding:16px 18px}.recipe-context{border-block:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.recipe-context>div{border-right:1px solid var(--rule-light);gap:7px;min-width:0;padding:12px 14px;display:grid}.recipe-context>div:last-child{border-right:0}.recipe-context b{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.recipe-context code{color:#e6f8fb;font:11px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-pack .step-legend{margin:18px}.recipe-pack h3{color:#e7f1f0;font:800 14px var(--mono);margin:30px 18px 12px}.recipe-pack .cheat-scroll{max-width:calc(100% - 36px);margin-inline:18px}.recipe-transform{border-top:1px solid var(--rule);grid-template-columns:minmax(170px,.35fr) 1fr;margin-top:26px;display:grid}.recipe-transform>*{margin:0;padding:15px 18px}.recipe-transform b{color:var(--accent-strong);font:800 10px/1.4 var(--mono);text-transform:uppercase}.recipe-transform p{color:var(--muted);border-left:1px solid var(--rule);font:11px/1.55 var(--mono)}.context-example{background:#121a19;border:1px solid #4b6870;max-width:1040px;margin:28px 0}.context-example>header{border-bottom:1px solid var(--rule);background:#152326;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.context-example>header span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase;letter-spacing:.11em}.context-example>header h3{font:750 21px/1.1 var(--sans);margin:5px 0 0}.context-example>header code{color:#dff8ff;max-width:44%;font:10px/1.45 var(--mono);text-align:right}.context-example-visual{border-bottom:1px solid var(--rule);padding:16px}.context-example-visual>*,.context-example-visual .pitch-set-stack{margin-block:0}.context-example dl{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.context-example dl>div{border-right:1px solid var(--rule-light);min-width:0;min-height:116px;padding:14px 15px}.context-example dl>div:last-child{border-right:0}.context-example dt{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.context-example dd{color:#b7c5c3;font:11px/1.55 var(--mono);margin:9px 0 0}.context-example footer{border-top:1px solid var(--rule);justify-content:flex-end;padding:9px 13px;display:flex}.context-example footer a{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;text-decoration:none}.context-example footer a:hover{color:#e7fbff}.reference-shelf{border:1px solid var(--rule);background:var(--panel);gap:0;max-width:1040px;margin:34px 0;display:flex}.reference-shelf>*{border-right:1px solid var(--rule);align-items:center;min-height:54px;padding:12px 14px;display:flex}.reference-shelf>:last-child{border-right:0}.reference-shelf b{color:var(--muted);font:800 9px var(--mono);text-transform:uppercase}.reference-shelf a{color:#dff8ff;font:10px/1.4 var(--mono);text-decoration:none}.reference-shelf a:hover{color:var(--accent-strong);background:var(--accent-soft)}.chapter-pagination{background:#151b1a;border:1px solid #555f5d;grid-template-columns:1fr 1fr;max-width:900px;margin:68px 0 20px;display:grid}.chapter-pagination a{color:#e8eeee;gap:7px;min-height:92px;padding:18px 20px;text-decoration:none;display:grid}.chapter-pagination a+a{text-align:right;border-left:1px solid #555f5d}.chapter-pagination .next:only-child{border-left:1px solid #555f5d;grid-column:2}.chapter-pagination span{color:var(--accent);font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.chapter-pagination strong{font:700 19px var(--mono)}.chapter-pagination a:hover{background:#202928}.voice-leading-diagram span:first-child,.voice-leading-diagram span:nth-of-type(2){color:var(--accent)}.rhythm-strip{border:1px solid var(--rule);grid-template-columns:repeat(8,1fr);max-width:900px;margin:24px 0;display:grid}.rhythm-strip>*{min-height:58px;font:700 14px var(--mono);border-right:1px solid var(--rule);place-items:center;display:grid}.rhythm-strip>:last-child{border-right:0}.rhythm-strip b{color:#07191e;background:var(--accent)}.rhythm-strip span{color:var(--muted);background:var(--panel-soft)}.playground{font-family:var(--mono);position:relative}.control-deck{background:#ffffff47;border:1px solid #9ea09a;grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) minmax(350px,1.35fr) 138px;display:grid}.voice,.analysis-readout,.wave-select{border-right:1px solid #bfc0ba;min-height:174px;padding:14px}.voice-heading{border-bottom:1px solid var(--rule-light);align-items:center;gap:10px;padding-bottom:11px;font-size:12px;display:flex}.voice-id{color:#fff;background:var(--ink);place-items:center;width:27px;height:27px;font-size:17px;font-weight:800;display:grid}.voice-heading i{background:var(--a);border:1px solid #32332f;width:10px;height:10px}.voice-b .voice-heading i{background:var(--b)}.frequency-row{align-items:center;gap:14px;margin:13px 0 9px;display:flex}.play-round{cursor:pointer;background:0 0;border:1px solid #555752;border-radius:50%;flex:0 0 45px;height:45px;padding-left:5px}.play-round:hover{color:var(--paper);background:var(--ink)}.frequency-row label{grid-template-columns:minmax(80px,1fr) auto;align-items:baseline;display:grid}.frequency-row input{width:100%;min-width:0;font:28px var(--mono);letter-spacing:-.06em;background:0 0;border:0;padding:0}.frequency-row label>span{font-size:11px}.frequency-row strong{color:var(--a);grid-column:1/-1;margin-top:2px;font-size:18px}.voice-b .frequency-row strong{color:var(--b)}.frequency-slider{width:100%;accent-color:var(--a)}.voice-b .frequency-slider{accent-color:var(--b)}.analysis-readout{grid-template-columns:1fr 1.15fr 1.45fr;padding:0;display:grid}.analysis-readout>div{border-right:1px solid var(--rule-light);flex-direction:column;gap:16px;padding:18px 12px;display:flex}.analysis-readout span,.wave-select>span{text-transform:uppercase;letter-spacing:.04em;font-size:10px}.analysis-readout strong{font-size:18px;font-weight:500}.analysis-readout>div:first-child strong{font-size:31px}.analysis-readout button{text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #a2a49d;grid-column:1/-1;height:36px;margin:9px;font-size:11px;font-weight:800}.analysis-readout button:hover{color:var(--paper);background:var(--ink)}.wave-select{border-right:0}.wave-select div{margin-top:22px;display:flex}.wave-select button{text-transform:capitalize;cursor:pointer;background:0 0;border:1px solid #777973;flex:1;padding:9px 4px;font-size:11px}.wave-select button+button{border-left:0}.wave-select button.selected{color:#fff;background:var(--ink)}.visual-grid{border:1px solid #9ea09a;grid-template-columns:2fr 1.05fr 1.05fr .95fr;margin-top:18px;display:grid}.viz,.metrics{border-right:1px solid #bfc0ba;min-width:0}.visual-grid>:last-child{border-right:0}.viz header,.metrics header,.piano-wrap header,.staff header{text-transform:uppercase;justify-content:space-between;gap:12px;padding:12px 13px 10px;font-size:10px;display:flex}.viz header span,.metrics header span,.piano-wrap header span,.staff header span{color:var(--muted);text-transform:none}.viz svg{width:100%;height:auto;display:block;overflow:visible}.grid{stroke:#d1d2cc;stroke-width:1px;stroke-dasharray:4 4}.line-a,.line-b{fill:none;stroke-width:2.4px;vector-effect:non-scaling-stroke}.line-a{stroke:var(--a)}.line-b{stroke:var(--b)}.viz footer{gap:24px;padding:5px 14px 13px;font-size:9px;display:flex}.key:before{content:"";background:currentColor;width:18px;height:2px;margin:0 7px 3px 0;display:inline-block}.key.a{color:var(--accent-strong)}.key.b{color:#3baec9}.viz-spectrum text{font-size:9px;font-family:var(--mono);fill:#777}.partial-a,.partial-b{stroke-width:3px}.partial-a{stroke:var(--a)}.partial-b{stroke:var(--b)}.viz-lissajous svg{background:#191b1a;width:calc(100% - 20px);margin:0 auto 8px}.viz-lissajous .grid{stroke:#696c68}.lissajous{fill:none;stroke:var(--a);stroke-width:2.5px}.metrics dl{margin:0;padding:0 13px 12px}.metrics dl div{border-bottom:1px dashed #c1c2bc;padding:10px 0}.metrics dt{color:var(--muted);font-size:9px}.metrics dd{margin:4px 0 0;font-size:16px}.music-grid{grid-template-columns:2.4fr 1fr;gap:18px;margin-top:18px;display:grid}.piano-wrap,.staff{border:1px solid #9ea09a}.piano{height:146px;padding:0 12px 12px;display:flex;position:relative}.white-key{cursor:pointer;background:#faf9f5;border:1px solid #777;border-left:0;flex:1;height:100%;position:relative}.white-key:first-of-type{border-left:1px solid #777}.white-key span{color:#777;font:8px var(--mono);position:absolute;bottom:5px;left:0;right:0}.black-key{z-index:2;cursor:pointer;background:#151716;border:0;width:4.2%;height:64%;position:absolute;top:0}.white-key.voice-a,.black-key.voice-a{background:var(--a)}.white-key.voice-b,.black-key.voice-b{background:var(--b)}.staff svg{width:100%;height:184px;display:block;overflow:hidden}.staff-line,.ledger-line,.stem{stroke:#333;stroke-width:1.35px}.clef{fill:#111;font-family:serif}.treble-clef{font-size:48px}.bass-clef{font-size:39px}.accidental{fill:#222;font:18px serif}.note-a{fill:var(--a);stroke:#444}.note-b{fill:var(--b);stroke:#444}.midi-control{z-index:7;color:#e7e9e4;background:#191b1a;border:1px solid #555852;grid-template-columns:14px 1fr;align-items:center;gap:11px;width:214px;min-height:48px;padding:9px 12px;font-size:12px;display:grid;position:fixed;bottom:24px;left:18px}.midi-control>i{background:#747872;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #292c29}.midi-control>i.connected{background:var(--a);box-shadow:0 0 0 4px #293027}.midi-control>button{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.midi-control strong{color:#aeb1ab;font-weight:500}.midi-control strong.connected{color:var(--a)}.midi-control label{gap:4px;min-width:0;display:grid}.midi-control label span{color:#aeb1ab;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.midi-control select{width:100%;min-width:0;color:var(--a);text-overflow:ellipsis;font:12px var(--mono);cursor:pointer;background:#191b1a;border:1px solid #555852;border-radius:0;padding:4px 22px 4px 6px;overflow:hidden}.midi-control select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=1180px){:root{--book-nav-width:196px}.wordmark{gap:9px;padding:19px 15px;font-size:17px}.wordmark img{flex-basis:38px;width:38px;height:38px}.build-link{padding-inline:18px}.book-nav nav a{gap:11px;min-height:56px;padding-inline:18px;font-size:11px}.book-nav nav .nav-group-label{padding-inline:18px}.book-nav>p{margin-inline:18px;font-size:9px}.wizard-intro{grid-template-columns:1fr;gap:14px}.wizard-decision{grid-template-columns:1fr;gap:24px}.wizard-empty{grid-column:1}.wizard-filter-note{grid-column:1;margin-top:-14px}.wizard-result-title{flex-direction:column;align-items:flex-start}.layer-workspace-header{grid-template-columns:1fr;gap:10px}.layer-scene-context{justify-content:flex-start}.layer-approach-picker{grid-template-columns:1fr}.layer-transport{grid-template-columns:1fr 1fr}.scene-playback{grid-column:1/-1}.wizard-compare-chooser>div,.wizard-relation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-relation-metrics>div:nth-child(2){border-right:0}.wizard-relation-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--rule-light)}.wizard-relation-explanation{grid-template-columns:1fr}.wizard-relation-explanation>p:last-child{grid-column:1}.constructor-intro{grid-template-columns:1fr;gap:16px}.context-strip{grid-template-columns:repeat(3,1fr)}.context-strip>:nth-child(3){border-right:0}.context-strip>:nth-child(n+4){border-top:1px solid var(--rule-light)}.constructor-workspace{grid-template-columns:1fr}.event-panel,.suggestion-panel,.interaction-panel{grid-column:1}.control-deck{grid-template-columns:1fr 1fr}.analysis-readout,.wave-select{border-top:1px solid var(--rule)}.visual-grid{grid-template-columns:1.7fr 1fr}.visual-grid>*{border-bottom:1px solid var(--rule)}.visual-grid>:nth-child(2n){border-right:0}}@media (width>=1001px) and (width<=1180px){.build-wizard{padding:20px 20px 70px}.wizard-intro{gap:8px;padding:0 0 18px}.wizard-intro h1{font-size:42px}.wizard-intro p{max-width:720px;font-size:10px}.wizard-decision{grid-template-columns:minmax(205px,.6fr) minmax(0,1.5fr);gap:24px;padding:24px}.wizard-option{min-height:126px}.wizard-panel{min-height:0}.wizard-filter-note,.wizard-empty{grid-column:2}}@media (width<=760px){main{width:100%;margin-left:0}:root{--book-nav-width:0px}.book-nav{width:auto;height:auto;position:static}.wordmark{padding:18px;font-size:21px}.build-link{min-height:48px;padding-inline:18px}.book-nav nav{flex:none;margin:0;display:flex;overflow:auto hidden}.book-nav nav .nav-group-label{place-items:center;min-width:max-content;padding:0 12px;display:grid}.book-nav nav a{min-width:max-content;min-height:48px;padding:0 15px}.book-nav>p{display:none}main{margin-left:0}.chapter{padding:24px 16px 80px}h1{font-size:43px}.lede{font-size:12px}.build-wizard{padding:16px 10px 78px}.wizard-intro{gap:8px;padding-bottom:16px}.wizard-intro h1{font-size:34px}.wizard-intro p{font-size:9px}.wizard-progress{display:block}.wizard-progress button{border-right:0;width:100%;display:none}.wizard-progress button.current{grid-template-columns:auto 1fr;gap:8px;min-height:44px;padding:8px 10px;display:grid}.wizard-progress button strong{font-size:9px}.wizard-panel{min-height:0}.wizard-panel>header{min-height:40px;padding-block:8px}.wizard-decision{gap:18px;padding:18px 12px}.wizard-options,.wizard-collections{grid-template-columns:1fr}.wizard-option{min-height:108px;padding-block:13px}.layer-workspace{gap:8px;padding:10px}.layer-workspace-header h2{font-size:28px}.layer-tabs{grid-template-columns:repeat(6,112px)}.layer-editor>header{flex-direction:column;align-items:flex-start}.layer-editor-actions{width:100%}.layer-editor-actions button{flex:1}.layer-approach-picker{padding:14px 10px}.layer-settings{grid-template-columns:1fr;margin-inline:10px}.layer-settings>button{border-top:1px solid var(--rule-light);min-height:42px}.layer-editor>.wizard-result{padding-inline:10px}.layer-transport{grid-template-columns:1fr;gap:10px}.layer-transport>label{justify-self:start}.layer-phrase-settings{grid-template-columns:1fr 1.4fr}.scene-playback{grid-column:1;grid-template-columns:1fr}.scene-playback>div:last-child{grid-template-columns:1fr 1fr;display:grid}.scene-playback.prominent button:first-child{min-width:0}.wizard-musical-sequence>header{flex-direction:column;align-items:stretch}.wizard-procedural-model{min-width:0}.layer-scene-context{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.wizard-tonics{grid-template-columns:repeat(6,1fr)}.wizard-tonics button:nth-child(6){border-right:0}.wizard-tonics button:nth-child(-n+6){border-bottom:1px solid var(--rule-light)}.wizard-subdivision>div,.wizard-form-process,.wizard-operation-orca,.wizard-audition,.wizard-tempo{grid-template-columns:1fr}.wizard-tempo label{grid-template-columns:1fr auto auto}.wizard-form-process dl{grid-template-columns:1fr 1fr}.wizard-collection-groups .wizard-collections{grid-template-columns:1fr}.wizard-result{padding:16px 12px}.wizard-result-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.wizard-result-actions button{min-width:0}.wizard-drum-kit>header{flex-direction:column;align-items:start}.wizard-drum-kit header>p{text-align:left}.wizard-drum-kit>footer{flex-wrap:wrap;align-items:flex-start}.wizard-drum-kit footer p{text-align:left;flex-basis:100%;margin-left:0}.wizard-abstract-math>summary{grid-template-columns:1fr auto}.wizard-abstract-math summary strong{grid-column:1}.wizard-abstract-math summary i{grid-area:1/2/span 2}.wizard-base-pattern{grid-template-columns:1fr}.wizard-base-pattern>div:first-child{grid-row:auto}.wizard-base-pattern>.wizard-performance-lane{grid-column:1}.wizard-performance-lane,.wizard-variants{grid-template-columns:1fr}.wizard-orca-map summary{grid-template-columns:1fr auto;gap:4px 10px}.wizard-orca-map summary strong{grid-column:1}.wizard-orca-map summary i{grid-area:1/2/span 2}.wizard-orca-map ol{grid-template-columns:1fr}.wizard-orca-map li{min-height:0}.wizard-orca-map li:not(:last-child):after{top:auto;bottom:-8px;right:10px;transform:rotate(90deg)}.wizard-orca-formulas,.wizard-orca-map dl{grid-template-columns:1fr}.wizard-compare-chooser>header,.wizard-layer-relation>header{flex-direction:column}.wizard-compare-chooser>div,.wizard-relation-explanation>div:nth-child(2),.wizard-relation-operation>header,.wizard-operation-states{grid-template-columns:1fr}.wizard-operation-states>b{justify-self:center;transform:rotate(90deg)}.wizard-relation-operation>footer{flex-direction:column;align-items:stretch}.wizard-relation-metrics{grid-template-columns:1fr}.wizard-relation-metrics>div{border-right:0;border-bottom:1px solid var(--rule-light)}.wizard-relation-metrics>div:last-child{border-bottom:0}.wizard-layer-relation>footer{flex-wrap:wrap;align-items:flex-start}.wizard-layer-relation footer p{text-align:left;flex-basis:100%;margin-left:0}.constructor-shell{padding:18px 12px 82px}.constructor-intro{padding-top:2px}.constructor-intro h1{font-size:40px}.constructor-intro p{font-size:10px}.project-strip{flex-direction:column;align-items:stretch}.project-strip>div:first-child{grid-template-columns:1fr}.preset-picker{grid-row:auto}.project-strip strong,.project-strip small{grid-column:1}.project-strip small{white-space:normal}.project-strip>div:last-child{grid-template-columns:1fr 1fr;display:grid}.project-strip output{text-align:left;grid-column:1/-1;min-width:0}.context-strip{grid-template-columns:repeat(2,1fr)}.context-strip>*{min-height:102px}.context-strip label>small{bottom:10px;right:12px}.context-strip>:nth-child(2n){border-right:0}.context-strip>:nth-child(3){border-right:1px solid var(--rule-light)}.context-strip>:nth-child(n+3){border-top:1px solid var(--rule-light)}.context-readout{grid-column:1/-1}.meter-change{flex-direction:column;align-items:stretch}.meter-change>div:last-child{grid-template-columns:1fr 1fr;display:grid}.part-rack>header{flex-direction:column;align-items:stretch}.part-rack>header>div:last-child{grid-template-columns:repeat(2,1fr);display:grid}.form-map>header{flex-direction:column;align-items:start}.form-map>div{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-lane{grid-template-columns:1fr}.clip-lane>div:first-child{border-right:0}.clip-lane>div:last-child{grid-template-columns:repeat(var(--clip-count,4), minmax(120px, 1fr))}.rhythm-skeletons{grid-template-columns:1fr}.rhythm-skeletons:before{content:none}.rhythm-skeletons>div{grid-template-columns:repeat(3,1fr);display:grid}.rhythm-skeletons button{min-width:0;padding-inline:4px}.melody-bars{grid-template-columns:1fr}.bar-steps button{height:66px}.timeline-panel>header{flex-direction:column;align-items:start}.transport-controls{grid-template-columns:1fr 1fr;grid-auto-flow:row;width:100%}.timeline-panel>header button{max-width:none}.interaction-issues,.automation-controls,.suggestion-groups,.drum-context-panel>div{grid-template-columns:1fr}.drum-context-panel>header{flex-direction:column;align-items:start}.suggestion-groups article{grid-template-columns:minmax(92px,.7fr) 1.3fr}.suggestion-groups article>div{grid-column:1/-1;justify-content:flex-end}.modulation-action{flex-direction:column;align-items:stretch}.home-build-link{flex-direction:column;gap:8px}.use-now{grid-template-columns:1fr}.use-now>div{grid-template-columns:1fr;gap:6px}.use-now a{text-align:center}.home-reading-layers,.theory-layers>div{grid-template-columns:1fr 1fr}.theory-layers article{min-height:128px}.theory-layers>header,.theory-layers>footer{flex-direction:column;align-items:flex-start}.theory-layers>footer{grid-template-columns:1fr;gap:5px;display:grid}.chapter-section{padding-top:58px}.chapter-section:first-of-type{margin-top:58px}.chapter-section h1{font-size:44px}.chapter-page .chapter-section:first-of-type{margin-top:0;padding-top:8px}.course-index{grid-template-columns:1fr;margin-top:34px}.course-index a{min-height:104px}.chapter-pagination{grid-template-columns:1fr}.chapter-pagination a+a,.chapter-pagination .next:only-child{text-align:left;border-top:1px solid #555f5d;border-left:0;grid-column:1}.formula{grid-template-columns:1fr}.formula>span{border-top:1px solid var(--rule);border-left:0}.formula>code{white-space:normal;overflow-wrap:anywhere}.course-thesis span,.mechanism-diagram span{flex-basis:118px}.chapter-section table{table-layout:fixed;display:table}.control-deck,.visual-grid,.music-grid{grid-template-columns:1fr}.control-deck>*,.visual-grid>*{border-right:0;border-bottom:1px solid var(--rule)}.analysis-readout{min-width:0}.music-grid{gap:12px}.midi-control{width:100%;margin-top:12px;position:static}.piano{height:120px;padding-inline:5px}.playground-trigger{width:auto;bottom:12px;left:12px;right:12px}.playground-backdrop{left:0}.playground-drawer{max-height:92vh;padding:10px 10px 78px;left:0}}@media (width>=761px){.playground-drawer .music-widget{grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:10px;padding:10px;display:grid}.playground-drawer .widget-input-grid,.playground-drawer .widget-analysis-grid,.playground-drawer .widget-signal-column,.playground-drawer .widget-notation-column,.playground-drawer .history-grid{display:contents}.playground-drawer .piano-wrap{grid-area:1/1/auto/span 8}.playground-drawer .instrument-panel{grid-area:1/9/auto/-1}.playground-drawer .poly-wave{grid-area:2/1/auto/span 5}.playground-drawer .staff{grid-area:2/6/auto/span 3}.playground-drawer .poly-lissajous{grid-area:2/9/span 2/-1}.playground-drawer .poly-spectrum{grid-area:3/1/auto/span 3}.playground-drawer .spectrogram{grid-area:3/4/auto/span 3}.playground-drawer .pitch-space{grid-area:3/7/auto/span 2}.playground-drawer .perception-panel{grid-area:4/1/auto/-1}.playground-drawer .piano-wrap,.playground-drawer .instrument-panel,.playground-drawer .viz,.playground-drawer .staff{border:1px solid var(--widget-rule);min-width:0}.playground-drawer .piano{height:clamp(104px,13vh,150px);padding:0 8px 8px}.playground-drawer .piano-wrap header,.playground-drawer .instrument-panel header,.playground-drawer .viz header,.playground-drawer .staff header{padding:8px 10px 7px}.playground-drawer .instrument-control{gap:8px;padding:10px}.playground-drawer .instrument-control select{padding-block:8px}.playground-drawer .staff-summary{padding:2px 10px 7px}.playground-drawer .staff-summary strong{font-size:clamp(18px,1.7vw,24px)}.playground-drawer .staff svg{height:auto;margin-block:auto}.playground-drawer .poly-lissajous svg,.playground-drawer .pitch-space svg{max-width:none;margin-block:auto}.playground-drawer .poly-spectrum{flex-direction:column;display:flex}.playground-drawer .poly-spectrum svg{flex:1;height:100%;min-height:0}.playground-drawer .spectrogram{flex-direction:column;display:flex}.playground-drawer .spectrogram svg{flex:1;height:100%;min-height:0}.playground-drawer .viz footer{padding:4px 10px 8px}}@media (width<=1000px){.playground-backdrop,.playground-drawer{left:0}}@media (prefers-reduced-motion:reduce){.playground-trigger svg,.playground-backdrop,.playground-drawer{transition:none}}.widget-input-grid{grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr);gap:18px;display:grid}.widget-input-grid .piano-wrap,.instrument-panel{border:1px solid #9ea09a;min-width:0}.instrument-panel{background:#eef1f1;flex-direction:column;display:flex}.instrument-panel header{text-transform:uppercase;justify-content:space-between;gap:12px;padding:12px 13px 10px;font-size:10px;display:flex}.instrument-panel header span{color:var(--muted);text-transform:none}.instrument-control{flex:1;align-content:center;gap:12px;padding:18px;display:grid}.instrument-control select{width:100%;min-width:0;color:var(--ink);font:12px var(--mono);background:#fbfcfa;border:1px solid #858984;border-radius:0;padding:11px 30px 11px 10px}.instrument-control small{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.instrument-control small i{background:#888c88;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #d9dcda}.instrument-control small i.ready{background:var(--accent);box-shadow:0 0 0 3px #c9e5ec}.widget-midi-control{background:#e6e9e8;border:1px solid #9da19d;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:10px;min-height:43px;padding:8px 10px;display:grid}.widget-midi-control>i{background:#868b88;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #d3d7d5}.widget-midi-control>i.connected{background:var(--accent);box-shadow:0 0 0 4px #c7e5ec}.widget-midi-control button{text-align:left;font:12px var(--mono);cursor:pointer;background:0 0;border:0;padding:0}.widget-midi-control strong{color:var(--muted);font-weight:500}.widget-midi-control label{gap:4px;min-width:0;display:grid}.widget-midi-control label span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:8px}.widget-midi-control select{padding-block:5px;font-size:10px}.widget-analysis-grid{border:1px solid #9ea09a;grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr);margin-top:18px;display:grid}.widget-signal-column,.widget-notation-column{min-width:0}.widget-signal-column{border-right:1px solid var(--rule)}.widget-signal-column>:first-child,.widget-notation-column>:first-child{border-bottom:1px solid var(--rule)}.widget-analysis-grid .viz,.widget-analysis-grid .staff{border:0}.widget-analysis-grid .poly-wave,.widget-analysis-grid .poly-spectrum{flex-direction:column;display:flex}.widget-analysis-grid .poly-wave>svg,.widget-analysis-grid .poly-spectrum>svg{margin-block:auto}.staff-summary{border-bottom:1px solid var(--rule-light);gap:4px;padding:4px 13px 10px;display:grid}.staff-summary strong{font:700 clamp(20px, 2vw, 28px)/1 var(--mono);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff-summary small{color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.music-widget{--widget-bg:#131817;--widget-panel:#181e1e;--widget-panel-2:#1d2424;--widget-rule:#424b4a;--widget-muted:#9ca8a7;color:#e8eeee;background:var(--widget-bg);border:1px solid #303837;margin-inline:-16px;padding:16px}.music-widget .piano-wrap,.music-widget .instrument-panel,.music-widget .widget-analysis-grid,.music-widget .history-grid,.music-widget .perception-panel{border-color:var(--widget-rule);background:var(--widget-panel)}.music-widget .instrument-panel{background:var(--widget-panel-2)}.music-widget header span,.music-widget .staff-summary small,.music-widget .viz footer{color:var(--widget-muted)}.music-widget .instrument-control select{color:#e8eeee;background:#111615;border-color:#596361}.music-widget .instrument-control small{color:var(--widget-muted)}.music-widget .widget-midi-control{background:#141a19;border-color:#4b5553}.music-widget .widget-midi-control strong,.music-widget .widget-midi-control label span{color:#b7c1bf}.music-widget .widget-midi-control select{color:var(--accent);background:#111615}.music-widget .widget-signal-column,.music-widget .history-grid>:first-child,.music-widget .widget-signal-column>:first-child,.music-widget .widget-notation-column>:first-child,.music-widget .staff-summary{border-color:var(--widget-rule)}.music-widget .viz,.music-widget .staff{background:var(--widget-panel)}.music-widget .grid{stroke:#35403f}.music-widget .resultant-wave{stroke:var(--accent)}.music-widget .poly-spectrum text,.music-widget .spectrogram text,.music-widget .empty-viz{fill:#899594!important}.music-widget .staff-line,.music-widget .ledger-line,.music-widget .stem{stroke:#8d9997}.music-widget .clef,.music-widget .accidental{fill:#c3cdcb}.music-widget .note-selected{fill:#65c5dc;stroke:#0d6178}.music-widget .note-held{fill:var(--accent);stroke:#b7edf8}.music-widget .pitch-orbit{stroke:#64706e}.music-widget .pitch-tick{fill:#687371}.music-widget .pitch-shape{fill:#18a9cf29;stroke:#65c5dc}.music-widget .poly-lissajous svg{background:#101514}.music-widget .phase-cell{fill:#101514;stroke:#394240}.music-widget .poly-wave footer strong{color:#e8eeee}.sandbox-toolbar{background:#ffffff47;border:1px solid #9ea09a;grid-template-columns:.7fr 1.15fr 1.55fr 1.55fr 1.5fr;display:grid}.sandbox-toolbar>label{border-right:1px solid var(--rule-light);align-content:start;gap:8px;min-width:0;min-height:112px;padding:13px;display:grid}.sandbox-toolbar label>span,.sandbox-summary>span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.sandbox-toolbar select{width:100%;min-width:0;color:var(--ink);font:12px var(--mono);background:#fbfaf6;border:1px solid #898b85;border-radius:0;padding:9px 26px 9px 8px}.sandbox-toolbar small{color:var(--muted);font-size:8px;line-height:1.35}.sandbox-summary{background:#eeeee8;flex-direction:column;justify-content:center;min-width:0;padding:13px 16px;display:flex}.sandbox-summary strong{font:700 clamp(18px, 2vw, 30px)/1 var(--mono);letter-spacing:-.04em;text-overflow:ellipsis;margin:8px 0 4px;overflow:hidden}.sandbox-summary small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.projection-note{color:#5a5c56;border-left:3px solid var(--a);font:9px/1.5 var(--mono);background:#efefe8;margin:8px 0 0;padding:8px 11px}.poly-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.poly-grid .poly-wave{border-bottom:1px solid var(--rule);grid-area:1/1}.poly-grid .poly-spectrum{grid-area:2/1}.poly-grid .poly-lissajous{border-right:0;grid-area:1/2/span 2}.poly-grid .poly-wave,.poly-grid .poly-spectrum{flex-direction:column;display:flex}.poly-grid .poly-wave>svg,.poly-grid .poly-spectrum>svg{margin-block:auto}.poly-wave footer{flex-wrap:wrap;align-items:center}.poly-wave footer strong{color:var(--ink);font-size:9px}.resultant-wave{fill:none;stroke:var(--accent-strong);stroke-width:3.2px;vector-effect:non-scaling-stroke}.poly-spectrum text,.spectrogram text{fill:#777;font:9px var(--mono)}.actual-spectrum{fill:none;stroke:var(--a);stroke-width:2px;vector-effect:non-scaling-stroke}.live-spectrogram-cell{fill:var(--a)}.pitch-orbit{fill:none;stroke:#aeb0aa;stroke-width:1px}.pitch-tick{fill:#767873}.pitch-shape{fill:#18a9cf21;stroke:var(--accent-strong);stroke-width:1.7px}.poly-lissajous svg{background:#191b1a;margin:0 auto;overflow:hidden}.phase-grid{stroke:#555954;stroke-width:1px;stroke-dasharray:4 4}.phase-cell{fill:#191b1a;stroke:#3d403c;stroke-width:1px}.phase-path{fill:none;stroke:var(--a);stroke-width:1.7px;opacity:.9;vector-effect:non-scaling-stroke}.phase-empty{fill:#92968f;font:9px var(--mono)}.phase-pair-label{font:8px var(--mono)}.poly-lissajous footer{color:var(--muted)}.history-grid{border:1px solid #9ea09a;grid-template-columns:2fr 1fr;margin-top:18px;display:grid}.history-grid>*{min-width:0}.history-grid>:first-child{border-right:1px solid var(--rule)}.perception-panel{background:var(--panel);border:1px solid #9ea09a;min-width:0;margin-top:18px}.perception-panel>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:18px;min-height:42px;padding:8px 11px;display:flex}.perception-panel>header div{gap:3px;display:grid}.perception-panel>header b{font:800 10px var(--mono);text-transform:uppercase}.perception-panel>header span,.perception-panel>header code{color:var(--muted);font:8px var(--mono)}.perception-main{grid-template-columns:minmax(0,1fr) minmax(250px,.32fr);display:grid}.perception-metrics{grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.perception-metrics>div{border-right:1px solid var(--rule-light);align-content:start;min-width:0;min-height:74px;padding:9px 10px;display:grid}.perception-metrics>div:last-child{border-right:0}.perception-metrics span{color:var(--muted);font:8px var(--mono);text-transform:uppercase}.perception-metrics strong{color:#e8f8fa;font:800 13px var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 6px;overflow:hidden}.perception-metrics i{background:#2b3634;height:3px;display:block;overflow:hidden}.perception-metrics i b{background:var(--accent-strong);height:100%;display:block}.perception-metrics small{color:#788582;font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;overflow:hidden}.perception-history{border-left:1px solid var(--rule-light);min-width:0;padding:8px 10px 6px;display:grid}.perception-history header{color:var(--muted);font:7px var(--mono);text-transform:uppercase;justify-content:space-between;gap:8px;display:flex}.perception-history header b{color:#aebbb9}.perception-history header span{white-space:nowrap;align-items:center;gap:5px;display:flex}.perception-history header i{background:var(--accent-strong);width:9px;height:2px}.perception-history header i:nth-of-type(2){background:#b8cfcc}.perception-history header i:nth-of-type(3){background:0 0;border-top:1px dashed #71817e;height:0}.perception-history svg{width:100%;height:48px;margin-top:2px;display:block;overflow:visible}.perception-history-grid{fill:none;stroke:#273431;stroke-width:.7px}.perception-trace{fill:none;stroke-width:1.4px;vector-effect:non-scaling-stroke}.perception-trace.energy{stroke:var(--accent-strong)}.perception-trace.brightness{stroke:#b8cfcc}.perception-trace.stability{stroke:#71817e;stroke-dasharray:3 2}.perception-silence{fill:var(--tension)}.perception-transition{color:#afbcba;border-top:1px solid var(--rule-light);font:8px/1.35 var(--mono);background:#142126;grid-template-columns:132px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;display:grid}.perception-transition b{color:var(--accent-strong);text-transform:uppercase}.perception-transition small{color:#82918e}.perception-reasons{color:#9ba9a7;border-top:1px solid var(--rule-light);font:8px/1.45 var(--mono)}.perception-reasons summary{color:var(--accent-strong);cursor:pointer;text-transform:uppercase;padding:7px 10px}.perception-reasons ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 24px;margin:0;padding:2px 28px 10px;display:grid}.perception-panel>footer{color:#83918e;border-top:1px solid var(--rule-light);font:7px/1.35 var(--mono);justify-content:space-between;gap:18px;padding:7px 10px;display:flex}.perception-panel>footer span:last-child{color:var(--tension);white-space:nowrap}.empty-viz{fill:#8d8f89!important;font-size:10px!important}.progression-field{border:1px solid #9ea09a;margin-top:18px}.progression-field>header{text-transform:uppercase;justify-content:space-between;padding:12px 13px 10px;font-size:10px;display:flex}.progression-field>header span{color:var(--muted);text-transform:none}.progression-field svg{background:radial-gradient(circle,#18a9cf17,#0000 43%);width:100%;height:auto;display:block}.field-vector{stroke:var(--accent-strong);marker-end:url(#field-arrow)}#field-arrow path{fill:var(--accent-strong)}.field-halo{fill:var(--a)}.field-target{cursor:pointer;outline:none}.field-target>circle{fill:#f8f7f2;stroke:#5f615c;stroke-width:1.3px;transition:fill .12s,stroke-width .12s}.field-target:hover>circle,.field-target:focus>circle{fill:#e5f2b8;stroke:#171817;stroke-width:2.5px}.field-target text{fill:#171817;font:700 9px var(--mono);pointer-events:none}.field-target .field-score{fill:#6a6c66;font-size:7px;font-weight:400}.field-current{fill:#171817;stroke:var(--a);stroke-width:5px}.field-current.idle{stroke:#8b8e87}.field-current-label{fill:var(--a);font:800 10px var(--mono);letter-spacing:.1em}.field-current-chord{fill:#f8f7f2;font:700 10px var(--mono)}.field-current-notes{fill:#f8f7f2;font:7.5px var(--mono)}.field-idle-copy{fill:#777a74;font:9px var(--mono)}.progression-field footer{color:#4f514c;border-top:1px solid var(--rule-light);grid-template-columns:.75fr 1.5fr 1fr;gap:18px;padding:11px 14px;font-size:9px;display:grid}.progression-field footer b{color:var(--ink)}.field-method{text-align:right}.white-key.in-scale{box-shadow:inset 0 -7px #18a9cf59}.black-key.in-scale{box-shadow:inset 0 -5px 0 var(--accent-strong)}.white-key.root-note{border-bottom:5px solid var(--accent-strong)}.black-key.root-note{box-shadow:inset 0 -5px 0 var(--a)}.white-key.selected{background:var(--accent-soft)}.black-key.selected{outline:2px solid var(--a);outline-offset:-3px}.white-key.held{color:#07161d;background:var(--b);box-shadow:none}.black-key.held{color:#101b1f;background:var(--b);box-shadow:inset 0 -5px #055d78}.white-key kbd{color:#252724;width:max-content;min-width:18px;font:8px var(--mono);background:#ffffffa6;border:1px solid #b7b9b2;margin:5px auto 0;padding:2px 4px;display:block}.black-key kbd{color:#d8dbd5;font:8px var(--mono);position:absolute;bottom:7px;left:0;right:0}.note-selected{fill:var(--a);stroke:#444}.note-held{fill:var(--b);stroke:#333}@media (width<=1180px){.sandbox-toolbar{grid-template-columns:repeat(2,1fr)}.sandbox-summary{grid-column:1/-1;min-height:92px}.poly-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}.widget-input-grid,.widget-analysis-grid{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}}@media (width<=760px){.sandbox-toolbar,.poly-grid,.history-grid{grid-template-columns:1fr}.sandbox-toolbar>label{border-right:0;border-bottom:1px solid var(--rule-light);min-height:0}.sandbox-summary,.poly-grid>:last-child{grid-column:auto}.poly-grid .poly-wave,.poly-grid .poly-spectrum,.poly-grid .poly-lissajous{border-right:0;border-bottom:1px solid var(--rule);grid-area:auto/1}.history-grid>:first-child{border-right:0;border-bottom:1px solid var(--rule)}.progression-field footer{grid-template-columns:1fr}.field-method{text-align:left}.piano-wrap header span{text-align:right;max-width:210px}.widget-input-grid,.widget-analysis-grid{grid-template-columns:1fr}.widget-signal-column{border-right:0;border-bottom:1px solid var(--rule)}.perception-main{grid-template-columns:1fr}.perception-metrics{grid-template-columns:repeat(2,1fr)}.perception-metrics>div{border-bottom:1px solid var(--rule-light)}.perception-metrics>div:nth-child(2n){border-right:0}.perception-history{border-top:1px solid var(--rule-light);border-left:0}.perception-history svg{height:64px}.perception-transition{grid-template-columns:1fr;gap:4px}.perception-reasons ol{grid-template-columns:1fr}.perception-panel>footer{flex-direction:column;align-items:flex-start}.perception-panel>footer span:last-child{white-space:normal}}.cheat-sheet{max-width:1180px}.cheat-sheet h2{margin-top:46px}.cheat-sheet code,.course-home code{color:#dff8ff;font-family:var(--mono)}.cheat-scroll{overscroll-behavior-inline:contain;scrollbar-color:var(--rule) transparent;max-width:100%;overflow-x:auto}.interval-ruler{border:1px solid var(--rule);background:var(--panel);grid-template-columns:repeat(13,minmax(66px,1fr));min-width:858px;margin:26px 0;display:grid}.interval-ruler>div{border-right:1px solid var(--rule-light);align-content:space-between;min-height:76px;padding:12px 7px 10px;display:grid}.interval-ruler>div:last-child{border-right:0}.interval-ruler strong{color:var(--accent-strong);font:800 21px var(--mono)}.interval-ruler span{color:var(--muted);font:10px/1.25 var(--mono)}.interval-ruler .anchor{background:var(--accent-soft);box-shadow:inset 0 3px 0 var(--accent)}.interval-ruler .anchor strong,.interval-ruler .anchor span{color:#e9fbff}.home-rule{border:1px solid var(--rule);background:#121817;grid-template-columns:minmax(280px,.9fr) 1.4fr;max-width:1040px;margin-top:-10px;display:grid}.home-rule code,.home-rule span{padding:14px 16px}.home-rule code{color:var(--accent-strong);font:700 14px var(--mono)}.home-rule span{color:var(--muted);border-left:1px solid var(--rule);font:11px/1.5 var(--mono)}.pitch-set-stack,.sequence-stack{gap:12px;margin:26px 0;display:grid}.registry-pitch-set{min-width:0;display:grid}.registry-pitch-set>.family-caveat{border-left-width:1px;border-color:var(--rule);background:#101615;margin:-1px 0 0}.pitch-set{border:1px solid var(--rule);background:var(--panel);overflow:hidden}.pitch-set>header,.sequence-rail>header{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:baseline;gap:18px;padding:10px 12px;display:flex}.pitch-set header strong,.sequence-rail header strong{font:700 12px var(--mono)}.pitch-set header code,.sequence-rail header code{color:var(--accent-strong);font:11px var(--mono)}.pitch-cells{grid-template-columns:repeat(12,minmax(52px,1fr));min-width:624px;display:grid}.pitch-cells>span{color:#5d6866;border-right:1px solid var(--rule-light);background:#111716;align-content:space-between;min-height:58px;padding:8px;display:grid}.pitch-cells>span:last-child{border-right:0}.pitch-cells b{font:700 12px var(--mono)}.pitch-cells small{font:9px var(--mono)}.pitch-cells [data-active=true]{color:#e6f9fd;background:var(--accent-soft);box-shadow:inset 0 -4px 0 var(--accent)}.pitch-cells [data-focus=true]{color:#fff0fa;background:var(--tension-soft);box-shadow:inset 0 -4px 0 var(--tension)}.pitch-set-stack.compact .pitch-cells>span{min-height:48px}.sequence-rail{border:1px solid var(--rule);background:var(--panel);overflow:hidden}.sequence-values{align-items:stretch;min-width:max-content;padding:12px;display:flex}.sequence-values>div{align-items:center;display:flex}.sequence-values span{color:#dff8ff;background:var(--accent-soft);min-width:66px;min-height:54px;font:800 15px var(--mono);border:1px solid #356779;place-items:center;padding:9px 12px;display:grid}.sequence-values small{color:#9ddce9;font:8px var(--mono);margin-top:4px}.sequence-values i{width:38px;color:var(--accent-strong);text-align:center;font:normal 18px var(--mono)}.sequence-rail.tension header code,.sequence-rail.tension .sequence-values i{color:var(--tension)}.sequence-rail.tension .sequence-values span{color:#ffe9f7;background:var(--tension-soft);border-color:#875072}.step-legend{border:1px solid var(--rule);background:var(--panel);font:11px var(--mono);grid-template-columns:120px minmax(360px,1fr) auto;align-items:center;gap:16px;margin:24px 0;padding:14px;display:grid}.step-legend code{color:var(--accent-strong)}.step-legend span{color:var(--muted)}.step-grid{border:1px solid var(--rule);background:var(--panel);min-width:732px;margin:22px 0}.step-grid-head,.step-grid-row{grid-template-columns:124px repeat(var(--step-count), minmax(38px, 1fr));display:grid}.step-grid-head{color:var(--muted);border-bottom:1px solid var(--rule);font:9px var(--mono)}.step-grid-head span,.step-grid-head b,.step-grid-row>strong,.step-grid-row>span{border-right:1px solid var(--rule-light);min-width:0;padding:8px}.step-grid-head b{text-align:center;font-weight:500}.step-grid-head b:nth-child(4n+2){color:#dff8ff;background:#1e2927}.step-grid-row{border-bottom:1px solid var(--rule-light)}.step-grid-row:last-child{border-bottom:0}.step-grid-row>strong{font:800 12px var(--mono);align-content:center;display:grid}.step-grid-row>strong small{color:var(--muted);font:8px var(--mono);margin-top:3px}.step-grid-row>span{color:#051417;min-height:42px;font:800 11px var(--mono);place-items:center;padding:0;display:grid}.step-grid-row>span:nth-of-type(4n+1){background:#19211f}.step-grid-row>span[data-hit=true]{color:#061519;background:var(--accent-strong)}.step-grid-row>span[data-accent=true]{box-shadow:inset 0 -5px 0 var(--accent);background:#f1fbfd}.clock-matrix{border:1px solid var(--rule);background:var(--panel);margin:24px 0;display:grid}.clock-matrix>div{border-bottom:1px solid var(--rule-light);grid-template-columns:minmax(120px,.65fr) minmax(180px,.8fr) 1.5fr;display:grid}.clock-matrix>div:last-child{border-bottom:0}.clock-matrix strong,.clock-matrix code,.clock-matrix span{font:11px/1.45 var(--mono);padding:12px 14px}.clock-matrix code{color:var(--accent-strong);border-inline:1px solid var(--rule-light)}.clock-matrix span{color:var(--muted)}.cheat-rule{border:1px solid var(--rule);background:var(--panel);grid-template-columns:minmax(130px,.55fr) minmax(220px,.9fr) 1.55fr;max-width:1040px;margin:14px 0;display:grid}.cheat-rule>*{align-items:center;min-height:58px;padding:12px 14px;display:flex}.cheat-rule b{color:var(--muted);font:800 10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.cheat-rule code{color:var(--accent-strong);border-inline:1px solid var(--rule);font:700 13px var(--mono)}.cheat-rule span{color:#bbc8c6;font:11px/1.5 var(--mono)}.cheat-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px;margin:26px 0;display:grid}.cheat-columns>*{min-width:0;margin:0!important}.shape-groups>div{border:1px solid var(--rule);background:var(--panel)}.shape-groups h2{border-bottom:1px solid var(--rule);margin:0;padding:14px}.shape-groups table{width:100%;margin:0}.compact-code,.cheat-callout{border:1px solid var(--rule);background:var(--panel);padding:18px}.compact-code{font:13px var(--mono);gap:10px;display:grid}.compact-code code{color:var(--accent-strong)}.cheat-callout{color:#cbd5d3;font:12px/1.6 var(--mono);border-left:4px solid var(--accent)}.shape-table code{color:var(--accent-strong);white-space:nowrap;font-weight:700}.voicing-stack{border:1px solid var(--rule);max-width:900px;margin:22px 0;display:grid}.voicing-stack>div{border-bottom:1px solid var(--rule-light);grid-template-columns:130px repeat(4,1fr);display:grid}.voicing-stack>div:last-child{border-bottom:0}.voicing-stack b,.voicing-stack code{font:11px var(--mono);padding:12px}.voicing-stack b{color:var(--muted)}.voicing-stack code{color:var(--accent-strong);text-align:center;border-left:1px solid var(--rule-light)}.before-after{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;max-width:1040px;margin:24px 0;display:grid}.before-after>div{border:1px solid var(--rule);background:var(--panel);gap:8px;padding:16px;display:grid}.before-after span{color:var(--muted);font:10px var(--mono);text-transform:uppercase}.before-after code{color:var(--accent-strong);font:700 12px var(--mono)}.before-after>i{color:var(--accent-strong);font:normal 22px var(--mono);place-items:center;display:grid}.cycle-family,.arrangement-columns{gap:14px;margin:24px 0;display:grid}.cycle-family{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-family>div,.arrangement-columns>div{border:1px solid var(--rule);background:var(--panel);gap:10px;padding:16px;display:grid}.cycle-family b,.arrangement-columns b{font:800 10px var(--mono);text-transform:uppercase}.cycle-family code{color:var(--accent-strong);font:700 16px var(--mono)}.cycle-family span,.arrangement-columns span{color:var(--muted);font:11px/1.4 var(--mono)}.arrangement-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.arrangement-columns>div:first-child b{color:var(--tension)}.arrangement-columns strong{color:var(--accent-strong);font:800 12px var(--mono);margin-top:6px}.tradition-note{border:1px solid #79506b;border-left:4px solid var(--tension);background:#211820;max-width:1040px;margin:24px 0;padding:16px 18px}.tradition-note strong{color:#ffe9f7;font:800 12px var(--mono);text-transform:uppercase}.tradition-note p{color:#cbbac6;font:11px/1.6 var(--mono);margin:8px 0 0}.mode-library{gap:12px;margin:24px 0;display:grid}.mode-family{border:1px solid var(--rule);background:#121817}.mode-family>summary{cursor:pointer;grid-template-columns:minmax(210px,.8fr) 1.2fr;gap:18px;padding:15px 44px 15px 16px;list-style-position:outside;display:grid}.mode-family>summary:hover{background:var(--panel)}.mode-family>summary strong{color:#e9f8fa;font:800 13px var(--mono)}.mode-family>summary span{color:var(--muted);font:10px/1.4 var(--mono)}.mode-family[open]>summary{color:var(--accent-strong);border-bottom:1px solid var(--rule);background:var(--panel)}.mode-family .pitch-set-stack{margin:12px}.microtonal-rows{border:1px solid var(--rule);background:var(--rule-light);gap:1px;margin:12px;display:grid}.microtonal-rows>div{background:var(--panel);grid-template-columns:minmax(150px,.7fr) minmax(270px,1fr) 1.5fr;display:grid}.microtonal-rows b,.microtonal-rows code,.microtonal-rows span{font:10px/1.5 var(--mono);padding:12px}.microtonal-rows code{color:var(--tension);border-inline:1px solid var(--rule-light)}.microtonal-rows span,.family-caveat{color:var(--muted)}.family-caveat{border-left:3px solid var(--tension);background:var(--panel);margin:12px;padding:12px 14px;font:10px/1.55 var(--mono)!important}.source-note{color:var(--muted);border-top:1px dashed var(--rule);margin-top:30px;padding-top:14px;max-width:1040px!important;font-size:10px!important}.source-note a{color:var(--accent-strong)}.potential-factors{border:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));max-width:1040px;margin:24px 0;display:grid}.potential-factors>div{border-right:1px solid var(--rule);background:var(--panel);align-content:start;gap:12px;min-height:150px;padding:16px;display:grid}.potential-factors>div:last-child{border-right:0}.potential-factors b{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase}.potential-factors strong{font:750 16px/1.15 var(--sans)}.potential-factors span{color:var(--muted);font:10px/1.5 var(--mono)}.potential-equation{border:1px solid var(--rule);background:#121817;align-items:stretch;max-width:1040px;margin:24px 0;display:flex;overflow-x:auto}.potential-equation>*{text-align:center;place-content:center;min-width:max-content;min-height:82px;padding:12px 16px;display:grid}.potential-equation>code{color:var(--accent-strong);background:var(--accent-soft);font:800 16px var(--mono)}.potential-equation>i{color:var(--muted);font:normal 17px var(--mono)}.potential-equation>span{border-left:1px solid var(--rule-light)}.potential-equation b{font:750 11px var(--mono)}.potential-equation small{color:var(--muted);font:9px var(--mono);margin-top:6px}.potential-table b[data-pull]{text-align:center;border:1px solid var(--rule);min-width:62px;font:800 9px var(--mono);text-transform:uppercase;padding:4px 7px;display:inline-block}.potential-table b[data-pull=high]{color:#07161a;border-color:var(--accent-strong);background:var(--accent-strong)}.potential-table b[data-pull=medium]{color:#eaf9fc;border-color:var(--accent);background:var(--accent-soft)}.potential-table b[data-pull=low]{color:var(--muted);background:#151b1a}.potential-algorithm{border:1px solid var(--rule);background:var(--panel);grid-template-columns:180px 1fr;max-width:1040px;margin:24px 0;display:grid}.potential-algorithm>b{color:var(--accent-strong);font:800 11px var(--mono);text-transform:uppercase;padding:18px}.potential-algorithm ol{border-left:1px solid var(--rule);font:11px/1.55 var(--mono);margin:0;padding:16px 20px 16px 42px}.potential-algorithm li+li{margin-top:6px}.frequency-ruler{border:1px solid var(--rule);background:var(--panel);max-width:1040px;margin:24px 0}.frequency-ruler>header{border-bottom:1px solid var(--rule);justify-content:space-between;gap:18px;padding:12px 14px;display:flex}.frequency-ruler header strong{font:800 11px var(--mono);text-transform:uppercase}.frequency-ruler header code{color:var(--accent-strong);font:11px var(--mono)}.frequency-cells{grid-template-columns:repeat(13,minmax(78px,1fr));min-width:1014px;display:grid}.frequency-cell{border-right:1px solid var(--rule-light);align-content:space-between;gap:8px;min-height:92px;padding:10px 8px;display:grid}.frequency-cell:last-child{border-right:0}.frequency-cell b{color:var(--accent-strong);font:800 15px var(--mono)}.frequency-cell span{color:#e5f5f7;font:9px var(--mono);white-space:nowrap}.frequency-cell small{color:var(--muted);font:8px var(--mono)}.frequency-cell[data-anchor=true]{background:var(--accent-soft);box-shadow:inset 0 -4px 0 var(--accent)}.frequency-ruler figcaption{color:var(--muted);border-top:1px solid var(--rule);font:9px var(--mono);justify-content:space-between;gap:18px;padding:10px 14px;display:flex}.envelope-diagram{border:1px solid var(--rule);background:var(--panel);max-width:1040px;margin:24px 0}.envelope-diagram>header,.envelope-diagram figcaption{border-bottom:1px solid var(--rule);font:10px var(--mono);justify-content:space-between;gap:18px;padding:10px 13px;display:flex}.envelope-diagram header strong{font:800 11px var(--mono);text-transform:uppercase}.envelope-diagram header code{color:var(--accent-strong)}.envelope-diagram svg{width:100%;height:auto;display:block}.envelope-grid{fill:none;stroke:#303d3a;stroke-width:1px}.envelope-fill{fill:#18a9cf1f}.envelope-line{fill:none;stroke:var(--accent-strong);stroke-width:3px}.envelope-marker{stroke:#7b8b88;stroke-dasharray:5 4}.envelope-label,.envelope-stage,.envelope-axis{fill:#93a29f;font:10px var(--mono)}.envelope-stage{fill:#dff8ff;text-anchor:middle}.envelope-diagram figcaption{color:var(--muted);border-top:1px solid var(--rule);border-bottom:0}.rhythm-wheel-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1040px;margin:24px 0;display:grid}.rhythm-wheel{border:1px solid var(--rule);background:var(--panel);margin:0}.rhythm-wheel>header,.voice-leading-map>header{border-bottom:1px solid var(--rule);justify-content:space-between;gap:16px;padding:11px 13px;display:flex}.rhythm-wheel header strong,.voice-leading-map header strong{font:800 11px var(--mono)}.rhythm-wheel header code{color:var(--accent-strong);font:10px var(--mono)}.rhythm-wheel svg{width:min(100%,330px);margin:8px auto;display:block}.rhythm-orbit{fill:none;stroke:var(--rule);stroke-width:1.5px}.rhythm-polygon{fill:#18a9cf1f;stroke:var(--accent-strong);stroke-width:1.5px}.rhythm-node{fill:#65716f;stroke:var(--panel);stroke-width:2px}.rhythm-node.hit{fill:var(--accent-strong);stroke:#dff9ff}.rhythm-step-label{fill:#0b1719;font:700 7px var(--mono);text-anchor:middle;pointer-events:none}.rhythm-wheel figcaption,.voice-leading-map figcaption{color:var(--muted);border-top:1px solid var(--rule);font:9px var(--mono);justify-content:space-between;gap:14px;padding:10px 13px;display:flex}.rhythm-wheel figcaption code,.voice-leading-map figcaption code{color:var(--accent-strong)}.voice-leading-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1040px;margin:24px 0;display:grid}.voice-leading-map{border:1px solid var(--rule);background:var(--panel);margin:0}.voice-leading-map header span{color:var(--muted);font:9px var(--mono)}.voice-leading-map svg{width:100%;height:auto;display:block}.voice-axis{stroke:var(--rule);stroke-width:1.5px}.voice-path{stroke-width:2.5px}.voice-path.efficient{stroke:var(--accent-strong)}.voice-path.distant{stroke:var(--tension)}.voice-point{fill:#132c32;stroke:var(--accent-strong);stroke-width:2px}.voice-point.target{fill:var(--accent-soft)}.voice-pitch{fill:#eaf9fc;font:800 9px var(--mono);text-anchor:middle}.voice-delta{fill:var(--accent-strong);font:700 9px var(--mono);text-anchor:middle}.voice-delta.distant{fill:var(--tension)}@media (width<=900px){.cheat-columns,.arrangement-columns{grid-template-columns:1fr}.step-legend{grid-template-columns:1fr;gap:7px}.potential-factors{grid-template-columns:repeat(2,minmax(0,1fr))}.potential-factors>div:nth-child(2){border-right:0}.potential-factors>div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.rhythm-wheel-pair,.voice-leading-comparison{grid-template-columns:1fr}}@media (width<=760px){.cheat-sheet h2{margin-top:38px}.home-rule,.cheat-rule,.clock-matrix>div{grid-template-columns:1fr}.home-rule span,.cheat-rule code,.clock-matrix code{border:0;border-top:1px solid var(--rule)}.cheat-rule span,.clock-matrix span{border-top:1px solid var(--rule-light)}.cheat-rule>*{min-height:0}.cycle-family,.before-after{grid-template-columns:1fr}.before-after>i{min-height:28px}.chapter-section table.shape-table{width:100%}.mode-family>summary,.microtonal-rows>div{grid-template-columns:1fr}.microtonal-rows code{border:0;border-block:1px solid var(--rule-light)}.potential-factors,.potential-algorithm{grid-template-columns:1fr}.potential-factors>div{border-right:0;border-bottom:1px solid var(--rule);min-height:0}.potential-factors>div:last-child{border-bottom:0}.potential-algorithm ol{border-top:1px solid var(--rule);border-left:0}.frequency-ruler>header,.frequency-ruler figcaption,.envelope-diagram>header,.envelope-diagram figcaption{flex-direction:column}.recipe-pack-header{flex-direction:column;align-items:flex-start}.recipe-context{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-context>div:nth-child(2){border-right:0}.recipe-context>div:nth-child(-n+2){border-bottom:1px solid var(--rule-light)}.recipe-transform{grid-template-columns:1fr}.recipe-transform p{border-top:1px solid var(--rule);border-left:0}.context-example>header{flex-direction:column;align-items:flex-start}.context-example>header code{text-align:left;max-width:none}.context-example dl{grid-template-columns:1fr}.context-example dl>div{border-right:0;border-bottom:1px solid var(--rule-light);min-height:0}.context-example dl>div:last-child{border-bottom:0}.reference-shelf{flex-direction:column;align-items:stretch}.reference-shelf>*{border-right:0;border-bottom:1px solid var(--rule)}.reference-shelf>:last-child{border-bottom:0}}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.book-primary-links{border-bottom:1px solid #303936;grid-template-columns:1fr;display:grid}.book-primary-links .build-link{border-bottom:0;min-width:0}.book-utility-links{border-top:1px solid #303936;border-bottom:1px solid #303936;flex:none}.book-utility-links .reference-link{border-left:0;min-width:0}.reference-link{color:#c7d1cf;min-height:58px;font:800 13px var(--mono);background:#0f1615;border-left:1px solid #303936;justify-content:space-between;align-items:center;padding:0 18px;text-decoration:none;display:flex}.reference-link i{color:var(--accent-strong);font:normal 19px var(--mono)}.reference-link:hover,.reference-link.active{color:#071519;background:var(--accent-strong)}.reference-link:hover i,.reference-link.active i{color:inherit}.mobile-book-menu{flex:auto;min-height:0;overflow:hidden}.mobile-book-menu>summary{display:none}.mobile-book-menu>nav{height:100%;margin-top:8px;overflow-y:auto}.nav-group{border-bottom:1px solid #303936}.nav-group>summary{color:#84918e;min-height:39px;font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary i{color:#61706d;font-style:normal}.nav-group[open]>summary{color:var(--accent-strong);background:#101716}.nav-group[open]>summary i:before{content:"− "}.nav-group:not([open])>summary i:before{content:"+ "}.nav-group .active{position:relative}.home-entry-points{border-block:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin:30px 0 0;display:grid}.home-entry-points a{min-height:132px;color:var(--ink);border-right:1px solid var(--rule);background:var(--panel);align-content:start;padding:17px 46px 17px 17px;text-decoration:none;display:grid;position:relative}.home-entry-points a:hover{background:#203238}.home-entry-points span{color:var(--accent-strong);font:800 10px var(--mono);text-transform:uppercase}.home-entry-points strong{font:750 23px/1.05 var(--sans);margin-top:11px}.home-entry-points p{color:#b4c0be;font:13px/1.5 var(--sans);margin:8px 0 0}.home-entry-points i{color:var(--accent-strong);font:normal 22px var(--mono);position:absolute;top:17px;right:17px}.home-builder-model{background:#101716;border:1px solid #4b6870;max-width:1040px;margin:46px 0 30px}.home-builder-model>header{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:end;gap:5px 28px;padding:16px 18px;display:grid}.home-builder-model>header span{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1}.home-builder-model h2{font:750 25px/1.1 var(--sans);border:0;margin:0;padding:0}.home-builder-model>header p{color:var(--muted);font:12px/1.5 var(--sans);margin:0}.home-builder-model ol{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.home-builder-model li{border-right:1px solid var(--rule-light);border-bottom:1px solid var(--rule-light);grid-template-columns:auto 1fr;align-content:start;gap:5px 10px;min-width:0;min-height:128px;padding:14px;display:grid}.home-builder-model li:nth-child(3n){border-right:0}.home-builder-model li:nth-last-child(-n+3){border-bottom:0}.home-builder-model li>span{color:#66817f;font:800 8px var(--mono);grid-row:1/span 3}.home-builder-model li strong{color:#edf7f6;font:750 16px var(--sans)}.home-builder-model li p{color:#aebdbb;font:11px/1.45 var(--sans);grid-column:2;margin:0}.home-builder-model li a{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase;text-decoration:none}.home-builder-model li a:first-of-type{grid-column:2}.home-builder-model li a+a{margin-top:-13px;margin-left:46px}.course-home .course-index{margin-top:32px;scroll-margin-top:22px}.home-method{max-width:1040px;margin-top:64px}.home-method>h2{margin-bottom:22px}.home-method .course-thesis{margin-top:0}.use-now{align-items:start;padding:13px 15px}.use-now>div{grid-template-columns:auto minmax(120px,auto) minmax(220px,1fr);align-items:baseline;gap:8px 14px;display:grid}.use-now span{font-size:10px}.use-now strong{color:#e8f8fa;font:750 15px var(--sans);text-transform:capitalize}.use-now p{color:#b7c4c2;font:12px/1.5 var(--sans)}.use-now details{color:var(--muted);font:10px var(--mono);grid-column:2/-1}.use-now summary{width:max-content;color:var(--accent-strong);cursor:pointer}.use-now details code{color:#dff8ff;border-left:2px solid var(--accent);font:12px/1.5 var(--mono);background:#0d1718;margin-top:8px;padding:8px 10px;display:block}.use-now>a{align-self:center;font-size:10px}.chapter-section>p,.chapter-section>ul,.chapter-section>ol,.chapter>p:not(.lede){max-width:780px;font:17px/1.72 var(--sans)}.lede{color:#c9d2d0;max-width:800px;font:17px/1.62 var(--sans)}.chapter-section table{font-size:13px}.reading-note,blockquote{max-width:780px;font:15px/1.65 var(--sans)}.theory-layers>header{align-items:center}.theory-layers>header>div:first-child{gap:4px;display:grid}.theory-layers>header>div:first-child span{font:11px/1.4 var(--sans)}.theory-layer-controls{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.theory-layer-controls button{color:#9eb0ad;min-height:32px;font:800 9px var(--mono);cursor:pointer;background:#0d1413;border:1px solid #3e4b48;padding:6px 9px}.theory-layer-controls button[aria-pressed=true]{color:#071519;border-color:var(--accent-strong);background:var(--accent-strong)}.theory-layers>div{align-items:stretch;display:flex}.theory-layers article{flex:220px;min-height:126px}.theory-layers article[hidden],html[data-reading-depths] .theory-layers article[data-layer]{display:none}html[data-reading-depths~=hear] .theory-layers article[data-layer=hear],html[data-reading-depths~=mechanism] .theory-layers article[data-layer=mechanism],html[data-reading-depths~=compose] .theory-layers article[data-layer=compose],html[data-reading-depths~=process] .theory-layers article[data-layer=process]{display:grid}.theory-layers article p,.theory-layers article code{color:#bdc8c6;font-size:13px;line-height:1.55}.theory-layers>footer strong{font-size:9px}.theory-layers>footer p{color:#aebbb8;font:12px/1.5 var(--sans)}.chapter-tools{background:#101716;border:1px solid #4b6870;max-width:1040px;margin:64px 0 10px}.chapter-tools>header{border-bottom:1px solid var(--rule);padding:15px 17px}.chapter-tools>header span{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.chapter-tools>header h2{font:750 24px/1.1 var(--sans);border:0;margin:5px 0 0;padding:0}.chapter-tools>div{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.chapter-tools section{border-right:1px solid var(--rule-light);flex-direction:column;gap:8px;min-width:0;padding:15px 16px;display:flex}.chapter-tools section:last-child{border-right:0}.chapter-tools h3{color:#dceae8;font:800 10px var(--mono);text-transform:uppercase;margin:0 0 3px}.chapter-tools a{color:var(--accent-strong);font:13px/1.45 var(--sans);text-decoration:none}.chapter-tools a:hover{color:#eefcff;text-decoration:underline}.chapter-tools p{color:var(--muted);font:12px/1.5 var(--sans);margin:0}.reference-page>h1{max-width:930px}.reference-finder{background:#101716;border:1px solid #4b6870;max-width:1100px;margin:36px 0 70px}.reference-finder>header{border-bottom:1px solid var(--rule);grid-template-columns:1fr minmax(260px,.7fr);align-items:end;gap:24px;padding:18px;display:grid}.reference-finder header>div>span{color:var(--accent-strong);font:800 9px var(--mono);text-transform:uppercase}.reference-finder h2{font:750 30px/1.05 var(--sans);border:0;margin:6px 0 0;padding:0}.reference-finder header p{color:var(--muted);font:14px/1.5 var(--sans);margin:8px 0 0}.reference-finder label{gap:6px;display:grid}.reference-finder label span{color:var(--muted);font:800 9px var(--mono);text-transform:uppercase}.reference-finder input{width:100%;min-height:44px;color:var(--ink);font:14px var(--sans);background:#0b1211;border:1px solid #4b5a57;border-radius:0;padding:10px 12px}.reference-facets{border-bottom:1px solid var(--rule-light);gap:5px;padding:12px 18px;display:flex;overflow-x:auto}.reference-facets button{color:#9eadaa;min-height:32px;font:800 9px var(--mono);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #3d4947;padding:6px 10px}.reference-facets button[aria-pressed=true]{color:#071519;border-color:var(--accent-strong);background:var(--accent-strong)}.reference-result-count{color:var(--muted);border-bottom:1px solid var(--rule-light);font:10px var(--mono);margin:0;padding:10px 18px}.reference-results{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.reference-results>a{min-height:168px;color:var(--ink);border-right:1px solid var(--rule-light);border-bottom:1px solid var(--rule-light);background:#121a19;align-content:start;padding:15px;text-decoration:none;display:grid}.reference-results>a:nth-child(3n){border-right:0}.reference-results>a:hover{background:#1a292b}.reference-results a>span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase}.reference-results a>strong{font:750 19px/1.1 var(--sans);margin-top:9px}.reference-results a>p{color:#b9c5c3;font:13px/1.5 var(--sans);margin:8px 0 12px}.reference-results a>code{color:#78918e;font:9px var(--mono);margin-top:auto}.reference-empty{grid-column:1/-1;padding:26px}.reference-empty p{color:var(--muted);font:14px var(--sans)}.reference-section{max-width:1040px;margin:64px 0}.reference-section>p{color:#c1ccca;max-width:780px;font:16px/1.65 var(--sans)}.notation-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.notation-grid>div{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--panel);grid-template-columns:78px 1fr;align-items:center;min-height:74px;display:grid}.notation-grid code{color:var(--accent-strong);font:800 15px var(--mono);padding:16px}.notation-grid span{color:#b8c4c1;border-left:1px solid var(--rule-light);height:100%;font:13px/1.45 var(--sans);padding:15px}.detailed-reference-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detailed-reference-grid a{min-height:104px;color:var(--ink);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--panel);gap:7px;padding:16px;text-decoration:none;display:grid}.detailed-reference-grid a:hover{background:#203238}.detailed-reference-grid strong{font:750 17px var(--sans)}.detailed-reference-grid span{color:var(--muted);font:13px/1.45 var(--sans)}.bibliography{border-top:1px solid var(--rule);max-width:900px;margin:22px 0;padding:0;list-style:none}.bibliography li{color:#b9c4c2;border:1px solid var(--rule);background:var(--panel);font:14px/1.55 var(--sans);border-top:0;padding:14px 16px}.bibliography cite{color:#e6f4f4;font-style:normal;font-weight:750}.editorial-note{border-left:2px solid var(--accent-strong);background:#65c5dc0b;gap:6px;max-width:900px;margin:20px 0;padding:13px 16px;display:grid}.editorial-note strong{color:var(--accent-strong);font:800 11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.editorial-note span{color:#aebbb8;font:13px/1.55 var(--sans)}.editorial-note a{color:var(--accent-strong)}.style-family-reference{gap:28px;max-width:1040px;display:grid}.style-family-reference>section>header{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:9px;display:flex}.style-family-reference>section>header h3{color:var(--accent-strong);font:800 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0}.style-family-reference>section>header p{max-width:620px;color:var(--muted);font:9px/1.5 var(--mono);text-align:right;margin:0}.style-grammar-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;display:grid}.style-grammar-grid article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--panel);align-content:start;min-width:0;min-height:260px;padding:15px;scroll-margin-top:24px;display:grid}.style-grammar-grid article>span{color:var(--accent-strong);font:800 8px var(--mono);text-transform:uppercase}.style-grammar-grid h3{font:750 18px/1.1 var(--sans);margin:8px 0 0}.style-grammar-grid p{color:#b6c2c0;font:13px/1.5 var(--sans);margin:8px 0 14px}.style-grammar-grid dl{border-top:1px solid var(--rule-light);grid-template-columns:auto minmax(0,1fr);gap:7px;margin:auto 0 0;padding-top:10px;display:grid}.style-grammar-grid dt{color:var(--muted);font:800 8px var(--mono);text-transform:uppercase}.style-grammar-grid dd{color:#dff8ff;font:9px/1.45 var(--mono);text-align:right;margin:0}.chapter :where(.course-thesis,.mechanism-diagram,.course-index,.home-build-link,.home-reading-layers,.home-entry-points,.home-builder-model,.home-method,.reference-finder,.reference-section,.bibliography,.editorial-note,.style-family-reference,.style-grammar-grid){width:min(100%, var(--chapter-frame-width));max-width:var(--chapter-frame-width)}.chapter>*,.chapter-page>.chapter-section>*{width:100%;max-width:none!important}@media (width<=1000px){.home-entry-points{grid-template-columns:1fr}.home-entry-points a{border-bottom:1px solid var(--rule);min-height:104px}.theory-layers>div{flex-wrap:wrap}.theory-layers article{flex-basis:calc(50% - 1px)}.chapter-tools>div{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-tools section:nth-child(2){border-right:0}.chapter-tools section:nth-child(-n+2){border-bottom:1px solid var(--rule-light)}.reference-results{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-results>a:nth-child(3n){border-right:1px solid var(--rule-light)}.reference-results>a:nth-child(2n){border-right:0}.notation-grid,.home-builder-model ol,.style-grammar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-builder-model li:nth-child(3n){border-right:1px solid var(--rule-light)}.home-builder-model li:nth-child(2n){border-right:0}.home-builder-model li:nth-last-child(-n+3){border-bottom:1px solid var(--rule-light)}.home-builder-model li:nth-last-child(-n+2){border-bottom:0}}@media (width<=760px){main{width:100%;margin-left:0}.chapter{padding-inline:18px}.book-nav{position:static}.wordmark{border-bottom:0}.book-primary-links{border-top:1px solid #303936;grid-template-columns:1fr}.mobile-book-menu{overflow:visible}.mobile-book-menu>summary{min-height:48px;color:var(--accent-strong);font:800 11px var(--mono);text-transform:uppercase;cursor:pointer;border-bottom:1px solid #303936;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;display:flex}.mobile-book-menu>summary span{color:#9aa8a5;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.mobile-book-menu>nav{height:auto;max-height:58vh;margin:0;display:block;overflow-y:auto}html[data-book-mobile] .mobile-book-menu:not([data-mobile-ready=true])>nav{display:none}.book-nav nav .nav-group{display:block}.book-nav nav a{min-height:48px;display:flex}.nav-group>summary{padding-inline:18px}.course-home{padding-top:24px}.home-entry-points{margin-top:24px}.home-builder-model{margin-top:34px}.home-builder-model>header,.home-builder-model ol,.style-grammar-grid{grid-template-columns:1fr}.home-builder-model li,.home-builder-model li:nth-child(2n),.home-builder-model li:nth-child(3n){border-right:0;border-bottom:1px solid var(--rule-light);min-height:0}.home-builder-model li:last-child{border-bottom:0}.home-method{margin-top:46px}.use-now>div{grid-template-columns:1fr}.use-now details{grid-column:1}.chapter-section>p,.chapter-section>ul,.chapter-section>ol,.chapter>p:not(.lede),.lede{font-size:16px}.theory-layers>header{flex-direction:column;align-items:flex-start}.theory-layer-controls{justify-content:flex-start}.theory-layers article{flex-basis:100%;min-height:0}.chapter-tools>div,.reference-finder>header,.reference-results,.notation-grid,.detailed-reference-grid{grid-template-columns:1fr}.chapter-tools section{border-right:0;border-bottom:1px solid var(--rule-light)}.chapter-tools section:last-child{border-bottom:0}.reference-results>a,.reference-results>a:nth-child(2n),.reference-results>a:nth-child(3n){border-right:0}}.skip-link{z-index:1000;color:#061214;background:var(--accent-strong);font:800 11px/1 var(--mono);padding:11px 14px;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}@media print{:root{--paper:#fff;--panel:#fff;--ink:#111515;--muted:#4d5858;--rule:#aab2b2;--rule-light:#d7dddd;--accent-strong:#006f8d}body{color:var(--ink);background:var(--paper)}.book-nav,.playground-shell,.playground-trigger,.skip-link,.theory-layer-controls,.use-now a,.build-route-link{display:none!important}main{width:auto;margin:0;padding:0}.theory-layers article[hidden]{display:grid}.chapter-tools,.theory-layer-card,.reference-finder,.notation-grid>div,.bibliography li{break-inside:avoid;box-shadow:none}a{color:var(--accent-strong)}}