:root{--accent:#22c8e0;--ink:#e8eef4;--dim:#e8eef485;--faint:#e8eef447;--hair:#e8eef429;--bg:#04060a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;font-family:IBM Plex Mono,ui-monospace,monospace}::selection{background:var(--accent);color:#04060a}#stage{z-index:0;position:fixed;inset:0}#stage canvas{cursor:crosshair;touch-action:none;display:block}#ghost{z-index:2;pointer-events:none;color:#0000;-webkit-text-stroke:1px #e8eef433;opacity:0;letter-spacing:.04em;white-space:nowrap;justify-content:center;align-items:center;font-family:Unbounded,sans-serif;font-size:clamp(40px,11vw,130px);font-weight:800;position:fixed;inset:0;display:none!important}#ghost.on{animation:1.9s ease-out forwards ghost}@keyframes ghost{0%{opacity:.9;letter-spacing:.02em}to{opacity:0;letter-spacing:.16em}}#vignette{z-index:3;pointer-events:none;background:radial-gradient(at 50% 42%,#0000 55%,#00000085 100%);position:fixed;inset:0}#flash{z-index:25;pointer-events:none;opacity:0;background:#eaf6ff;position:fixed;inset:0}.hud{z-index:10;opacity:0;pointer-events:none;transition:opacity 1s,transform 1s;position:fixed;transform:translateY(8px)}.hud>*{pointer-events:auto}body.ready .hud{opacity:1;transform:none}#hudTop{transition-delay:.15s}#hudBottom{transition-delay:.4s}#hudTop{justify-content:space-between;align-items:flex-start;padding:22px 26px;display:flex;top:0;left:0;right:0}.brand-mark{letter-spacing:.06em;font-family:Unbounded,sans-serif;font-size:19px;font-weight:800}.brand-sub{letter-spacing:.34em;color:var(--dim);margin-top:6px;font-size:9px}.blink{background:var(--accent);vertical-align:-1px;width:9px;height:14px;margin-left:7px;animation:1.1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#meterWrap{text-align:right}.meter-head{letter-spacing:.26em;color:var(--dim);justify-content:space-between;gap:14px;margin-bottom:7px;font-size:9px;display:flex}#meterVal{color:var(--ink)}#meter{cursor:pointer;touch-action:none;gap:3px;height:14px;display:flex}#meter i{background:#e8eef41a;width:3px;height:100%;transition:background .15s;display:block}#meter i.on{background:var(--accent)}#meterWrap.crit #meterLabel{color:#ff5040}#meterWrap.crit #meter i.on{background:#ff5040}#topControls{align-items:flex-start;gap:12px;display:flex}#settingsBtn{letter-spacing:.18em;border:1px solid var(--hair);color:var(--dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080c73;padding:8px 10px;font:500 9px IBM Plex Mono,monospace;transition:all .18s}#settingsBtn:hover,#settingsBtn[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}#settingsPanel{z-index:24;border:1px solid var(--hair);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;scrollbar-width:thin;background:#05080ceb;width:340px;max-height:calc(100vh - 92px);padding:12px;transition:opacity .18s,transform .18s;position:fixed;top:68px;right:26px;overflow:auto;transform:translateY(-6px)}#settingsPanel.on{opacity:1;pointer-events:auto;transform:none}.settings-head{letter-spacing:.22em;color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:9px;display:flex}.settings-sub{letter-spacing:.12em;color:var(--faint);margin-top:4px;font-size:7.5px}.credits-card{background:#e8eef406;border:1px solid #e8eef41f;gap:6px;padding:10px 11px;display:grid}.credits-name{letter-spacing:.08em;color:var(--ink);margin-bottom:2px;font-family:Unbounded,sans-serif;font-size:9px}.credits-card a{color:var(--dim);letter-spacing:.12em;width:max-content;max-width:100%;font-size:8px;text-decoration:none}.credits-card a:hover{color:var(--accent)}.settings-section{letter-spacing:.22em;color:var(--accent);border-top:1px solid #e8eef421;margin-top:12px;padding-top:10px;font-size:7.5px}.setting-row:first-of-type{border-top:0}.setting-range{border-top:0;padding:0 0 10px;display:none}.setting-range.on{display:block}.setting-range input{width:100%;accent-color:var(--accent)}.range-head{letter-spacing:.12em;color:var(--faint);justify-content:space-between;margin-bottom:6px;font-size:7.5px;display:flex}.lab-action{letter-spacing:.12em;border:1px solid var(--hair);color:var(--dim);cursor:pointer;background:0 0;padding:7px 8px;font:500 8px IBM Plex Mono,monospace}.lab-action:hover{border-color:var(--accent);color:var(--accent)}.setting-row{border-top:1px solid #e8eef414;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.setting-copy{min-width:0}.setting-name{letter-spacing:.14em;color:var(--dim);font-size:8.5px}.setting-desc{color:var(--faint);margin-top:4px;font-size:7.5px;line-height:1.45}.toggle{border:1px solid var(--hair);cursor:pointer;background:#e8eef40a;flex:none;width:34px;height:18px;position:relative}.toggle:after{content:"";background:var(--dim);width:10px;height:10px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle.on{border-color:var(--accent)}.toggle.on:after{background:var(--accent);transform:translate(16px)}#hudBottom{grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding:22px 26px;display:grid;bottom:0;left:0;right:0}#hints{letter-spacing:.18em;color:var(--faint);font-size:9.5px;line-height:2.1}#hints b{color:var(--dim);font-weight:500}#cmd{border:1px solid var(--hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080c8c;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;width:min(100%,700px);min-width:0;padding:10px 14px;display:grid}.prompt{color:var(--accent);align-items:center;font-weight:600;line-height:1;display:flex}#wordInput{color:var(--ink);letter-spacing:.05em;width:auto;min-width:0;height:22px;caret-color:var(--accent);background:0 0;border:none;outline:none;padding:0;font:500 13px/22px IBM Plex Mono,monospace}#wordInput::placeholder{color:#e8eef442;letter-spacing:.14em}#cmd button{letter-spacing:.22em;white-space:nowrap;border:1px solid var(--hair);height:28px;color:var(--dim);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px 12px;font:500 9.5px IBM Plex Mono,monospace;transition:all .18s;display:inline-flex}#cmd button:hover{border-color:var(--accent);color:var(--accent)}#cmd button:active{transform:translateY(1px)}#btnGo{border-color:var(--accent)!important;color:var(--accent)!important}#btnGo:hover{background:var(--accent)!important;color:#04060a!important}#demoPanel{z-index:11;border:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#05080c8f;width:min(760px,100vw - 32px);padding:10px 12px;transition:opacity 1s .55s,transform 1s .55s;position:fixed;bottom:86px;left:50%;transform:translate(-50%)}body.ready #demoPanel.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}#presetRow,#semanticReadout{display:none}#semanticReadout.show{display:none}#semanticReadout.show.expanded{display:grid}.demo-head{letter-spacing:.2em;color:var(--faint);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:8.5px;display:flex}.demo-summary-wrap{align-items:center;gap:8px;min-width:0;display:flex}#demoMode{color:var(--accent);white-space:nowrap}#readoutExpandBtn{border:1px solid var(--hair);color:var(--dim);letter-spacing:.15em;cursor:pointer;background:0 0;padding:5px 7px;font:500 7.5px IBM Plex Mono,monospace;display:none}#readoutExpandBtn:hover{border-color:var(--accent);color:var(--accent)}#presetRow{scrollbar-width:none;gap:6px;padding-bottom:3px;overflow-x:auto}#presetRow::-webkit-scrollbar{display:none}#presetRow.show{display:flex}.preset{border:1px solid var(--hair);color:var(--dim);letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:0 0;flex:none;padding:7px 9px;font:500 8.5px IBM Plex Mono,monospace;transition:all .16s}.preset:hover,.preset.active{border-color:var(--accent);color:var(--accent);background:#ffffff06}#semanticReadout{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:9px}.sem{min-width:0}.sem-top{letter-spacing:.11em;color:var(--faint);justify-content:space-between;gap:6px;margin-bottom:4px;font-size:7.5px;display:flex}.sem-top b{color:var(--ink);font-weight:500}.sem-bar{background:#e8eef41a;height:2px;overflow:hidden}.sem-bar i{background:var(--accent);width:50%;height:100%;transition:width .45s;display:block}#historyLayer{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.history-ghost{text-align:center;color:#0000;-webkit-text-stroke:1px var(--accent);letter-spacing:.035em;opacity:.18;white-space:pre-wrap;max-width:72vw;font-family:Unbounded,sans-serif;font-size:clamp(20px,4.6vw,58px);font-weight:800;animation:12s linear forwards histFade;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}@keyframes histFade{0%{opacity:.22;filter:blur()}to{opacity:0;filter:blur(2px);transform:translate(-50%,-56%)scale(1.06)}}#decisionOverlay{z-index:27;opacity:0;pointer-events:none;letter-spacing:.32em;color:var(--accent);border:1px solid var(--hair);background:#05080cb8;padding:12px 16px;font:600 10px IBM Plex Mono,monospace;transition:all .15s;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%)scale(.98)}#decisionOverlay.on{opacity:1;transform:translate(-50%,-50%)scale(1)}#labDock{z-index:20;scrollbar-width:none;pointer-events:none;flex-direction:column;gap:10px;width:320px;transition:opacity .18s;display:flex;position:fixed;top:88px;bottom:148px;left:26px;overflow:auto}#labDock::-webkit-scrollbar{display:none}#inspectPanel{z-index:20;border:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--dim);letter-spacing:.12em;opacity:0;pointer-events:none;background:#05080cd1;font-size:8px;line-height:1.8;transition:opacity .18s;position:fixed}#inspectPanel.on{opacity:1;pointer-events:auto}#inspectPanel{min-width:280px;padding:16px;top:50%;left:50%;transform:translate(-50%,-50%)}body.settings-open #labDock{opacity:.18;pointer-events:none}.lab-title{color:var(--ink);letter-spacing:.12em;margin-bottom:8px;font-family:Unbounded,sans-serif;font-size:9px}.lab-grid{grid-template-columns:1fr auto;gap:3px 12px;display:grid}.lab-grid b{color:var(--ink);font-weight:500}#btnReplay{display:none}#btnReplay.on{display:inline-block}#telemetry{text-align:right;letter-spacing:.14em;color:var(--faint);font-size:9.5px;line-height:1.95}#telemetry b{color:var(--ink);font-weight:500}#telemetry .tl{color:var(--faint)}#barcode{opacity:.9;margin-bottom:8px;margin-left:auto;display:block}#toast{z-index:26;opacity:0;letter-spacing:.22em;border:1px solid var(--hair);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#05080cd1;padding:11px 18px;font-size:10px;transition:all .3s;position:fixed;top:78px;left:50%;transform:translate(-50%,-8px)}#toast.on{opacity:1;transform:translate(-50%)}#boot{z-index:30;background:var(--bg);justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}#boot.off{opacity:0;pointer-events:none}.boot-brand{font-family:Unbounded,sans-serif;font-size:26px;font-weight:800}.boot-sub{letter-spacing:.34em;color:var(--dim);text-align:center;margin-top:12px;font-size:9px}@media (max-width:880px){#hudTop,#hudBottom{padding:16px}#hudBottom{flex-direction:column;align-items:center;gap:14px;display:flex}#hints{display:none}#telemetry{text-align:center}#barcode{margin-left:auto;margin-right:auto}#cmd{grid-template-columns:auto minmax(0,1fr) auto auto;justify-content:stretch;width:100%;max-width:620px}#wordInput{width:auto}#demoPanel{width:calc(100vw - 24px);bottom:170px}#semanticReadout{grid-template-columns:repeat(3,1fr)}.demo-head{align-items:flex-start}.demo-summary-wrap{flex-wrap:wrap;justify-content:flex-end}#demoMode{white-space:normal;text-align:right}.demo-head{flex-direction:column;align-items:flex-start;gap:5px}#topControls{gap:8px}#settingsBtn{letter-spacing:.12em;padding:7px 8px}#settingsPanel{width:min(340px,100vw - 32px);top:60px;right:16px}#labDock{width:auto;max-width:320px;inset:72px 12px 190px}}button:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:wait!important}#wordInput{-webkit-user-select:text;user-select:text}#wordInput[aria-invalid=true]{color:#ff8075}#settingsPanel{visibility:hidden}#settingsPanel.on{visibility:visible}#boot.off,#inspectPanel,#decisionOverlay{visibility:hidden}#inspectPanel.on,#decisionOverlay.on{visibility:visible}#analysisBar{z-index:12;letter-spacing:.09em;width:min(760px,100vw - 32px);color:var(--dim);align-items:center;gap:12px;font-size:8px;display:flex;position:fixed;bottom:66px;left:50%;transform:translate(-50%)}#aiStatus{flex:1;line-height:1.5}#aiStatus[data-state=error]{color:#ff9a8f}#aiStatus[data-state=pending]{color:var(--accent)}#charCount{color:var(--faint);white-space:nowrap}#retryBtn,.renderer-error button{background:var(--bg);border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;padding:6px 9px}#demoPanel{bottom:102px}#savedHistory{gap:5px;margin:8px 0;display:grid}.saved-storm{text-align:left;color:var(--dim);border:1px solid var(--hair);cursor:pointer;overflow-wrap:anywhere;background:0 0;padding:8px;font:8px/1.5 IBM Plex Mono,monospace}.saved-storm:hover{color:var(--accent);border-color:var(--accent)}.renderer-error{z-index:100;text-align:center;background:#04060a;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px;font:14px/1.7 IBM Plex Mono,monospace;display:flex;position:fixed;inset:0}.renderer-error strong{color:var(--accent);font:800 28px Unbounded,sans-serif}.renderer-error p{max-width:540px}@media (max-width:880px){#analysisBar{width:calc(100vw - 32px);bottom:155px}#demoPanel{bottom:195px}#telemetry{font-size:8px}#barcode{display:none}#hudBottom{gap:8px}#cmd{gap:8px;padding:10px}#wordInput{width:auto;min-width:0}#cmd button{padding:8px;font-size:8px}#labDock{bottom:290px}#topControls{flex-direction:column;align-items:flex-end}.brand-sub{letter-spacing:.18em;max-width:200px;font-size:7px;line-height:1.7}}@media (max-width:480px){#wordInput{width:auto}#cmd .prompt{align-self:center}#cmd{justify-content:stretch}#analysisBar{bottom:176px}#demoPanel{bottom:218px}.brand-mark{font-size:16px}#meter{height:10px}#meter i{width:2px}#meterWrap{max-width:130px}#settingsPanel{max-height:calc(100dvh - 125px);top:100px}#hudBottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-height:600px){#demoPanel{max-height:calc(100dvh - 230px);display:block;bottom:170px;overflow:auto}#telemetry{display:none}#analysisBar{bottom:126px}#labDock{bottom:150px}}@media (max-height:480px){#demoPanel{display:none}#analysisBar{bottom:116px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}#flash{display:none}}