:root{color-scheme:dark;--bg:#0a1119;--panel:#101c28;--ink:#f0f5f4;--muted:#b0bfc9;--line:#2a3b49;--lime:#d3f6a4;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#132537 0,transparent 51%),var(--bg);min-height:100vh;color:var(--ink)}[hidden]{display:none!important}.sprites{position:absolute;width:0;height:0;overflow:hidden}button,select,input,summary{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:3px}svg:not(.sprites){width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{width:min(1180px,calc(100% - 72px));margin:auto}.mast{display:flex;justify-content:space-between;align-items:center;min-height:78px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:720;font-size:21px;letter-spacing:-.06em}.mark{display:flex;gap:3px;align-items:center;justify-content:center;background:#1e302d;border:1px solid #3b584a;width:33px;height:33px;border-radius:9px;transform:rotate(-5deg)}.mark i{width:2.5px;height:10px;background:var(--lime);border-radius:5px}.mark i:nth-child(2){height:19px}.mark i:nth-child(3){height:14px}.quiet,.primary,.icon{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650}.quiet{font-size:14px;background:transparent;color:#cee0e0;min-height:44px;padding:0 4px}.quiet svg{width:17px}
.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 22px}h1,h2,p{margin:0}h1{font-size:clamp(34px,4.1vw,58px);font-weight:650;letter-spacing:-.065em;line-height:1.07}h1 span{color:var(--lime)}.heading p,.dialog-head p{color:var(--muted);margin-top:7px}.primary{min-height:47px;padding:0 18px;background:var(--lime);color:#172517;font-size:15px}.primary:hover{background:#e1ffbd}
.stage{border:1px solid #344555;border-radius:20px;overflow:hidden;background:#0e1722;box-shadow:0 12px 48px #01060e47}.viewport{isolation:isolate;position:relative;height:clamp(325px,53vh,580px);background:#142334}#scene{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}#scene.dragging{cursor:grabbing}
.tag,.view-switch,.hint,.stage-foot summary,.tool-tray{background:#111d29e8;color:#e8eff1;border:1px solid #3d5062;border-radius:100px}.tag,.view-switch{position:absolute;top:16px}.tag{left:17px;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:620}.tag i{width:7px;height:7px;border-radius:50%;background:#ccf6a5}.view-switch{right:16px;display:flex;padding:3px}.view-switch button{border:0;border-radius:99px;background:transparent;font-size:13px;min-height:37px;min-width:60px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:#dbe7e5;color:#192833;font-weight:650}.stage-foot{position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-foot details{position:relative;pointer-events:auto}.hint{pointer-events:none;display:inline-flex;gap:7px;align-items:center;padding:7px 11px;font-size:12px}.hint svg{width:16px;height:16px}
summary{list-style:none}summary::-webkit-details-marker{display:none}.stage-foot summary{min-width:45px;height:42px;display:grid;place-items:center;font-weight:bold;letter-spacing:2px}.tool-tray{position:absolute;right:0;bottom:50px;padding:4px;display:flex;border-radius:13px}.tool-tray button,.icon{border:0;background:transparent;min-width:42px;min-height:42px;font-size:20px;display:grid;place-items:center}.tool-tray button[aria-pressed=true]{background:#3d5540;color:var(--lime);border-radius:9px}.caption{display:flex;align-items:center;gap:13px;padding:16px 21px;border-top:1px solid var(--line)}.cap-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #3c505d;color:#b9e3f0;border-radius:11px}.caption p{font-weight:650;font-size:16px}.caption span,.footnote{color:var(--muted);font-size:13px}.footnote{margin:13px 2px 24px}.caption div:last-child{min-width:0}.caption p,.caption span{overflow-wrap:anywhere}
#portInfo{position:absolute;inset:auto auto 64px 15px;background:#0c1724f7;max-width:min(370px,calc(100% - 30px));padding:14px 45px 15px 15px;border:1px solid #5a7183;border-radius:12px;font-size:13px}#portInfo span{display:block;color:var(--muted);margin-top:3px}#hidePort{position:absolute;right:4px;top:3px;border:0;width:36px;height:36px;color:var(--ink);font-size:21px;background:none}
dialog{color:var(--ink);padding:24px;background:var(--panel);border:1px solid #47606e;border-radius:18px;width:min(440px,calc(100% - 24px));max-height:88dvh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020710b8}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-head h2{font-size:27px;line-height:1.18;letter-spacing:-.045em}.dialog-head p{font-size:14px}.icon{background:#1c2b38;min-width:40px;min-height:40px}dialog label{display:block;font-weight:600;font-size:14px;margin:16px 0 6px}.picker,dialog input,dialog select{width:100%;background:#192937;color:var(--ink);border:1px solid #455b6c;border-radius:9px;min-height:45px;padding:9px 12px;text-align:left}.picker{display:flex;justify-content:space-between;align-items:center;gap:8px}.picker:after{content:"⌄";color:var(--muted)}.matches{padding:7px 0}.matches input{background:#0c1a26}.models{max-height:180px;overflow:auto;margin:4px 0}.models button{display:block;text-align:left;width:100%;min-height:44px;padding:8px 10px;background:transparent;border:0;border-bottom:1px solid var(--line)}.models button:hover{background:#243647}.models small{display:block;color:var(--muted)}.options{margin-top:10px}.options summary{font-size:14px;color:#cddadd;min-height:44px;display:flex;gap:8px;align-items:center}.options summary:after{content:"+"}.options[open] summary:after{content:"−"}#sources{margin-top:12px;font-size:13px;color:var(--muted)}#sources a{color:#c7edaa}.apply{width:100%;margin-top:15px}.notice:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#d1f2b2;color:#18251c;padding:9px 17px;border-radius:10px;font-size:14px}
@media(max-width:660px){.shell{width:calc(100% - 28px)}.mast{min-height:60px}.heading{display:grid;gap:13px;margin:20px 0 14px}.heading p{font-size:14px;margin-top:5px}.heading .primary{width:max-content;min-height:42px;font-size:14px}.stage{border-radius:15px}.viewport{height:clamp(270px,46svh,405px)}.tag,.view-switch{top:10px}.tag{left:9px;font-size:11px;padding:7px 9px}.view-switch{right:9px}.view-switch button{min-width:47px;min-height:32px}.stage-foot{left:9px;right:9px;bottom:9px}.caption{padding:12px;gap:10px}.caption p{font-size:14px}.footnote{font-size:12px}.cap-icon{width:32px;height:32px;flex-shrink:0}dialog{padding:19px}}

/* A single workbench: the room and its next question share a screen. */
:root{--bg:#0b181c;--ink:#f7f6eb;--muted:#a9bbb7;--panel:#17282b;--lime:#ddedaa;--line:#34464a}
body{background:radial-gradient(ellipse at 20% 0,#20302e 0,transparent 50%),#0b171b}
.shell{width:min(1240px,calc(100% - 72px))}.mast{min-height:79px;border:0;gap:15px;justify-content:flex-start}
.brand{font-size:24px;letter-spacing:-.07em}.studio-name{font:650 11px system-ui;letter-spacing:.17em;border-left:1px solid #63706b;padding-left:15px;color:#c5cfc7}
.language{margin-left:auto;border:1px solid #4b5c5b;border-radius:8px;background:transparent;color:#e0e8e4;font-weight:650;min-width:44px;min-height:37px;font-size:13px}.quiet{font-size:13px}
.desk{margin:clamp(16px,3.5vh,43px) 0 22px}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.91fr);align-items:stretch;gap:0;border:1px solid #4c5a56;border-radius:25px;overflow:hidden;box-shadow:0 18px 72px #07111266;background:#f5f2e8}
.stage{border:0;border-radius:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;min-width:0;background:#13262a}
.viewport{height:clamp(345px,50vh,520px);min-height:0;flex:1 0 auto}.tag,.view-switch,.hint,.stage-foot summary,.tool-tray{background:#132326eb;border-color:#53635d;color:#e6ece2}.tag{left:18px;top:16px}.view-switch{right:15px;top:15px}.view-switch button[aria-pressed=true]{background:#e5eade}.stage-foot{bottom:12px}
.equipment-bar{background:#14262a;border-top:1px solid #3b5050}.equipment-bar button{display:flex;align-items:center;gap:11px;width:100%;min-height:68px;text-align:left;background:transparent;border:0;padding:10px 20px}.device-icon{display:grid;place-items:center;width:35px;height:35px;color:#d3e7d8;border:1px solid #485d59;border-radius:10px}.device-icon svg{width:16px}.equipment-copy{display:grid;min-width:0;gap:2px}.equipment-copy small{font-size:11px;color:#b4c6bf}.equipment-copy strong{font-weight:590;letter-spacing:-.015em;font-size:14px;overflow-wrap:anywhere}.edit-word{font-size:12px;font-weight:650;margin-left:auto;color:#dbedbf}
.coach{color-scheme:light;--panel:#f5f2e8;display:flex;flex-direction:column;justify-content:center;background:#f5f2e8;color:#192e2f;padding:clamp(25px,3.5vw,54px);min-width:0}
.coach-top{display:flex;align-items:center;gap:9px;font:700 10px/1.4 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#526965;min-height:29px;margin-bottom:17px}.signal{display:inline-flex;align-items:center;gap:2px;height:15px}.signal i{width:2px;height:6px;background:#496f58;border-radius:2px}.signal i:nth-child(2){height:14px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:5px}
.coach h1{font:500 clamp(36px,3.8vw,59px)/1.01 Georgia,'Times New Roman',serif;letter-spacing:-.055em;max-width:16ch;color:#152c2e;text-wrap:balance}
.coach h1:focus{outline:0}#coachBody{color:#415755;font-size:16px;line-height:1.52;margin:14px 0 22px;max-width:44ch}
#answers{display:grid;gap:8px}.answer{background:#fffdf6;border:1px solid #c3cec2;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px;min-height:47px;color:#17302e;font:650 15px/1.3 system-ui}.answer svg{width:19px;height:19px;color:#4a6956}.answer .arrow{margin-left:auto;color:#557669;font-size:17px}.answer:hover{border-color:#637b6d;background:#e8eedf}.answer.primary-answer{background:#205546;color:white;border-color:#205546}.answer.primary-answer .arrow{color:#dceccf}
.coach button:focus-visible,.coach summary:focus-visible,.coach a:focus-visible{outline:3px solid #246450;outline-offset:2px}#previous,.light-link{background:none;border:0;padding:5px 0;font-size:13px;color:#325c4a;font-weight:650}#previous{margin-left:auto;min-height:34px}
#record,#supportRefs{color:#405a50;font-size:13px}#record{margin-top:16px;border-top:1px solid #cbd3c7}#record summary{padding:12px 0;cursor:pointer}#record summary:after{content:' +'}#record[open] summary:after{content:' −'}#recordList{margin:0;padding-left:18px}#recordList li{margin:6px 0}#plainNotes{width:100%;min-height:100px}#supportRefs a{color:#265e49;display:inline-block;margin:10px 10px 0 0;text-underline-offset:3px}.under{display:flex;justify-content:space-between;gap:15px;color:#a2b5ad;font-size:12px;padding:14px 4px}.under #routeLine{font-weight:590;color:#c1d0c6}.notice:not(:empty){z-index:5}
@media(max-width:840px){.shell{width:calc(100% - 32px)}.workspace{grid-template-columns:minmax(0,1.02fr) minmax(305px,.98fr)}.coach{padding:24px}.mast{min-height:62px}.under{font-size:11px}}
@media(max-width:680px){.shell{width:calc(100% - 22px)}.desk{margin:2px 0 12px}.mast{min-height:53px;gap:9px}.brand{font-size:19px;gap:8px}.mark{width:28px;height:28px}.studio-name{font-size:9px;padding-left:9px}.mast .quiet{min-width:36px;font-size:0;gap:0}.workspace{display:flex;flex-direction:column;border-radius:18px}.viewport{height:clamp(170px,26svh,257px);flex:0 0 auto}.tag{top:9px;left:9px;font-size:10px;padding:5px 8px}.view-switch{top:7px;right:7px}.view-switch button{font-size:11px;min-width:43px;min-height:31px}.stage-foot{left:8px;bottom:6px;right:8px}.hint{font-size:10px;padding:4px 7px}.stage-foot summary{height:33px;min-width:38px}.equipment-bar button{min-height:46px;padding:6px 12px;gap:7px}.device-icon{width:26px;height:26px;border-radius:7px}.equipment-copy small{display:none}.equipment-copy strong{font-size:12px}.edit-word{font-size:11px}.coach{padding:15px 19px 18px}.coach-top{margin:0 0 5px;min-height:22px}.coach h1{font-size:clamp(30px,8vw,40px);line-height:1.03;max-width:100%}#coachBody{font-size:14px;margin:7px 0 13px;line-height:1.4}#answers{gap:6px}.answer{min-height:43px;font-size:14px;padding:9px 12px}.under{display:block;padding:8px 4px}.under span{display:block}.under span+span{margin-top:3px}#portInfo{z-index:2;bottom:40px;font-size:11px}#previous{min-height:29px}}
@media(max-height:690px) and (max-width:680px){.viewport{height:147px}.coach{padding:11px 15px 14px}.answer{min-height:41px}.under{font-size:10px}}

#switchIssue{align-self:flex-start;font-size:12px;min-height:34px;margin-top:6px;text-decoration:underline;text-underline-offset:3px}

/* Device type and model stay together at every screen width. */
.skip-link{position:absolute;top:0;left:0;z-index:10;transform:translateY(-140%);background:#fff;padding:10px;color:#122c25}.skip-link:focus{transform:none}
.device-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#15272b;border-top:1px solid #465b57}
.device-pair button{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;color:#f6faf2;background:transparent;border:0;padding:13px 18px}
.device-pair button+button{border-left:1px solid #465b57}.device-pair button:hover{background:#233a3c}
.device-pair button:focus-visible,.viewport :is(button,summary):focus-visible{outline:3px solid #def4a9;outline-offset:-4px}
.device-pair svg{width:32px;height:30px;color:#dce9bf}.device-pair button>span{display:grid;gap:2px}.device-pair small{font-size:14px;line-height:1.3;color:#d3dfd7}.device-pair strong{font-size:17px;line-height:1.3;overflow-wrap:anywhere}.device-pair b{font-size:14px;text-decoration:underline;text-underline-offset:3px;color:#e0f6b6}
.coach-top{letter-spacing:.03em;text-transform:none;font-size:13px;flex-wrap:wrap;row-gap:4px}
.read-aloud{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid #a4b5aa;color:#244a3c;border-radius:9px;padding:6px 8px;font-size:14px;min-height:44px}.read-aloud svg{width:16px;height:16px}
.answer{font-size:17px;line-height:1.4;min-height:52px}.answer .arrow{display:none}
#previous,#switchIssue,.language,.quiet,.view-switch button,.stage-foot summary,#closeShare,#hidePort,.tool-tray button{min-height:44px;min-width:44px}
.stage-foot summary{font-size:13px;letter-spacing:0;padding:0 12px}.tool-tray{flex-wrap:wrap;justify-content:center;width:max-content;max-width:min(284px,calc(100vw - 44px))}.tool-tray .tools-text{font-size:14px;line-height:1.2;flex-basis:100%;border-top:1px solid #587067}
dialog{width:min(470px,calc(100% - 16px));font-size:16px}dialog h2:focus{outline:0}dialog label{font-size:16px;color:#edf3ee}.close-text,.soft{min-height:46px;padding:8px 14px;font:650 16px/1.35 system-ui;background:#22383a;color:#f0f5ec;border-radius:10px;border:1px solid #627b72}
.close-text{flex-shrink:0}.model-help summary,#sourceDetails summary{display:flex;align-items:center;gap:8px;min-height:44px;color:#d9ecc7;text-decoration:underline;text-underline-offset:3px}.model-help p,.match-count{font-size:15px;color:#d1dfd8;line-height:1.45}.label-example{background:#f2f2e7;color:#223834;border:2px solid #7b9181;border-radius:9px;margin:10px 0 14px;padding:10px 14px}.label-example small{display:block;margin-bottom:6px}.label-example div{display:flex;gap:12px;align-items:baseline}.label-example span{min-width:64px}.label-example strong{font-size:17px}
.match-count:empty{display:none}.match-count{margin-top:10px}.model-results{display:grid;gap:6px;margin-top:8px}.model-result{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:10px 12px;background:#203437;border:1px solid #607771;border-radius:8px;min-height:54px;text-align:left}
.model-result strong{font-size:18px;line-height:1.3}.model-result small{font-size:14px;color:#cadbd2}.model-result b{grid-column:2;grid-row:1/3;color:#deefb2;font-size:15px}.model-result:focus-visible,.model-result:hover{background:#2b4846}.unknown,#moreModels{display:block;width:100%;margin-top:9px}.unknown{background:#e3edcd;color:#23382d}.soft[hidden]{display:none}#modelDialog select,#modelDialog input{font-size:17px;height:47px}#modelDialog{scroll-padding:12px}
@media(max-width:680px){.device-pair button{gap:7px;padding:8px}.device-pair svg{width:22px;height:22px}.device-pair small,.device-pair b{font-size:12.5px}.device-pair strong{font-size:14px}.answer{font-size:16px;min-height:48px}.coach-top{font-size:12px}.viewport{height:clamp(168px,24svh,240px)}.view-switch button{font-size:12px}.coach h1{font:650 clamp(26px,7.6vw,36px)/1.12 system-ui;letter-spacing:-.035em}#coachBody{font-size:16px}.under{font-size:12px}.tag{max-width:42%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#referenceDetails{margin:8px 0 0;color:#365744;font-size:14px}
#referenceDetails summary{padding:10px 0;text-decoration:underline;text-underline-offset:3px}
#referenceDetails a{display:inline-flex;align-items:center;color:#23573e;min-height:44px}

#portEvidence{font-size:14px;color:#365744}#portEvidence summary{padding:12px 0;text-decoration:underline;text-underline-offset:3px}#portSources p{overflow-wrap:anywhere}#portSources a{display:inline-flex;align-items:center;min-height:44px;color:#23573e}

.guide-nav{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin:1rem auto}.guide-nav a{color:var(--ink,#edf3f6);font-size:.87rem;text-underline-offset:.2rem;padding:.5rem}.guide-nav [hidden]{display:none}

/* Dedicated close-up for the current action. The room remains available on demand. */
#demoPanel[hidden],#canvasWrap[hidden],#demoReturn[hidden]{display:none!important}
#demoPanel{isolation:isolate;position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:330px;color:#f3f7ea;background:radial-gradient(ellipse at 49% 47%,#35524e 0%,#213c3b 39%,#152c2e 72%,#112529 100%);padding:18px 20px 15px}
#demoPanel::before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(#a5d4bf38 .7px,transparent .9px);background-size:16px 16px;mask-image:linear-gradient(0deg,transparent,#0008 50%,transparent)}
.demo-head,.demo-controls,.demo-identity,.demo-navigation{display:flex;align-items:center;gap:8px}
.demo-head{justify-content:space-between;flex-wrap:wrap}.demo-identity{color:#ddf3c8;font:700 12px/1.2 system-ui;letter-spacing:.07em}.demo-identity i{width:8px;height:8px;border-radius:50%;background:#d8fca3;box-shadow:0 0 10px #c2f8a366}
#demoRoom,#demoAngle,#demoReturn{font:650 13px/1.2 system-ui;color:#edf6e5;background:#192e30;border:1px solid #647b72;border-radius:30px;min-height:40px;padding:7px 13px}
#demoReturn{align-self:flex-start;margin:8px 14px}
#demoArt{flex:1;display:grid;place-items:center;width:100%;min-height:0}#demoArt svg{width:100%;height:auto;max-height:263px;overflow:visible;display:block;font-family:system-ui,sans-serif}
.demo-foot{border-top:1px solid #58706b80;padding-top:12px}.demo-caption{display:flex;align-items:baseline;column-gap:9px;row-gap:3px;flex-wrap:wrap}
#demoPlace{color:#d3e3d8;font-size:12px;font-weight:650}#demoModel{font:600 12px system-ui;color:#e1f5ca}.demo-word{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:2px;margin:3px 0 11px}
#demoName{color:#f5f8ea;font-size:clamp(19px,2.2vw,30px);letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}#demoInstruction{font:600 14px/1.35 system-ui;color:#d9edae}
.demo-controls{justify-content:space-between;flex-wrap:wrap}.demo-navigation button{height:40px;min-width:40px;background:#1e3434;color:#e8f5da;border:1px solid #5b7368;border-radius:50%;font:650 19px/1 system-ui}.demo-navigation button:disabled{opacity:.38}
#demoPlay{background:#d9efb6;color:#153328;border-color:#d9efb6;font-size:14px}.demo-navigation output{font:650 13px/1 system-ui;color:#e1eddb;min-width:31px;text-align:center}
.demo-attribution{display:flex;align-items:center;gap:8px}#demoBadge{font:550 11px/1.2 system-ui;color:#bdcec6}#demoSteps{display:flex;gap:4px;margin-top:11px}#demoSteps i{height:3px;flex:1;background:#49605b;border-radius:6px}#demoSteps i.lit{background:#d4edac}
#demoPanel button:focus-visible,#demoReturn:focus-visible{outline:3px solid #f4ffba;outline-offset:3px}
.da-ring{animation:da-ring 1.35s ease-out infinite;transform-box:fill-box;transform-origin:center}.da-nudge{animation:da-touch 1.6s ease-in-out infinite}
.da-plug{animation:da-plug 2.5s ease-in-out infinite}.da-withdraw{animation-direction:reverse}.da-led.amberwhite{animation:da-amber 1.6s steps(1,end) infinite}.da-led.green,.da-led.white,.da-led.change{animation:da-light 1.4s ease-in-out infinite}
.da-sound{animation:da-sound .78s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center;animation-delay:var(--delay)}.da-slide-left,.da-slide-right{animation:da-right 1.75s ease-in-out infinite}.da-slide-left{animation-direction:reverse}
@keyframes da-ring{0%,20%{opacity:1;transform:scale(.94)}85%,100%{opacity:.12;transform:scale(1.28)}}
@keyframes da-touch{0%,100%{transform:translate(5px,7px)}45%,66%{transform:translate(0,0)}}
@keyframes da-plug{0%,17%{transform:translate(-12px,24px)}65%,100%{transform:translate(0,0)}}
@keyframes da-amber{50%{fill:white}}@keyframes da-light{50%{opacity:.25}}@keyframes da-sound{to{transform:scaleY(.4)}}@keyframes da-right{to{transform:translateX(10px)}}
.demo-still *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#demoPanel *{animation:none!important}}
@media(max-width:680px){#demoPanel{min-height:0;padding:10px 12px 10px}#demoArt svg{height:clamp(136px,19svh,172px)}.demo-foot{padding-top:7px}.demo-word{margin:2px 0 6px}#demoName{font-size:20px}.demo-identity{font-size:11px}.demo-attribution{gap:5px}#demoBadge{font-size:10px;max-width:80px}.demo-navigation{gap:4px}#demoAngle,#demoRoom{font-size:12px;padding:5px 9px}.demo-navigation button,#demoRoom,#demoAngle{min-height:44px;min-width:44px}#demoSteps{margin-top:6px}}
#demoArt svg{stroke:none;stroke-width:1;fill:none}
.da-down{animation:da-down 1.8s ease-in-out infinite}@keyframes da-down{0%,100%{transform:translateY(-8px)}48%,78%{transform:translateY(0)}}
@media(max-width:380px){.mast{gap:5px}.mast .studio-name{font-size:8px;padding-left:4px}.mast .brand{gap:5px}.mast #share{padding:4px;min-width:36px}.demo-controls{gap:4px}.demo-navigation{gap:2px}#demoBadge{max-width:57px}.demo-attribution{gap:3px}}
#homeLead{background:#f5f3e9;color:#193b35;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(22px,5vw,76px);padding:clamp(24px,4.4vw,58px);border-radius:24px 24px 0 0;border-bottom:1px solid #bdcbc0}
#homeLead p{margin:0}#homeKicker{font:750 12px/1.4 system-ui;letter-spacing:.12em;color:#46725d}#homeHeadline{font-size:clamp(37px,4.7vw,70px);line-height:.99;letter-spacing:-.062em;margin:18px 0;color:#183a32}#homeIntro{font:500 17px/1.45 system-ui;color:#455e52;max-width:35em}
.home-search{min-width:0}.home-search label{display:block;margin-bottom:9px;font-weight:700}.home-search input{width:100%;background:#fffef9;border:1.5px solid #577466;border-radius:12px;padding:14px 16px;color:#153b2c;font:500 17px/1.3 system-ui}.home-search input:focus{outline:3px solid #548b70;outline-offset:2px}.home-search a{color:#255e46}.home-search small{font-size:13px;color:#506858}#homeCount{font:600 14px/1.35 system-ui;margin-top:7px}#homeMatches a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 1px;border-bottom:1px solid #bdcec1;text-decoration:none;min-height:44px}#homeAll{display:inline-block;margin-top:8px;font-weight:650;text-underline-offset:3px}
.desk.at-home .workspace{display:block;border-radius:0 0 22px 22px;border-top:0}.at-home .stage,.at-home .under,.at-home .guide-nav,.at-home .coach-top{display:none}.at-home .coach{padding:22px clamp(24px,4.4vw,58px) 30px}.at-home .coach h1{font:650 clamp(20px,2vw,28px)/1.22 system-ui;letter-spacing:-.035em}.at-home #answers{grid-template-columns:repeat(2,minmax(0,1fr))}.at-home #coachBody{margin:4px 0 14px}
@media(max-width:680px){#homeLead{grid-template-columns:1fr;padding:21px 18px;gap:15px;border-radius:18px 18px 0 0}#homeHeadline{font-size:37px;margin:8px 0}#homeIntro{font-size:15px}.at-home #answers{grid-template-columns:1fr}.at-home .coach{padding:17px 18px 20px}.mast #language{font-size:12px;padding:4px 7px}}
#shareQr{display:grid;place-items:center;margin:14px 0}#shareQr svg:not(.sprites){width:min(220px,75vw);height:auto;fill:#000;stroke:none;background:white}#shareQr svg rect{fill:white}#shareQr svg path{fill:black;stroke:none}#shareHint{font-size:14px;color:#d1e2d9;line-height:1.5}.shared-notice{padding:7px 10px;color:#245d45;background:#ddebce;border-radius:8px;font-size:14px}.mast #share span{white-space:nowrap}

.demo-head-buttons{display:flex;align-items:center;gap:6px}#shareHere{min-height:44px;padding:6px 11px;background:#dcedbf;border:1px solid #c4d9b6;color:#193b30;border-radius:30px;font:650 13px/1 system-ui}@media(max-width:380px){.demo-head-buttons{gap:4px}#shareHere{font-size:12px;padding-inline:8px}}
#frameSource{color:#d8e9b7;text-underline-offset:3px;font:650 13px/1.3 system-ui;padding:8px 2px}.demo-attribution{flex-wrap:wrap}
@media(max-width:680px){.demo-attribution{width:100%;gap:8px}#demoBadge{flex:1 1 100px;max-width:none;min-width:0;overflow-wrap:anywhere}#frameSource{min-height:44px;display:inline-flex;align-items:center}#demoAngle,#frameSource{flex-shrink:0}}
.label-regions{display:flex;flex-wrap:wrap;gap:.45rem}#homeMatches .label-regions a{display:inline-flex;min-height:40px;padding:5px 10px;border:1px solid #8caa9c;border-radius:8px}
#studioHome{color:inherit;text-decoration:none}#homeResume{display:inline-flex;align-items:center;margin:.6rem 0 0 .8rem;padding:.3rem .65rem;border-radius:.5rem;background:#dfebd7;font-weight:650;color:#224d37;text-decoration:none}#homeResume[hidden]{display:none}

#homeTV{display:block;width:fit-content;margin:.75rem 0 .25rem;padding:.65rem 1.05rem;border-radius:.65rem;background:#214c3b;color:#fff;font-weight:700;text-decoration:none}.home-search #homeMatches a{align-items:baseline}#homeMatches strong{line-height:1.3}#homeMatches small{flex-shrink:0}

/* Start with a symptom. The model catalogue is a separate, optional entry. */
.desk.at-home .workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);border:1px solid #526560;border-radius:24px}
.at-home .stage{display:flex;grid-column:2;grid-row:1}
.at-home .stage .device-pair,.at-home .stage .stage-foot #tools{display:none}
.at-home .stage .viewport{height:100%;min-height:290px}
.at-home .coach{grid-column:1;grid-row:1;padding:clamp(24px,3.4vw,48px)}
.at-home .coach h1{font:500 clamp(34px,3.8vw,57px)/1.02 Georgia,serif;max-width:16ch;letter-spacing:-.045em}
.at-home #coachBody{margin:12px 0 20px;max-width:41ch}
.at-home #answers{grid-template-columns:1fr;gap:6px}
.at-home .answer{min-height:44px}.at-home .answer.primary-answer svg{color:#dceccf}
.at-home #homeLead{margin:18px 0 0;border:1px solid #b7c6b9;border-radius:18px;padding:clamp(20px,2.6vw,38px)}
#homeHeadline{font:500 clamp(26px,2.6vw,38px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:8px 0}
#homeIntro{font-size:15px}#homeLead[hidden],.desk:not(.at-home) #homeResume{display:none}
#homeResume{order:-1;margin:0 0 14px 0;align-self:flex-start}
#answerCue{font:700 12px/1.35 system-ui;color:#405d50;margin:0 0 7px}
#demoPlay{width:auto;padding:0 12px;border-radius:20px;font-size:13px}
@media(max-width:680px){
  .desk.at-home .workspace{display:flex;flex-direction:column;border-radius:17px}
  .at-home .coach{order:0;padding:20px 17px 16px}
  .at-home .stage{order:1}.at-home .stage .viewport{height:182px;min-height:0;flex:none}
  .at-home .coach h1{font-size:34px}
  .at-home #coachBody{margin:7px 0 14px}.at-home #homeLead{margin-top:12px}
  .desk:not(.at-home) .workspace{display:flex;flex-direction:column;background:#f5f2e8}
  .desk:not(.at-home) .stage,.desk:not(.at-home) .coach{display:contents}
  .desk:not(.at-home) .coach-top,.desk:not(.at-home) #coachTitle,.desk:not(.at-home) #coachBody,.desk:not(.at-home) #sharedNotice{order:0;margin-inline:16px}
  .desk:not(.at-home) .coach-top{margin-top:10px}.desk:not(.at-home) #coachTitle{font-size:27px}
  .desk:not(.at-home) #coachBody{margin-bottom:12px;max-width:none}
  .desk:not(.at-home) .viewport,.desk:not(.at-home) #demoPanel,.desk:not(.at-home) #demoReturn{order:1}
  .desk:not(.at-home) #answerCue,.desk:not(.at-home) #answers,.desk:not(.at-home) #switchIssue,.desk:not(.at-home) #supportRefs,.desk:not(.at-home) .coach details{order:2;margin-inline:16px}
  .desk:not(.at-home) #answerCue{margin-top:12px}.desk:not(.at-home) #answers{margin-block:0 10px}
  .desk:not(.at-home) #switchIssue{align-self:flex-start;margin-block:0 8px}
  .desk:not(.at-home) .device-pair{order:3;background:#13262a}
  .desk:not(.at-home) #record{color:#405a50}
  #demoArt svg{height:clamp(112px,16svh,147px)}
}

#demoArt [data-port-answer]{cursor:pointer}#demoArt [data-port-answer]:hover>rect{fill:#345145;stroke:#d9edb0}