@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:1100px){.workspace{grid-template-columns:190px minmax(400px,1fr)}.inspector{grid-column:1/-1}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto}.source-summary{grid-area:2/1/auto/-1;justify-content:flex-start}.workspace,.lower-grid{grid-template-columns:1fr}.workspace{grid-template-rows:auto minmax(520px,64vh) auto auto}.controls,.graph-shell,.inspector,.lower-grid{grid-column:1}.metric-grid,.plan-context{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.state-orbit{animation:none}}.plan-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:12px}.action-wrap{gap:4px;max-width:170px;display:grid}.disabled-reasons{color:var(--muted);background:var(--surface-soft);border-radius:10px;margin-top:10px;padding:10px;font-size:.72rem}.disabled-reasons strong{color:var(--text)}.disabled-reasons ul{margin:5px 0 0;padding-left:18px}.action-wrap small{color:var(--muted);font-size:.7rem}.preview-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;margin-top:14px;padding:12px}.preview-heading{color:var(--muted);justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.preview-heading strong{color:var(--text)}.preview-card ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.preview-card li{background:var(--surface-solid);border-radius:9px;grid-template-columns:minmax(100px,.7fr) minmax(100px,.7fr) 1fr auto 1fr;align-items:center;gap:7px;padding:8px;font-size:.72rem;display:grid}.preview-card li span,.preview-card li small{color:var(--muted)}.decision-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:8px;margin-top:14px;padding:12px;display:grid}.decision-card>strong{color:var(--text)}.decision-card .action-wrap{max-width:230px}.header-actions{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(145deg,#d97757,#cc785c);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 8px 22px #c15f3c47;color:#141413!important}.header-session-action{border:1px solid var(--border);color:var(--text);background:var(--surface-soft);cursor:pointer;border-radius:12px;padding:10px 12px}.question-jump{border:1px solid var(--border);color:var(--text);background:var(--surface-soft);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.question-jump:disabled{opacity:.55;cursor:default}.question-jump span{min-width:22px;height:22px;color:var(--accent-ink);background:var(--accent);border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.legend{color:var(--muted);gap:8px;margin-top:auto;padding-top:20px;font-size:.76rem;display:grid}.legend>strong{color:var(--text)}.legend p{margin:0 0 4px;line-height:1.4}.legend span{align-items:center;gap:7px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px}.legend-line{border-radius:99px;width:18px;height:3px}.tone-active,.edge-execution{background:#3d63e9}.tone-success,.edge-hierarchy{background:#7d9b76}.tone-warning{background:#d4a27f}.tone-neutral,.edge-reference{background:#b8b6ad}.theme-dark .edge-execution{background:#7b7ee0}.theme-dark .edge-hierarchy{background:#a8b49a}.graph-shell{background:var(--surface-soft);min-width:0;min-height:590px;position:relative;overflow:hidden}.graph-canvas{width:100%;height:100%;min-height:590px}.graph-caption,.graph-guide{z-index:2;border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:10px;padding:8px 11px;font-size:.76rem;position:absolute;left:16px}.graph-caption{gap:10px;display:flex;bottom:16px}.graph-guide{gap:3px;max-width:min(520px,100% - 32px);display:grid;top:16px}.graph-guide ul{margin:4px 0 0;padding-left:18px}.graph-caption strong,.graph-guide strong{color:var(--text)}.detail-copy{color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.55}.semantic-list{color:var(--muted);gap:7px;margin:0;padding-left:20px;line-height:1.45;display:grid}.web-login-shell{--login-background:#faf9f5;--login-surface:#fcfbf8;--login-border:#e0ddd2;--login-text:#1f1e1b;--login-muted:#63625b;--login-accent:#d97757;--login-accent-ink:#141413;--login-error:#1f1e1b;--login-error-background:#ebcbbc;min-height:100vh;color:var(--login-text);background:radial-gradient(circle at top, #f1ecdf, var(--login-background) 68%);place-items:center;padding:24px;display:grid}.web-login-shell.theme-dark{--login-background:#141413;--login-surface:#1f1e1b;--login-border:#63625b;--login-text:#faf9f5;--login-muted:#b8b6ad;--login-accent:#d97757;--login-accent-ink:#141413;--login-error:#ebcbbc;--login-error-background:#40403e}.web-login-card{border:1px solid var(--login-border);width:min(420px,100%);color:var(--login-text);background:var(--login-surface);border-radius:20px;gap:12px;padding:30px;display:grid;box-shadow:0 24px 60px #1414133d}.web-login-card h1,.web-login-card p{margin:0}.web-login-card>p:not(.eyebrow,.web-login-error){color:var(--login-muted);line-height:1.5}.web-login-error{color:var(--login-error);background:var(--login-error-background);border-radius:9px;padding:8px 10px;font-size:.86rem}.web-login-theme-toggle{color:var(--login-text);border-color:var(--login-border);background:color-mix(in srgb, var(--login-surface) 82%, var(--login-accent));justify-self:end}.web-login-card input{color:var(--login-text);border-color:var(--login-border);background:var(--login-surface)}.web-login-card input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--login-accent) 20%, transparent)}.web-login-card .button.primary{color:var(--login-accent-ink);background:var(--login-accent)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:#faf9f5;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.quicklens{--background:#faf9f5;--surface:#fcfbf8eb;--surface-solid:#fcfbf8;--surface-soft:#f0eee6;--border:#e0ddd2;--text:#1f1e1b;--muted:#63625b;--accent:#d97757;--accent-text:#3e7b47;--accent-ink:#141413;--accent-soft:#f6ede6;--shadow:0 18px 55px #1414131a;min-height:100vh;color:var(--text);background:radial-gradient(circle at 16% -10%, #cc785c33, transparent 38rem), var(--background)}.quicklens.theme-dark{--background:#141413;--surface:#1f1e1bf0;--surface-solid:#1f1e1b;--surface-soft:#40403e;--border:#63625b;--text:#faf9f5;--muted:#b8b6ad;--accent:#d97757;--accent-text:#d97757;--accent-ink:#141413;--accent-soft:#40403e;--shadow:0 18px 60px #0000004d}.topbar{border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(180px,.7fr) minmax(240px,2fr) auto;align-items:center;gap:24px;min-height:72px;padding:12px 24px;display:grid}.brand-lockup,.source-summary,.panel-title-row,.card-heading,.question-meta,.answer-row,.plan-actions{align-items:center;display:flex}.brand-lockup{gap:11px}.brand-lockup div,.source-summary{min-width:0}.brand-lockup div{display:grid}.brand-lockup span,.source-summary span{color:var(--muted);font-size:.78rem}.source-summary{white-space:nowrap;justify-content:center;gap:10px;overflow:hidden}.source-summary strong{text-overflow:ellipsis;overflow:hidden}.source-mode,.count-chip,.plan-state,.status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 9px;font-size:.72rem;font-weight:750;display:inline-flex}.source-live,.status-success{background:#f0eee6;color:#3e7b47!important}.source-demo,.status-warning{background:#d4a27f;color:#1f1e1b!important}.theme-dark .source-live,.theme-dark .status-success{background:#40403e;color:#a8b49a!important}.theme-dark .source-demo,.theme-dark .status-warning{background:#40403e;color:#d4a27f!important}.theme-toggle{border:1px solid var(--border);width:38px;height:38px;color:var(--text);background:var(--surface-soft);cursor:pointer;border-radius:12px}.demo-banner,.phase-banner{justify-content:center;gap:8px;padding:8px 24px;font-size:.8rem;display:flex}.demo-banner{color:#1f1e1b;background:#e5ddc9}.phase-banner{color:var(--text);background:var(--accent-soft)}.phase-stale{background:#ebcbbc}.workspace{grid-template-rows:minmax(590px,calc(100vh - 112px)) auto;grid-template-columns:220px minmax(420px,1fr) minmax(300px,380px);gap:16px;max-width:1800px;margin:0 auto;padding:16px;display:grid}.panel,.graph-shell{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px}.controls{flex-direction:column;gap:8px;padding:18px;display:flex}.eyebrow{color:var(--accent-text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.field-label,dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-top:9px;font-size:.72rem;font-weight:700}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-solid);border-radius:10px;outline:none;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 12px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:var(--accent-ink);background:var(--accent)}.button.secondary,.button.quiet{color:var(--text);border-color:var(--border);background:var(--surface-soft)}.button.quiet{margin-top:12px}.inspector{min-width:0;overflow:auto}.selection-note{border:1px solid var(--border);color:var(--muted);background:var(--surface-soft);border-radius:10px;margin:0 0 10px;padding:10px 12px;font-size:.78rem}.detail-card,.detail-empty,.questions-panel,.plan-panel{padding:20px}.detail-card h2,.detail-empty h2,.questions-panel h2,.plan-panel h2,.state-card h2{margin:0;font-size:1.15rem}.detail-card h3{letter-spacing:.04em;text-transform:uppercase;margin:22px 0 8px;font-size:.8rem}.card-heading,.panel-title-row{justify-content:space-between;align-items:flex-start;gap:12px}.status-active{color:#3d63e9;background:#f0eee6}.status-neutral{color:var(--muted);background:var(--surface-soft)}.status-danger{color:#1f1e1b;background:#ebcbbc}.purpose,.detail-empty p,.state-card p,.plan-detail{color:var(--muted);line-height:1.55}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric{background:var(--surface-soft);border-radius:10px;gap:3px;min-width:0;padding:10px;display:grid}.metric>span,.metric small,.unknown-copy{color:var(--muted)}.metric>span{text-transform:uppercase;font-size:.68rem;font-weight:700}.metric small{text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.relationship-list,.provenance-list,.question-stack{gap:8px;margin:0;padding:0;list-style:none;display:grid}.relationship-list li{background:var(--surface-soft);border-radius:9px;grid-template-columns:auto auto 1fr;gap:6px;padding:9px;font-size:.76rem;display:grid}.relationship-list small{color:var(--muted);grid-column:2/-1}.provenance-list li{gap:2px;font-size:.76rem;display:grid}.provenance-list span{color:var(--muted)}.lower-grid{grid-column:1/-1;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.4fr);gap:16px;display:grid}.count-chip,.plan-state{color:var(--muted);background:var(--surface-soft)}.question{border:1px solid var(--border);background:var(--surface-solid);border-radius:12px;padding:13px}.question h3{margin:9px 0 12px;font-size:.9rem}.question-meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;font-size:.7rem}.answer-row{align-items:stretch;gap:8px}.question-answer,.operation-message{background:var(--surface-soft);border-radius:9px;padding:9px 10px;font-size:.82rem}.empty-state{color:var(--muted);gap:4px;display:grid}.empty-state strong{color:var(--text)}.plan-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.plan-context div{background:var(--surface-soft);border-radius:10px;padding:9px}.plan-context dt,.plan-context dd{margin:0}.plan-context dd{margin-top:3px;font-size:.8rem}.state-card{text-align:center;place-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.state-orbit{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin-bottom:16px;animation:1.1s linear infinite orbit}
