:root{color-scheme:dark;--navy-950: #030812;--navy-900: #07101f;--navy-800: #0b1a2d;--green: #b8ef63;--yellow: #ffd45c;--white: #f2f0df;--muted: #93a4b3;--line: rgba(180, 220, 210, .18);--danger: #ffb84a;font-family:Arial Narrow,Roboto Condensed,Inter,system-ui,sans-serif;background:var(--navy-950);color:var(--white);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(22,69,85,.32),transparent 42rem),linear-gradient(145deg,#050b16,#071321 56%,#030711)}button,input,select,textarea{font:inherit}button{cursor:pointer}.ambient-grid{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(184,239,99,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(184,239,99,.12) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.hero{border-top:1px solid #6aa837;padding-top:14px}.eyebrow-row,.panel-heading,.control-copy,.scale,.action-deck{display:flex;align-items:center;justify-content:space-between}.eyebrow,.connection-status,.panel-heading,.scale,.transcript-label,.safety-note{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow,.connection-status{margin:0;color:var(--muted);font-size:.68rem}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.connection-status[data-status=connected]{color:var(--green)}.connection-status[data-status=unavailable],.connection-status[data-status=error]{color:var(--yellow)}h1{max-width:1080px;margin:28px 0 18px;font-size:clamp(2.15rem,5.6vw,5.8rem);font-weight:850;line-height:.88;letter-spacing:-.055em;text-wrap:balance;text-transform:uppercase}h1 span{display:block;color:var(--yellow);font-size:.58em;letter-spacing:-.035em;line-height:1.05}h1 em{display:block;color:var(--green);font-size:.62em;font-style:normal;letter-spacing:-.035em;line-height:1.04}.lede{max-width:700px;margin:0 0 34px;color:#bdc8ca;font-size:clamp(1rem,2vw,1.3rem)}.laboratory{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);border:1px solid var(--line);background:#050e19d1;box-shadow:0 20px 80px #0006}.specimen-panel,.controls-panel{min-width:0}.specimen-panel{border-right:1px solid var(--line)}.panel-heading{min-height:44px;padding:0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.68rem;font-weight:700}.run-state{color:var(--green)}.run-state[data-running=true]:before{content:"● "}.subject-stage{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(30,75,76,.22),transparent 58%)}.distance-lines{position:absolute;inset:18% 8% 9%;border-radius:50%;border:1px solid rgba(184,239,99,.17);transform:perspective(400px) rotateX(72deg);box-shadow:0 0 0 48px #b8ef6309,0 0 0 98px #b8ef6306}.range-readout{position:absolute;right:16px;bottom:12px;color:var(--muted);font:.63rem ui-monospace,monospace;letter-spacing:.1em}.old-man{--distance-scale: .93;position:relative;width:190px;height:300px;transform:scale(var(--distance-scale));transform-origin:center bottom;filter:drop-shadow(0 22px 20px rgba(0,0,0,.45));transition:transform .24s ease}.head{position:absolute;z-index:2;left:49px;top:20px;width:106px;height:124px;border-radius:46% 48% 44% 43%;background:#c4c6aa;border:4px solid #18202a;transform:rotate(-5deg)}.hair{position:absolute;inset:-12px -6px auto 5px;height:45px;border-radius:50% 58% 12% 10%;background:repeating-linear-gradient(105deg,#d8d8c8 0 7px,#899394 8px 11px);border:4px solid #18202a}.ear{position:absolute;right:-17px;top:48px;width:24px;height:31px;border-radius:50%;background:#b2b599;border:4px solid #18202a}.face span{position:absolute;display:block}.brow{top:46px;width:25px;height:5px;background:#4b5452;border-radius:50%}.brow-left{left:14px;transform:rotate(18deg)}.brow-right{right:14px;transform:rotate(-18deg)}.eye{top:56px;width:8px;height:5px;border-radius:50%;background:#162026}.eye-left{left:25px}.eye-right{right:24px}.nose{left:43px;top:55px;width:22px;height:34px;border:solid #777f6e;border-width:0 0 4px 4px;border-radius:0 0 0 60%}.moustache{left:27px;top:87px;width:58px;height:16px;border-radius:50% 50% 40% 40%;background:repeating-linear-gradient(95deg,#727b77 0 4px,#d3d4c4 5px 8px)}.mouth{left:42px;top:103px;width:35px;height:12px;border-radius:4px 4px 50% 50%;background:#151a20}.body{position:absolute;left:24px;bottom:0;width:143px;height:184px;border-radius:58% 58% 15% 15%;background:linear-gradient(110deg,#263a48,#101e2e);border:4px solid #17212a;transform:skew(-3deg)}.collar{position:absolute;left:40px;top:-2px;width:62px;height:40px;background:#d5d5bc;clip-path:polygon(0 0,50% 70%,100% 0,80% 100%,20% 100%)}.button{position:absolute;left:67px;top:58px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 28px var(--green),0 56px var(--green)}.cane{position:absolute;right:4px;bottom:-4px;width:12px;height:164px;border-radius:7px 7px 0 0;background:#8e7042;transform:rotate(-5deg)}.cough-cloud{position:absolute;z-index:3;left:140px;top:88px;display:grid;place-items:center;width:74px;height:43px;border:2px solid var(--green);border-radius:50%;color:var(--green);background:var(--navy-900);font:700 .72rem ui-monospace,monospace;opacity:0;transform:translate(-12px) scale(.5)}.cough-cloud:after{content:"";position:absolute;left:-12px;bottom:1px;border:9px solid transparent;border-right-color:var(--green);transform:rotate(-25deg)}.old-man.is-coughing{animation:cough-lurch .18s steps(2) infinite}.old-man.is-coughing .cough-cloud,.old-man.did-spit .cough-cloud{opacity:1;transform:translate(0) scale(1);transition:80ms}.old-man.is-gurgling .head{animation:gurgle 90ms linear infinite}.old-man.is-inhaling{transform:scale(calc(var(--distance-scale) * 1.02),calc(var(--distance-scale) * .98))}.old-man.did-spit .cough-cloud{color:var(--yellow);border-color:var(--yellow)}.old-man.did-spit .cough-cloud span{font-size:0}.old-man.did-spit .cough-cloud span:after{content:"PTTK!";font-size:.72rem}.transcript-wrap{min-height:130px;padding:16px 20px 20px;border-top:1px solid var(--line);background:#0000002e}.transcript-label{color:var(--muted);font-size:.6rem}.onomatopoeia{min-height:1.25em;margin:10px 0 4px;color:var(--yellow);font:800 clamp(1.45rem,3.5vw,2.8rem) ui-monospace,monospace;letter-spacing:-.05em}.aftermath{min-height:1.4em;margin:8px 0 0;color:#c1cccb;font-size:.88rem;font-style:italic}.control-list{padding:9px 22px 16px}.control{display:block;padding:15px 0 14px;border-bottom:1px solid var(--line)}.control:last-child{border-bottom:0}.control-copy{gap:12px;font-size:.83rem;letter-spacing:.025em}.control output{min-width:55px;color:var(--yellow);text-align:right;font:700 1rem ui-monospace,monospace}.control input{width:100%;height:18px;margin:10px 0 3px;appearance:none;background:transparent}.control input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--green) var(--value),#233648 var(--value));border-radius:2px}.control input::-moz-range-track{height:4px;background:#233648;border-radius:2px}.control input::-moz-range-progress{height:4px;background:var(--green)}.control input::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px;appearance:none;border:3px solid var(--navy-900);border-radius:2px;background:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.control input::-moz-range-thumb{width:13px;height:13px;border:3px solid var(--navy-900);border-radius:2px;background:var(--yellow)}.control input:focus-visible{outline:2px solid var(--white);outline-offset:4px}.scale{color:#65798a;font-size:.5rem}.danger-control[data-critical=true]{animation:danger-pulse 1.7s ease-in-out infinite}.text-button{padding:6px 0;border:0;color:var(--green);background:transparent;font:700 .68rem ui-monospace,monospace;letter-spacing:.1em}.text-button:hover{color:var(--white)}.action-deck{gap:12px;padding:14px;border:1px solid var(--line);border-top:0;background:#07101d}.action-deck button{min-height:62px;border:1px solid var(--line);text-transform:uppercase}.sound-button{display:flex;align-items:center;gap:10px;padding:0 15px;color:var(--white);background:#101e2d;text-align:left}.sound-button[data-enabled=true]{border-color:var(--green);color:var(--green)}.sound-button span:last-child{display:flex;flex-direction:column}.button-icon{color:var(--green);font:800 1.2rem ui-monospace,monospace}.action-deck small{display:block;margin-top:3px;color:var(--muted);font:.52rem ui-monospace,monospace;letter-spacing:.08em}.generate-button{flex:1;padding:0 28px;color:#07101a;background:var(--green);border-color:var(--green)!important;font-weight:900;letter-spacing:.04em;box-shadow:0 0 28px #b8ef631f}.generate-button small{color:#294219}.generate-button:hover{background:#d2ff87}.stop-button{padding:0 24px;color:var(--yellow);background:transparent;font-weight:800}.stop-button:hover{border-color:var(--yellow)}.action-deck button:focus-visible,.text-button:focus-visible{outline:2px solid var(--white);outline-offset:3px}.safety-note{margin:12px 0 0;color:#65798a;text-align:center;font-size:.52rem}.debug-panel{margin-top:28px;border:1px solid var(--yellow);background:#0b1524}.debug-panel[hidden]{display:none}.debug-panel>p,.debug-executor,.debug-panel pre{margin:16px}.debug-panel>p{color:var(--green);font:.75rem ui-monospace,monospace}.debug-executor{display:grid;grid-template-columns:130px 1fr;gap:8px;align-items:center}.debug-executor select,.debug-executor textarea,.debug-executor button{padding:8px;border:1px solid var(--line);color:var(--white);background:#050b14}.debug-executor button{grid-column:2;color:var(--navy-950);background:var(--yellow);font-weight:800}.debug-panel pre{min-height:48px;padding:12px;overflow:auto;color:var(--yellow);background:#02060c;white-space:pre-wrap}@keyframes cough-lurch{0%{transform:translate(0) rotate(0) scale(var(--distance-scale))}35%{transform:translate(calc(var(--shake) * -1),var(--shake)) rotate(-2deg) scale(var(--distance-scale))}70%{transform:translate(var(--shake),calc(var(--shake) * -.5)) rotate(2deg) scale(var(--distance-scale))}}@keyframes gurgle{50%{transform:rotate(-3deg) translateY(2px)}}@keyframes danger-pulse{50%{background:#ffb84a0e;box-shadow:inset 3px 0 var(--danger)}}@media(max-width:820px){.laboratory{grid-template-columns:1fr}.specimen-panel{border-right:0;border-bottom:1px solid var(--line)}.subject-stage{min-height:350px}.action-deck{flex-wrap:wrap}.generate-button{order:-1;flex-basis:100%}.sound-button{flex:1}}@media(max-width:520px){.shell{width:min(100% - 20px,1180px);padding-top:16px}.eyebrow-row{align-items:flex-start;gap:14px}.connection-status{max-width:46%;text-align:right}h1{margin-top:22px;font-size:clamp(2rem,11.6vw,3.4rem)}.subject-stage{min-height:320px}.old-man{transform:scale(calc(var(--distance-scale) * .88))}.control-list{padding-inline:16px}.sound-button,.stop-button{flex:1;padding-inline:10px}.debug-executor{grid-template-columns:1fr}.debug-executor button{grid-column:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}