:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#05070c;--panel:#0f1420eb;--panel-soft:#101623b3;--panel-strong:#111827;--line:#95a8c933;--line-bright:#56e6ff61;--text:#f7f9fc;--muted:#9da9bd;--cyan:#56e6ff;--violet:#9585ff;--green:#6ef3aa;--warning:#ffd86b;--danger:#ff718c;--shadow:0 28px 80px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 5%, #56e6ff1f, transparent 32rem), radial-gradient(circle at 8% 70%, #9585ff1c, transparent 34rem), var(--background);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{min-height:100vh;padding:0 clamp(18px,4vw,64px) 72px}.site-header{z-index:5;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1440px,100%);min-height:84px;margin-inline:auto;display:flex;position:relative}.brand,.header-status,.demo-mode-pill{align-items:center;display:flex}.brand{letter-spacing:-.025em;gap:12px;font-weight:780}.brand-mark{aspect-ratio:1;width:40px;color:var(--cyan);background:linear-gradient(145deg,#56e6ff33,#9585ff33);border:1px solid #56e6ff80;border-radius:12px;place-items:center;font-size:12px;display:grid;box-shadow:0 0 28px #56e6ff21}.header-status{gap:18px}.voice-guide-control{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;letter-spacing:.1em;background:#ffffff06;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:9px;font-weight:820;transition:border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.voice-guide-control:hover,.voice-guide-control.enabled{color:var(--cyan);border-color:#56e6ff6b}.voice-guide-control.speaking{box-shadow:0 0 22px #56e6ff2e}.voice-guide-control:disabled{cursor:not-allowed;opacity:.48}.voice-guide-icon{color:var(--cyan);letter-spacing:-.16em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.header-local-agent,.demo-mode-pill,.eyebrow,.step-label,.truth-chip,.protocol-label,.layman-chip,.one-way-chip{letter-spacing:.14em;font-size:10px;font-weight:820}.header-local-agent{color:var(--muted)}.demo-mode-pill{color:#cbffdf;background:#6ef3aa0e;border:1px solid #6ef3aa3d;border-radius:999px;gap:8px;padding:8px 11px;font-size:10px;font-weight:800}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 14px var(--green);border-radius:999px;flex:none;display:inline-block}.eyebrow,.step-label{color:var(--cyan);margin:0}h1,h2,p{text-wrap:pretty}h1{letter-spacing:-.06em;margin:0;font-size:clamp(45px,6vw,82px);line-height:.98}h1 span{background:linear-gradient(100deg, #fff 5%, var(--cyan) 55%, #b5aaff 96%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}h2{letter-spacing:-.035em;margin:5px 0 0;font-size:22px}.lede{max-width:690px;color:var(--muted);margin:24px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.65}.truth-chip,.layman-chip,.one-way-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;display:inline-flex}.truth-chip.simulated{color:var(--warning);background:#ffd86b0f;border:1px solid #ffd86b38}.truth-chip.real{color:var(--green);background:#6ef3aa0f;border:1px solid #6ef3aa38}@media (max-width:680px){.app-shell{padding-inline:14px}.site-header{min-height:72px}.header-local-agent,.voice-guide-control>span:last-child{display:none}h1{font-size:clamp(42px,13vw,62px)}}
.configurator-shell{grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);align-items:start;gap:clamp(42px,6vw,94px);width:min(1440px,100%);margin-inline:auto;padding-top:clamp(62px,8vw,112px);display:grid}.configuration-intro{padding-top:16px;position:sticky;top:40px}.configuration-intro .eyebrow{margin-bottom:18px}.product-boundary-note{border:1px solid var(--line);background:#ffffff06;border-radius:16px;align-items:flex-start;gap:15px;max-width:620px;margin-top:34px;padding:18px;display:flex}.boundary-icon{min-width:50px;height:34px;color:var(--cyan);letter-spacing:.1em;border:1px solid #56e6ff4d;border-radius:9px;place-items:center;font-size:9px;font-weight:850;display:grid}.product-boundary-note strong{font-size:14px}.product-boundary-note p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.configuration-panel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(155deg,#121827f7,#080c14f2);border-radius:26px;padding:clamp(22px,3vw,36px)}.section-heading,.fence-preview-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.task-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.task-thumbnail-card{border:1px solid var(--line);min-width:0;color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(115deg,#56e6ff0a,#0000 58%),#03060bb8;border-radius:16px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:13px;padding:9px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.task-thumbnail-card:hover{border-color:#56e6ff6b;transform:translateY(-2px)}.task-thumbnail-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.task-thumbnail-card.selected{background:linear-gradient(115deg,#56e6ff21,#0000 62%),#03060be0;border-color:#56e6ffb8;box-shadow:inset 0 0 0 1px #56e6ff1f,0 15px 38px #0000003d}.task-thumbnail-image{aspect-ratio:1;background:#070b12;border-radius:11px;width:96px;display:block;position:relative;overflow:hidden}.task-thumbnail-image img{object-fit:cover;transition:transform .28s}.task-thumbnail-card:hover .task-thumbnail-image img,.task-thumbnail-card.selected .task-thumbnail-image img{transform:scale(1.045)}.task-thumbnail-image:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(#0000 58%,#02050a85);border:1px solid #ffffff1c;position:absolute;inset:0}.task-thumbnail-shield{z-index:1;width:25px;height:25px;color:var(--cyan);letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070dd1;border:1px solid #56e6ff8f;border-radius:8px;place-items:center;font-size:8px;font-weight:900;display:grid;position:absolute;bottom:7px;right:7px}.task-thumbnail-copy{gap:7px;min-width:0;display:grid}.task-thumbnail-copy strong{font-size:14px;line-height:1.25}.task-thumbnail-copy small{color:var(--cyan);letter-spacing:.1em;font-size:9px;font-weight:800}.large-task-select{gap:9px;margin-top:22px;display:grid}.large-task-select>span,.parameter-control>span{color:var(--muted);font-size:12px;font-weight:740}.large-task-select select,.parameter-control select{border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background-color:#03060bb8}.large-task-select select{border-color:var(--line-bright);letter-spacing:-.025em;border-radius:15px;min-height:68px;padding:0 18px;font-size:20px;font-weight:760}.large-task-select small,.parameter-control small{color:var(--muted);line-height:1.45}.large-task-select small{min-height:40px;font-size:13px}.parameter-heading{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.parameter-count{color:var(--muted);font-size:12px}.parameter-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;margin-top:22px;display:grid}.parameter-control{border:1px solid var(--line);background:#ffffff05;border-radius:14px;gap:8px;min-width:0;padding:14px;display:grid;position:relative}.hover-voice-hint{color:#56e6ff9e;letter-spacing:.08em;font-size:7px;font-weight:850;position:absolute;top:10px;right:10px}.parameter-control select{border-radius:10px;min-height:44px;padding:0 10px;font-size:13px;font-weight:680}.parameter-control small{min-height:38px;font-size:11px}.fence-preview{background:linear-gradient(140deg,#6ef3aa0e,#0000 55%),#ffffff04;border:1px solid #6ef3aa33;border-radius:16px;margin-top:26px;padding:20px}.fence-preview>p{color:#dfe8f5;margin:17px 0;font-size:14px;line-height:1.65}.fence-facts{flex-wrap:wrap;gap:7px;display:flex}.fence-facts span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 8px;font-size:10px}.go-button{color:#080b12;cursor:pointer;background:linear-gradient(100deg,#f7f9fc,#c9f8ff);border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:58px;margin-top:18px;padding:0 20px;font-weight:800;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 14px 36px #56e6ff24}.go-button:hover{transform:translateY(-2px);box-shadow:0 18px 42px #56e6ff33}.go-button span:last-child{font-size:22px}@media (max-width:1100px){.configurator-shell{grid-template-columns:1fr}.configuration-intro{max-width:820px;position:static}}@media (max-width:820px){.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.configurator-shell{padding-top:48px}.parameter-grid{grid-template-columns:1fr}.task-thumbnail-card{grid-template-columns:1fr;align-items:start}.task-thumbnail-image{width:100%}.task-thumbnail-copy{padding:2px 3px 4px}.section-heading,.fence-preview-header{align-items:flex-start}}
.observer-shell{width:min(1440px,100%);margin-inline:auto;padding-top:clamp(46px,6vw,80px)}.run-header{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.run-header h1{margin-top:11px;font-size:clamp(40px,5vw,68px)}.run-header .lede{max-width:760px;margin-top:14px;font-size:16px}.run-state{border:1px solid var(--line);min-height:40px;color:var(--muted);letter-spacing:.12em;border-radius:999px;align-items:center;gap:9px;padding:0 13px;font-size:11px;font-weight:850;display:flex}.run-state.running,.run-state.complete{color:var(--green);border-color:#6ef3aa3d}.run-state.paused{color:var(--warning);border-color:#ffd86b3d}.run-state.revoked,.run-state.denied,.run-state.failed{color:var(--danger);border-color:#ff718c47}.run-state.denied .status-dot,.run-state.failed .status-dot{background:var(--danger);box-shadow:0 0 14px var(--danger)}.run-truth-label{width:fit-content;color:var(--green);letter-spacing:.09em;border:1px solid #6ef3aa3d;border-radius:999px;margin:18px 0 0;padding:8px 11px;font-size:9px;font-weight:820}.run-truth-label.fallback{color:var(--warning);border-color:#ffd86b40}.fallback-reason{max-width:760px;color:var(--warning);margin:10px 0 0;font-size:11px;line-height:1.5}.control-evidence-message{width:fit-content;color:var(--cyan);letter-spacing:.07em;margin:10px 0 0;font-size:10px;font-weight:760}.run-state.paused .status-dot{background:var(--warning);box-shadow:0 0 14px var(--warning)}.run-state.revoked .status-dot{background:var(--danger);box-shadow:0 0 14px var(--danger)}.observer-grid{grid-template-columns:minmax(360px,.72fr) minmax(520px,1.28fr);gap:18px;margin-top:34px;display:grid}.observer-secondary-column{gap:18px;display:grid}.observer-panel,.run-controls{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(155deg,#111725f2,#080c14f0);border-radius:20px}.observer-panel{padding:22px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.event-counter{color:var(--muted);font-size:12px}.timeline-list{gap:0;margin:22px 0 0;padding:0;list-style:none;display:grid}.timeline-list li{min-height:58px;color:var(--muted);opacity:.45;grid-template-columns:20px 1fr;gap:12px;display:grid;position:relative}.timeline-list li:before{background:var(--line);content:"";width:1px;position:absolute;top:17px;bottom:-7px;left:5px}.timeline-list li:last-child:before{display:none}.timeline-list li.complete,.timeline-list li.current{opacity:1}.timeline-marker{z-index:1;border:2px solid var(--muted);background:var(--panel-strong);border-radius:999px;width:11px;height:11px;margin-top:5px;position:relative}.timeline-list li.complete .timeline-marker,.timeline-list li.current.allow .timeline-marker{border-color:var(--green);box-shadow:0 0 12px #6ef3aa6b}.timeline-list li.current.deny .timeline-marker,.timeline-list li.complete.deny .timeline-marker{border-color:var(--danger);box-shadow:0 0 12px #ff718c66}.timeline-list li.current.neutral .timeline-marker{border-color:var(--cyan);box-shadow:0 0 12px #56e6ff66}.timeline-list li>div{gap:4px;display:grid}.protocol-label{color:var(--muted);font-size:8px}.timeline-list strong{color:var(--text);font-size:13px}.explainer-panel{position:relative;overflow:hidden}.explainer-panel:after{z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 100% 0,#56e6ff14,#0000 45%);position:absolute;inset:0}.explainer-panel.deny:after{background:radial-gradient(circle at 100% 0,#ff718c1a,#0000 45%)}.explainer-panel>*{z-index:1;position:relative}.layman-chip{color:var(--cyan);border:1px solid #56e6ff38}.current-explanation{color:#e6edf8;min-height:92px;margin:22px 0;font-size:clamp(16px,1.6vw,20px);line-height:1.55}.explainer-trust-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:9px 18px;padding-top:17px;font-size:10px;display:grid}.explainer-trust-row span{color:var(--muted)}.explainer-trust-row strong{color:var(--green);letter-spacing:.1em}.explainer-trust-row strong:last-child{color:var(--warning)}.one-way-chip{color:#bdb4ff;border:1px solid #9585ff42}.activity-stream{gap:11px;max-height:250px;margin-top:18px;padding-right:6px;display:grid;overflow-y:auto}.activity-entry{border:1px solid var(--line);background:#ffffff05;border-radius:11px;grid-template-columns:88px 1fr;gap:12px;padding:11px 12px;display:grid}.activity-entry span{color:var(--cyan);letter-spacing:.11em;padding-top:2px;font-size:8px;font-weight:850}.activity-entry.deny span{color:var(--danger)}.activity-entry p{color:#d5deec;margin:0;font-size:12px;line-height:1.5}.no-chat-note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:10px}.run-controls{justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:18px 20px;display:flex}.run-controls>div:first-child{gap:4px;display:grid}.control-title{font-size:13px;font-weight:760}.control-subtitle{color:var(--muted);font-size:11px}.control-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.control-button{border:1px solid var(--line);min-height:39px;color:var(--text);cursor:pointer;background:#ffffff06;border-radius:10px;padding:0 13px;font-size:11px;font-weight:720}.control-button:disabled{cursor:not-allowed;opacity:.35}.control-button.resume{color:var(--green);border-color:#6ef3aa4d}.control-button.revoke{color:var(--danger);border-color:#ff718c4d}.control-button.approve{color:var(--warning);border-color:#ffd86b40}@media (max-width:980px){.observer-grid{grid-template-columns:1fr}.timeline-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.timeline-list li{min-height:70px}.timeline-list li:before{display:none}}@media (max-width:680px){.run-header,.run-controls{flex-direction:column;align-items:flex-start}.timeline-list{grid-template-columns:1fr}.timeline-list li{min-height:52px}.activity-entry{grid-template-columns:1fr;gap:5px}.control-buttons{justify-content:flex-start;width:100%}}