:root{color-scheme:dark;--bg: #0f1419;--bg-elevated: #1a2332;--bg-card: #1e2a3a;--bg-input: #0d1218;--bg-code: #0b1016;--bg-disabled: #243246;--text: #e8eef7;--text-label: #e8eef7;--text-muted: #a8b8cc;--text-placeholder: #8fa0b5;--text-disabled: #7a8da6;--text-on-accent: #ffffff;--border: #5a7595;--border-strong: #7a93ad;--accent: #82b8e8;--accent-strong: #1a5a96;--accent-hover: #9ec9ef;--danger: #f28b93;--danger-border: #f28b93;--success: #8ee0a0;--warning: #f0d08a;--gate-act: #4cc27e;--gate-act-text: #b8f0ce;--gate-act-bg: #163528;--gate-ask: #e8b85c;--gate-ask-text: #f5dfa8;--gate-ask-bg: #3a2f14;--gate-deny: #ef8a8a;--gate-deny-text: #ffc8c8;--gate-deny-bg: #3a1c1c;--gate-abstain: #a8b4c4;--gate-abstain-text: #d0d8e4;--gate-abstain-bg: #2a3038;--focus-ring: #9ec9ef;--focus-ring-offset: #0f1419;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top,#1a2a40 0%,var(--bg) 55%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}p{margin:0 0 .75rem}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--accent-hover)}button,input,select,textarea,summary{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:.55rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{background:var(--bg-disabled);border-color:var(--border);color:var(--text-disabled);cursor:not-allowed}button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--text-on-accent)}button.primary:hover:not(:disabled){border-color:var(--accent-hover);filter:brightness(1.08)}button.danger{border-color:var(--danger-border);color:var(--danger);background:var(--bg-elevated)}button.danger:hover:not(:disabled){border-color:var(--danger);background:var(--gate-deny-bg)}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:8px;padding:.55rem .7rem}input::placeholder,textarea::placeholder{color:var(--text-placeholder);opacity:1}textarea{resize:vertical}label{display:block;margin-bottom:.75rem;color:var(--text-label)}fieldset{border:1px solid var(--border);border-radius:10px;padding:1rem;margin:0 0 1rem}legend{padding:0 .35rem;color:var(--text-label)}.checkbox,.radio{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:var(--text)}.checkbox input,.radio input{width:auto;margin-top:.2rem;accent-color:var(--accent-strong)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:.75rem;top:-3rem;z-index:100;padding:.5rem .85rem;background:var(--accent-strong);color:var(--text-on-accent);border-radius:8px;text-decoration:none;font-weight:600}.skip-link:focus{top:.75rem}.app-shell{max-width:1100px;margin:0 auto;padding:1.25rem}.app-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}.theme-toggle{white-space:nowrap;font-size:.9rem;padding:.35rem .75rem}.app-header p{color:var(--text-muted)}.mode-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;font-size:.9rem;white-space:nowrap;color:var(--text)}.tab-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tab-nav button.active{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--text-on-accent)}.app-main{min-height:60vh}.app-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.panel-header{margin-bottom:1rem}.panel-header p{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.info-card ul,.info-card ol{margin:0;padding-left:1.2rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.hint{color:var(--text-muted);font-size:.92rem}.status-line{margin:.75rem 0}.error{color:var(--danger);font-weight:500}.success{color:var(--success);font-weight:500}.gate-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.gate-item{border:1px solid var(--border);border-radius:10px;padding:.75rem;border-left-width:4px}.gate-act{border-left-color:var(--gate-act)}.gate-ask_human{border-left-color:var(--gate-ask)}.gate-deny{border-left-color:var(--gate-deny)}.gate-abstain{border-left-color:var(--gate-abstain)}.gate-item-header{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.gate-type{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.gate-outcome-badge{display:inline-block;font-weight:700;font-size:.9rem;letter-spacing:.02em;padding:.2rem .55rem;border-radius:6px;border:1px solid transparent;margin:.35rem 0}.gate-act .gate-outcome-badge{color:var(--gate-act-text);background:var(--gate-act-bg);border-color:var(--gate-act)}.gate-ask_human .gate-outcome-badge{color:var(--gate-ask-text);background:var(--gate-ask-bg);border-color:var(--gate-ask)}.gate-deny .gate-outcome-badge{color:var(--gate-deny-text);background:var(--gate-deny-bg);border-color:var(--gate-deny)}.gate-abstain .gate-outcome-badge{color:var(--gate-abstain-text);background:var(--gate-abstain-bg);border-color:var(--gate-abstain)}.gate-confidence{color:var(--text-muted);font-size:.9rem}.answer-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:.75rem 0}.answer-card{border:1px solid var(--border);border-radius:8px;padding:.75rem}.answer-field{display:grid;grid-template-columns:6rem 1fr;gap:.5rem;margin-bottom:.35rem}.answer-field dt{color:var(--text-muted)}.answer-field dd{margin:0;word-break:break-word}.raw-json{margin-top:.75rem}.raw-json summary{cursor:pointer;color:var(--accent);margin-bottom:.5rem;font-weight:500}.raw-json summary:hover{color:var(--accent-hover)}.raw-json pre{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:.75rem;overflow:auto;max-height:420px;font-size:.85rem}.scenario-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem}.scenario-nav{display:flex;flex-direction:column;gap:.5rem}.scenario-nav button{text-align:left;display:flex;flex-direction:column;gap:.15rem}.scenario-nav button.active{border-color:var(--accent);background:var(--bg-disabled);box-shadow:inset 3px 0 0 var(--accent)}.scenario-category{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.explorer-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.explorer-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.85rem;min-width:0}.explorer-panel h4{margin-bottom:.35rem}.promote-card .success{margin-top:.75rem}code{background:var(--bg-code);padding:.1rem .35rem;border-radius:4px;font-size:.9em;border:1px solid var(--border)}@media(max-width:800px){.scenario-layout,.explorer-triple{grid-template-columns:1fr}.app-header{flex-direction:column}}html[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-code: #f7f9fc;--bg-disabled: #eef3f9;--text: #152033;--text-label: #152033;--text-muted: #4a5c73;--text-placeholder: #5a6b82;--text-disabled: #6b7d94;--text-on-accent: #ffffff;--border: #6b829c;--border-strong: #4a6278;--accent: #1a5a96;--accent-strong: #1a5a96;--accent-hover: #134878;--danger: #b42318;--danger-border: #b42318;--success: #1a6b3a;--warning: #7a5a12;--gate-act: #1a6b42;--gate-act-text: #0f3d24;--gate-act-bg: #e6f5ec;--gate-ask: #8a5f12;--gate-ask-text: #5c3f0a;--gate-ask-bg: #faf3e3;--gate-deny: #b42318;--gate-deny-text: #7a170f;--gate-deny-bg: #fdecea;--gate-abstain: #4a5568;--gate-abstain-text: #2d3748;--gate-abstain-bg: #eef1f5;--focus-ring: #1a5a96;--focus-ring-offset: #f4f7fb;background:radial-gradient(circle at top,#e8eef5 0%,var(--bg) 55%)}@media(forced-colors:active){:root{--focus-ring: Highlight;--border: ButtonBorder;--text: CanvasText;--text-muted: CanvasText;--bg-card: Canvas;--bg-elevated: Canvas;--bg-input: Canvas;--accent: LinkText;--accent-strong: ButtonFace;--text-on-accent: ButtonText;--danger: LinkText;--success: CanvasText}button,input,select,textarea,.card,.gate-item,.mode-pill,code{border:1px solid ButtonBorder}button.primary{background:ButtonFace;color:ButtonText}.gate-outcome-badge{border:1px solid ButtonBorder;background:Canvas;color:CanvasText}.scenario-nav button.active{box-shadow:none;outline:2px solid Highlight}}