:root{font-family:Arimo,Arial,Helvetica,sans-serif;color:#273b33;background:#f3eddf;font-synthesis:none;--accent: #536c54;--line: #d9d4c5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,select,input[type=number],.file-button{min-height:44px}button{border:1px solid #c7cabb;border-radius:7px;background:#f5f0e6;color:#243c35;padding:9px 12px;cursor:pointer}button:hover{background:#e2e5d4}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}a{color:inherit;text-decoration:none}header{max-width:1480px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:700;letter-spacing:-1.5px}.brand span{display:block;font:9px Cousine,monospace;letter-spacing:2px;margin-top:6px}.intro{max-width:1480px;margin:auto;padding:58px 5% 42px;position:relative}.eyebrow{font:10px Cousine,monospace;letter-spacing:2px;color:#576b59}.eyebrow i{display:inline-block;width:6px;height:6px;background:#76906b;border-radius:50%;margin-right:10px}h1{font-size:clamp(45px,5.7vw,84px);font-weight:400;letter-spacing:-4px;line-height:1.03;margin:25px 0 0}h1 em{font-family:Gelasio,Georgia,serif;color:#7b895d;font-weight:400}.intro>p{position:absolute;left:65%;bottom:45px;line-height:1.8;font-size:15px;color:#5b6e61}.instrument{margin:0 auto;max-width:1360px;border:1px solid #c9c5b7;border-radius:16px;background:#e8e3d4;box-shadow:0 12px 35px #354b3410,inset 0 1px #fff;overflow:hidden}.instrument-head{padding:19px 24px;display:flex;justify-content:space-between;font:10px Cousine,monospace;letter-spacing:1px}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid #c7c9ba;overflow-x:auto;background:#dddccc;gap:0}.tabs button{flex:1;min-width:105px;background:none;border:0;border-radius:0;border-right:1px solid #c7c9ba;padding:16px 10px;color:#5a675a;font-size:12px}.tabs button[aria-selected=true]{background:#f1ecdd;color:#233e34;box-shadow:inset 0 -3px #819365;font-weight:700}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0}.screen{background:#111e20;position:relative;min-width:0;color:#bbc9b5;display:flex;flex-direction:column}.screen-top,.screen-bottom{display:flex;justify-content:space-between;padding:20px 24px;font:10px Cousine,monospace;letter-spacing:1px}.screen-top{border-bottom:1px solid #bac9ba15}.screen-bottom{border-top:1px solid #bac9ba15}#viewport,#oscillator{height:570px;width:100%;display:block;min-width:0}#viewport canvas{display:block;max-width:100%;touch-action:none}.view-tools{display:flex;gap:6px;padding:8px 20px;flex-wrap:wrap}.view-tools button{background:#1d3031;color:#c5d2bf;border:1px solid #3e5450;font-size:11px}.view-tools button[aria-pressed=true]{border-color:#95ab8f}#legend{font:10px/1.8 Cousine,monospace;padding:5px 22px 16px;color:#bdcfc6;min-height:39px}aside{padding:26px 24px;max-height:790px;overflow-y:auto}h2{font:36px/1.08 Gelasio,Georgia,serif;letter-spacing:-1px;font-weight:400;margin:18px 0}aside h2{font-size:28px}.muted{color:#596b5e;font-size:12px;line-height:1.7}.transport{display:flex;gap:6px;margin:22px 0 13px}.transport button{flex:1;font-size:12px}.primary{background:#3f5d49;color:#f7f0d9;border-color:#3f5d49}.primary:hover{background:#2e493a}.accent{background:#ddd6b8;border-color:#bfc2a4;width:100%;margin:10px 0 5px}label{display:block;font-size:11px;line-height:1.8}label input[type=number],label select{display:block;width:100%;border:1px solid #c7c9b8;border-radius:5px;background:#f6f1e6;color:#30493e;padding:7px;font:12px Cousine,monospace}.row{display:flex;align-items:center;justify-content:space-between;margin:10px 0;gap:12px}.row select{width:60%}.pair{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;margin-top:18px}.tiny{font-size:10px;line-height:1.7;color:#5a6b5e}.parameter{margin:17px 0;font-size:12px}.parameter output{float:right;font:11px Cousine,monospace}.parameter small{font-size:10px;color:#5d6d60;display:block}.parameter input{width:100%;accent-color:#5b7653;display:block;min-height:24px}details{border-top:1px solid #c6cbbb;padding:14px 0}summary{cursor:pointer;font-size:12px;min-height:30px;line-height:30px}details button{width:100%;margin-top:8px}#comparison{font:11px/1.7 Cousine,monospace;margin-top:10px}.meters{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c3c9b6;background:#eeeadb}.meters>div{padding:22px 24px;border-right:1px solid #cdd1bf;min-height:125px}.meters span{font:9px Cousine,monospace;letter-spacing:1px;display:block;color:#5e715e}.meters strong{font:30px Gelasio,Georgia,serif;display:block;margin:9px 0}.meters small{font:10px/1.5 Cousine,monospace;color:#5b6d60;display:block}#histogram{height:20px;width:140px;color:#799774}.instrument-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:12px;flex-wrap:wrap;border-top:1px solid #c9cebb}.palette{display:flex;align-items:center;gap:9px}.palette span{font:9px Cousine,monospace;margin-right:10px;letter-spacing:1px}.palette .swatch{border-radius:50%;width:30px;height:30px;min-height:30px;padding:0;border:3px solid #e8e3d4;outline:1px solid #bcc3b3}.swatch[aria-pressed=true]{outline:2px solid #3a5744}.meadow{background:linear-gradient(135deg,#829878 50%,#a9c5cc 50%)}.berry{background:linear-gradient(135deg,#8c2f55 50%,#ffdf83 50%)}.coast{background:linear-gradient(135deg,#149fb4 50%,#ff5132 50%)}.dusk{background:linear-gradient(135deg,#6b3ce2 50%,#fa8867 50%)}.instrument-footer>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.instrument-footer button,.file-button{font-size:11px}.file-button{display:inline-flex;align-items:center;background:#f5f0e6;border:1px solid #c7cabb;border-radius:7px;padding:9px 12px;cursor:pointer}.file-button input{width:1px;height:1px;position:absolute;opacity:0}.file-button:focus-within{outline:none;text-decoration:underline}.runtime{font:9px/1.6 Cousine,monospace;color:#62725f;padding:0 22px 14px}#legacy{width:100%;height:1050px;border:0}#notes{max-width:1360px;margin:75px auto;padding:0 8px}#notes>h2{font-size:48px;margin:20px 0 40px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.cards article{border-top:1px solid #b6c0aa;padding-top:20px}.cards span{font:9px Cousine,monospace;letter-spacing:1px;color:#718066}.cards h3{font:24px/1.2 Gelasio,Georgia,serif}.cards p{font-size:12px;line-height:1.8;color:#5a6b5e}.cards a{font-size:11px;border-bottom:1px solid #9fae92}.cards button{display:block;margin-top:15px;font-size:11px}.assumptions{margin-top:35px;color:#556a5a;line-height:1.8;font-size:12px}footer{max-width:1360px;margin:50px auto;padding:30px 0;border-top:1px solid var(--line);font-size:24px}footer span{float:right;font-size:12px;color:#65735f}#notice{position:fixed;left:50%;bottom:20px;transform:translate(-50%);padding:13px 20px;background:#284637;color:#f3efde;font-size:12px;line-height:1.5;border-radius:9px;box-shadow:0 5px 30px #0002;max-width:600px;width:max-content;z-index:20;display:none;pointer-events:none}#notice.visible{display:block}[hidden]{display:none!important}body[data-theme=berry] h1 em{color:#8c2f55}body[data-theme=coast] h1 em{color:#17899b}body[data-theme=dusk] h1 em{color:#7554a2}@media(max-width:1100px){.instrument,#notes,footer{margin-left:20px;margin-right:20px}.intro>p{left:62%}.workbench{grid-template-columns:minmax(0,1fr) 280px}#viewport,#oscillator{height:520px}aside{padding:23px 18px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){header{padding:22px}.intro{padding:35px 24px}.intro h1{letter-spacing:-2px}.intro>p{position:static;font-size:13px;margin-top:24px}.instrument{margin:0 10px}.instrument-head{padding:15px;font-size:8px}.instrument-head span:last-child{display:none}.workbench{grid-template-columns:1fr}#viewport,#oscillator{height:390px}.screen-top,.screen-bottom{padding:16px;font-size:9px}.view-tools{padding:8px 12px}#legend{padding-left:15px}aside{max-height:none;padding:25px}.meters{grid-template-columns:1fr 1fr}.meters>div{padding:18px}.meters strong{font-size:26px}.instrument-footer{padding:15px;align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.cards article{padding-bottom:15px}#notes{margin-top:50px}#notes>h2{font-size:40px}footer{font-size:20px}footer span{float:none;display:block;margin-top:10px}#notice{max-width:calc(100vw - 24px);font-size:11px;bottom:12px}.tabs button{min-width:110px}#legacy{height:1400px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}header{height:72px;padding:12px 3%}.brand{font-size:26px}.intro{display:none}.instrument{margin:12px auto 0;height:calc(100dvh - 96px);min-height:560px;display:flex;flex-direction:column}.instrument-head{display:none}.tabs{flex-shrink:0}#modern{flex:1;min-height:0;display:flex;flex-direction:column}.workbench{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 340px}.screen{min-height:0;overflow:hidden}.screen-top{padding:10px 18px;align-items:center;gap:12px;min-height:50px;flex-shrink:0}.screen-top #scene-title{flex:1}.screen-top button{background:transparent;color:#dce4cd;border-color:#52685d;min-height:36px;font:11px Cousine,monospace;padding:7px 10px}#viewport,#oscillator{height:auto;min-height:80px;flex:1}.screen-bottom{padding:10px 18px;flex-shrink:0;font-size:9px}#scene-hint{margin:0;padding:4px 18px 8px;font-size:12px;color:#d3decd;line-height:1.4}.screen .transport{flex-shrink:0;margin:0;padding:4px 16px 12px}.transport button{min-height:44px;font-size:12px}.transport .turn-action{flex:2;color:#262f28;background:#e7c385;border-color:#e7c385}.screen .meters{flex-shrink:0;background:#17292a;border-color:#344c46}.screen .meters>div{padding:10px 14px;min-height:78px;border-color:#344c46}.screen .meters span{color:#b3c9bb;font-size:8px;letter-spacing:.4px}.screen .meters strong{color:#f3e9ce;font:24px Gelasio,Georgia,serif;margin:5px 0}.screen .meters small{color:#99b5a8;font-size:9px}.screen #histogram{display:none}aside{padding:0;max-height:none;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#eee9dc}.control-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #c6cbbb;flex-shrink:0}.control-navigation button{min-width:0;padding:11px 3px;border:0;border-radius:0;background:transparent;font-size:10px;min-height:48px}.control-navigation button[aria-pressed=true]{background:#dbe1cf;color:#243c35;box-shadow:inset 0 -3px #647b56;font-weight:700}.control-content{padding:18px 20px 32px;overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable;overscroll-behavior:contain}.control-content h2{margin:0 0 8px;font-size:25px}.control-content details{border:0;padding:0}.control-content summary{font:23px/1.3 Gelasio,Georgia,serif;margin-bottom:15px}.control-content .parameter{padding:12px 0;border-bottom:1px solid #d8d9ca;margin:0;font-size:13px}.control-content label{font-size:12px}.control-content input[type=range]{min-height:44px;width:100%}.control-content select,.control-content input[type=number]{font-size:16px}.control-content .tiny{font-size:11px}.control-content .instrument-footer{padding:0;border:0;gap:24px}.control-content .palette{flex-wrap:wrap}.control-content .palette span{flex-basis:100%}.control-content .swatch{width:44px;height:44px;min-height:44px}.control-content .view-tools{padding:0 0 16px}.control-content #legend{padding:0 0 20px;color:#4d6257}.control-content .runtime{padding:20px 0 0}.experiment-picker{display:none}#notice{top:78px;bottom:auto;max-width:min(600px,calc(100vw - 24px))}#legacy{flex:1;min-height:0;height:auto}@media(max-width:720px){header{height:58px;padding:8px 16px}.brand{font-size:23px}.brand span{font-size:7px;margin-top:3px}header>a:last-child{font-size:11px}.instrument{margin:0;border-radius:0;border-left:0;border-right:0;height:calc(100dvh - 58px);min-height:0;width:100%}.tabs{display:none}.experiment-picker{display:flex;align-items:center;gap:14px;padding:4px 14px;background:#e3e2d3;flex-shrink:0;font-size:11px}.experiment-picker select{flex:1;width:auto;border:0;background:transparent;font:600 15px Arimo,Arial,sans-serif;min-height:38px}.workbench{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,55%) minmax(0,1fr)}.screen-top{min-height:36px;padding:3px 12px;font-size:8px;gap:6px}.screen-top button{min-height:32px;padding:4px 8px;font-size:10px}.screen-bottom{padding:4px 12px;font-size:8px;letter-spacing:0}#scene-hint{padding:3px 12px 5px;font-size:10px}.screen .transport{padding:3px 10px 7px;gap:5px}.transport button{padding:7px 5px;font-size:11px}.screen .meters{grid-template-columns:repeat(4,minmax(0,1fr))}.screen .meters>div{padding:6px 9px;min-height:48px}.screen .meters span{font-size:7px;letter-spacing:0}.screen .meters strong{font-size:19px;margin:3px 0 0}.screen .meters small{display:none}.control-navigation button{font-size:11px;min-height:44px;padding:8px 3px}.control-content{padding:14px 18px 28px}.control-content h2{font-size:22px}.control-content #panel-description{margin:5px 0 10px;font-size:11px}.control-content .pair{margin-top:10px}#notice{top:64px;font-size:11px}}@media(max-height:500px)and (orientation:landscape){header{height:48px}.instrument{height:calc(100dvh - 48px);min-height:0;margin:0;border-radius:0}.tabs button{padding:8px;min-height:38px}.workbench{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr)}.screen-top{min-height:32px;padding:2px 10px}.screen-bottom{padding:3px 10px}#scene-hint{font-size:10px;padding:2px 10px}.screen .meters>div{min-height:40px;padding:4px 8px}.screen .meters small{display:none}.screen .meters strong{font-size:18px;margin:2px 0}.screen .transport{padding:3px 8px}}#viewport{position:relative}#grid-scale{position:absolute;bottom:7px;left:10px;z-index:1;pointer-events:none;font:10px Cousine,monospace;color:#c9d2bc;background:#101e20db;padding:3px 5px;border-radius:3px}.bird-paths{display:grid;gap:12px;margin:24px 0}.bird-paths[hidden]{display:none}.recording-card,.model-card{display:flex;flex-direction:column;gap:10px;padding:20px;text-align:left;border-radius:10px}.recording-card{background:#623440;color:#fff2dc;border:1px solid #623440}.recording-card:hover{background:#75404e}.recording-card span,.model-card span{font:10px Cousine,monospace;letter-spacing:.12em}.recording-card strong,.model-card strong{font-family:Gelasio,Georgia,serif;font-size:25px;font-weight:400;line-height:1.1}.recording-card small,.model-card small{font-size:12px;line-height:1.55}.recording-card b{margin-top:6px;font-size:12px;font-weight:500}.model-card{border:1px solid #b8c5b0;background:#e3e7d9;color:#263d32}#panel-replay #starling-replay{width:100%;margin-bottom:12px;background:#623440;color:#fff2dc}#recording-source{display:inline-block;margin:8px 0 16px;text-underline-offset:4px}#recording-source[hidden]{display:none}#recording-credit{border-top:1px solid #c7c4b4;padding-top:12px}#recording-credit:empty{display:none}@media(max-width:600px){.bird-paths{margin:16px 0}.recording-card,.model-card{padding:16px}.recording-card strong,.model-card strong{font-size:23px}}.mobile-controls,.control-navigation [data-panel=measurements]{display:none}@media(max-width:720px){header{height:44px;padding:4px 14px}.brand{font-size:23px}.brand span{display:none}.instrument{height:calc(100dvh - 44px)}.experiment-picker{min-height:44px;padding:0 14px}.experiment-picker select{min-height:44px;font-size:16px}.workbench{grid-template-rows:minmax(200px,50%) minmax(0,1fr)}.workbench.controls-collapsed{grid-template-rows:minmax(0,1fr) auto}.controls-collapsed .control-content{display:none}.screen-top{min-height:44px;font-size:10px}.screen-top button{min-height:44px;font-size:12px;border:0}.screen-bottom{padding:5px 12px;font-size:9px}#scene-hint{display:none}.screen .transport{padding:4px 10px 8px;gap:6px}.transport button{font-size:12px;min-height:44px}.transport .turn-action{flex:1.6}.control-navigation{display:none}.mobile-controls{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:4px 12px;border-bottom:1px solid #c6cbbb;background:#e3e2d3}.mobile-controls select{flex:1;width:0;min-width:0;min-height:44px;border:0;background:transparent;font-size:16px;font-weight:600}.mobile-controls button{min-height:44px;padding:8px 10px;font-size:12px;background:transparent;border-color:#9ba994}.control-content{padding:14px 16px max(24px,env(safe-area-inset-bottom))}.control-content label,.control-content .parameter{font-size:14px}.control-content .tiny,.control-content #panel-description{font-size:13px;line-height:1.5}.control-content .parameter small{font-size:12px;line-height:1.5}.bird-paths{margin:14px 0;gap:0}.bird-paths>.eyebrow,.model-card,.recording-card>span,.recording-card>small{display:none}.recording-card{padding:14px;gap:6px}.recording-card strong{font-size:20px}.recording-card b{font-size:12px}#panel-measurements .meters{grid-template-columns:repeat(2,minmax(0,1fr));border:0}#panel-measurements .meters>div{padding:16px 10px;min-width:0}#panel-measurements .meters span{font-size:10px;white-space:normal}#panel-measurements .meters small{font-size:11px;line-height:1.5}#notice{top:4px;font-size:12px;pointer-events:none}}@media(max-width:720px)and (max-height:500px)and (orientation:landscape){.workbench{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr)}.workbench.controls-collapsed{grid-template-columns:minmax(0,1fr) 120px;grid-template-rows:minmax(0,1fr)}.controls-collapsed .mobile-controls select{display:none}.controls-collapsed .mobile-controls{padding:4px}.screen-top{gap:3px}.screen-top #scene-title{font-size:8px}}@media(min-width:721px){.workbench.controls-collapsed{grid-template-columns:minmax(0,1fr)}.workbench.controls-collapsed aside{display:none}}@media(max-width:720px){#focus-view{display:none}}#turn-feedback{position:absolute;top:12px;left:14px;right:14px;z-index:1;pointer-events:none;color:#f1eddb;font-size:12px;line-height:1.45;text-shadow:0 1px 3px #102022}#turn-feedback strong,#turn-feedback span{display:block}#turn-feedback strong{font-size:16px;font-weight:500}#turn-feedback span{color:#c9d9cf;max-width:520px}#turn-guide{border-bottom:1px solid #c6cbbb;padding-bottom:16px;margin-bottom:18px}#turn-guide>label{display:block;padding-top:16px;line-height:1.5;font-size:14px}#turn-guide output{float:right;font-family:Cousine,monospace}#turn-guide input{display:block}#turn-guide small{display:block;font-size:12px;color:#4d6257}#guide-applied,#turn-explanation{font-size:13px;line-height:1.5}#turn-guide details{margin-top:16px}#turn-guide summary{font:600 14px Arimo,Arial,sans-serif;min-height:44px;padding-top:12px}#turn-guide details p{font-size:13px;line-height:1.5}@media(max-width:720px){#turn-feedback{top:8px;left:12px;right:12px;font-size:11px}#turn-feedback strong{font-size:14px}}@media(max-height:500px){#turn-feedback span{display:none}#turn-feedback{top:4px}}input:focus-visible,select:focus-visible{outline:none;filter:brightness(.85)}html[data-storybook-embed],html[data-storybook-embed] :is(body,#app,main,#lab,#modern,.workbench,.screen){width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}html[data-storybook-embed] :is(header,.intro,.tabs,.experiment-picker,aside,.screen-top,.screen-bottom,.transport,.meters,#notes,footer,#notice,#turn-feedback,#scene-hint,#legacy,.view-tools,#legend){display:none!important}html[data-storybook-embed] .workbench{display:block!important}html[data-storybook-embed] .screen{display:flex!important}html[data-storybook-embed] .instrument{border:0!important;border-radius:0!important}html[data-storybook-embed] #viewport{display:block!important;flex:1!important;height:100%!important;min-height:0!important}html[data-storybook-embed],html[data-storybook-embed] :is(body,#app,main,#lab,#modern,.workbench,.screen,.instrument,#viewport){background:transparent!important;box-shadow:none!important}:root{--night: #0b1220;--panel: #111c2c;--ink: #e4e9e6;--quiet: #a4b4c3;--rule: #2b3b50;--gold: #e8c98b;color:var(--ink);background:var(--night)}body{background:var(--night)}header{height:56px;max-width:none;padding:8px 24px;border-color:var(--rule)}.brand{font:italic 27px Gelasio,Georgia,serif;letter-spacing:-1px}.brand span{display:none}header>a:last-child{font-size:12px;color:var(--quiet)}.instrument{width:100%;max-width:none;height:calc(100dvh - 56px);min-height:0;margin:0;border:0;border-radius:0;background:var(--night);box-shadow:none}.tabs{border:0;background:var(--night);padding:0 16px}.tabs button{color:var(--quiet);background:transparent;border:0;min-height:44px;font-size:12px;padding:10px 16px}.tabs button[aria-selected=true]{color:var(--gold);background:transparent;box-shadow:inset 0 -1px var(--gold)}.workbench{grid-template-columns:minmax(0,1fr) 320px}.screen{background:var(--night);color:var(--quiet)}.screen-top{border:0;padding:8px 24px;min-height:48px}.screen-top #scene-title{font:italic 24px Gelasio,Georgia,serif;letter-spacing:-.5px;color:var(--ink)}.screen-top #state-label{font-size:9px;letter-spacing:1px}.screen-top button{border:0;color:var(--quiet);font:11px Arimo,Arial,sans-serif}.screen-bottom{border:0;padding:6px 24px;font:9px Cousine,monospace;color:var(--quiet)}#scene-hint,#grid-scale{display:none}#turn-feedback{top:10px;left:24px;right:24px}#turn-feedback strong{font:15px Gelasio,Georgia,serif;color:var(--gold)}#turn-feedback span{font-size:11px;color:var(--quiet)}.screen .transport{width:min(100%,600px);margin:0 auto;padding:8px 16px 14px;gap:8px}button{color:var(--ink);border:1px solid var(--rule);background:transparent;border-radius:4px}button:hover{background:#233248}button.primary{background:#284354;color:var(--ink)}.transport .turn-action{background:var(--gold);border-color:var(--gold);color:#16202c;font-weight:700;flex:1.4}.screen .meters{background:var(--night);border-color:var(--rule)}.screen .meters>div{border-color:var(--rule);min-height:64px;padding:8px 24px}.screen .meters strong{font:21px Gelasio,Georgia,serif;color:var(--ink)}.screen .meters span,.screen .meters small{color:var(--quiet)}aside{background:var(--panel);border-left:1px solid var(--rule)}.control-navigation{border-color:var(--rule)}.control-navigation button{color:var(--quiet);font-size:10px}.control-navigation button[aria-pressed=true]{color:var(--gold);background:#19283c;box-shadow:inset 0 -1px var(--gold)}.control-content{padding:18px 20px 28px;scrollbar-color:#4c6074 var(--panel)}.control-content h2{font:24px Gelasio,Georgia,serif;color:var(--ink)}#panel-description:empty,#panel-description,#panel-title,.model-card,.bird-paths>.eyebrow,.recording-card>span,.recording-card>small{display:none}.control-content p,.control-content .tiny,.control-content small,.control-content #legend,.eyebrow{color:var(--quiet)}.control-content select,.control-content input[type=number]{background:var(--night);color:var(--ink);border:1px solid var(--rule);border-radius:4px;min-width:0}.control-content label,.control-content .parameter{color:var(--ink)}.control-content .parameter{border-color:var(--rule)}input[type=range]{accent-color:var(--gold);cursor:ew-resize}#turn-guide{border-color:var(--rule);padding-bottom:8px;margin-bottom:16px}#turn-guide>label{font-size:14px;padding-top:4px}#turn-guide output{color:var(--gold);font-size:12px}#guide-applied{font:11px Cousine,monospace;color:var(--quiet);margin:2px 0}#turn-guide summary{font-weight:400;color:var(--quiet)}#turn-guide details p,#turn-explanation{color:var(--quiet);font-size:12px}.bird-paths{margin:16px 0}.recording-card{background:transparent;border:1px solid #525b6e;padding:12px;gap:6px;color:var(--ink);border-radius:4px}.recording-card:hover{background:#233248}.recording-card strong{font:18px Gelasio,Georgia,serif}.recording-card b{font-size:11px;font-weight:400;color:var(--quiet)}#notice{background:var(--panel);color:var(--ink);border:1px solid var(--rule)}#notes{color:var(--ink);padding:48px 24px;max-width:1100px;margin:auto}#notes:not(:target),main>footer{display:none}#notes h2,#notes h3{color:var(--ink)}#notes .cards article{background:var(--panel);border-color:var(--rule)}#notes p,#notes .cards span{color:var(--quiet)}@media(max-width:720px){header{height:44px;padding:4px 16px}.brand{font-size:25px}.instrument{height:calc(100dvh - 44px)}.experiment-picker,.mobile-controls{background:var(--panel);color:var(--quiet);border-color:var(--rule)}.experiment-picker select,.mobile-controls select{color:var(--ink);background:transparent}.mobile-controls button{color:var(--quiet);border-color:var(--rule)}.screen-top{padding:4px 14px;min-height:44px}.screen-top #scene-title{font-size:21px}.screen-top button{padding:4px 6px}.screen-bottom{padding:4px 14px;font-size:8px}#turn-feedback{left:14px;right:14px}#turn-feedback strong{font-size:14px}.screen .transport{padding:6px 12px 10px}.workbench{grid-template-columns:minmax(0,1fr)}aside{border-left:0}#panel-measurements .meters{background:var(--panel);color:var(--ink)}}@media(max-height:500px)and (orientation:landscape){header{height:40px}.instrument{height:calc(100dvh - 40px)}.screen-top{min-height:36px;padding:0 12px}.screen .transport{padding:3px 8px}.screen-top #scene-title{font-size:16px}.workbench{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr)}}.back-to-model{display:inline-block;padding:12px 0;color:var(--gold);min-height:44px;margin-bottom:28px}.screen .transport .primary{background:#284354;border-color:#284354}.control-content{scrollbar-gutter:stable}output,.meters strong,.screen-bottom,#turn-feedback{font-variant-numeric:tabular-nums}.screen-top{flex-shrink:0}.screen-top #scene-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.book-context>header{position:sticky;top:0;z-index:20;background:#eee4ca;color:#283f42;border-bottom:1px solid #b7a17a}.book-context[data-book-world=plush]>header{background:#eee4e9;color:#423c56}.book-context[data-book-world=odd]>header{background:#e7d7b5;color:#343144}.book-context>header>a:last-child{color:inherit;font:14px Gelasio,Georgia,serif;text-decoration:underline;text-underline-offset:4px}.book-context #lab{scroll-margin-top:var(--lab-header-min-height)}.book-context>header{min-height:var(--lab-header-min-height);height:auto;gap:12px;padding:var(--lab-header-block-padding) 14px}.book-context>header .brand{font-size:19px;min-width:0}.book-context>header .brand span{display:none}.book-context #return-to-book{order:-1;display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-target-min);padding:8px 12px;flex-shrink:0;border:1px solid currentColor;border-radius:7px;font:700 14px Gelasio,Georgia,serif;text-decoration:none}