:root{color-scheme:dark;font-family:Inter Variable,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-feature-settings:"cv01","ss03";line-height:1.6;font-weight:400;color:var(--text-primary);background:var(--surface-canvas);--surface-canvas: #050609;--surface-base: #0a0c11;--surface-panel: #10131a;--surface-elevated: #171b24;--surface-sunken: #07090d;--text-primary: #f4f7fb;--text-secondary: #c3cad7;--text-muted: #7d8595;--text-faint: #545b69;--border-subtle: rgba(255, 255, 255, .055);--border-strong: rgba(255, 255, 255, .11);--accent-primary: #7170ff;--accent-hover: #8d91ff;--accent-soft: rgba(113, 112, 255, .16);--status-success: #27c46a;--status-warning: #f4b740;--status-error: #ff6b7a;--status-info: #5eb5ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-wrap:anywhere;line-break:strict}button,input,textarea{font:inherit}button{color:inherit}.boot-screen,.login-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(circle at 20% 10%,rgba(113,112,255,.22),transparent 30%),radial-gradient(circle at 80% 80%,rgba(94,181,255,.11),transparent 32%),var(--surface-canvas)}.login-panel{width:min(440px,100%);display:grid;gap:var(--space-5);padding:var(--space-8);border:1px solid var(--border-strong);border-radius:22px;background:linear-gradient(145deg,#ffffff0e,#ffffff06);box-shadow:inset 0 1px #ffffff14,0 24px 80px #00000057}.app-shell{min-height:100dvh;display:grid;grid-template-columns:264px minmax(0,1fr);background:radial-gradient(circle at 8% 0%,rgba(113,112,255,.14),transparent 28%),var(--surface-base)}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5);border-right:1px solid var(--border-subtle);background:#050609c7}.brand-block{display:flex;align-items:center;gap:var(--space-3)}.brand-block strong{display:block;font-size:16px;font-weight:560}.brand-block span,.panel-title span,.meta-row,.eyebrow{color:var(--text-muted);font-size:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--accent-hover);background:var(--accent-soft);border:1px solid rgba(113,112,255,.26)}.brand-mark.large{width:58px;height:58px;border-radius:18px}.nav-list{display:grid;gap:var(--space-2)}.nav-item{min-height:42px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .14s cubic-bezier(.2,.8,.2,1),border-color .14s}.nav-item:hover,.nav-item:focus-visible,.nav-item.is-active{outline:none;color:var(--text-primary);background:#ffffff0b;border-color:var(--border-subtle)}.nav-item.is-active{color:var(--accent-hover)}.logout{margin-top:auto}.workspace{min-width:0;padding:var(--space-5)}.topbar{max-width:1440px;margin:0 auto var(--space-5);display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.route-stage{max-width:1440px;margin:0 auto;animation:route-enter .22s cubic-bezier(.16,1,.3,1)}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.home-layout,.memory-layout,.source-layout,.graph-layout{align-items:start}.span-2{grid-column:span 2}.hero-panel,.panel,.graph-panel,.metric,.memory-object,.source-item,.readout{border:1px solid var(--border-subtle);background:#ffffff09;box-shadow:inset 0 1px #ffffff0e}.hero-panel{padding:var(--space-8);border-radius:22px}.hero-panel h1,.panel-heading h1{margin:var(--space-2) 0 var(--space-3);max-width:860px;font-size:clamp(30px,4vw,40px);line-height:1.08;font-weight:590;letter-spacing:0}.hero-panel p,.panel-heading p{margin:0;max-width:760px;color:var(--text-secondary)}.panel,.graph-panel{padding:var(--space-5);border-radius:14px}.panel-title,.graph-toolbar,.metric-row,.inline-form,.meta-row{display:flex;align-items:center;gap:var(--space-3)}.panel-title{justify-content:space-between;margin-bottom:var(--space-4)}.panel-title h1,.panel-title h2{margin:0;font-size:22px;line-height:1.25;font-weight:560}.metric-row{grid-column:span 2}.metric{flex:1;min-height:112px;display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:14px}.metric span{color:var(--text-muted);font-size:13px}.metric strong{font-size:30px;line-height:1}.status-pill,.chip,.form-note,.inline-error{display:inline-flex;align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-3);border-radius:999px;border:1px solid var(--border-subtle);font-size:12px}.status-pill.is-healthy{color:var(--status-success);background:#27c46a17}.status-pill.is-degraded,.inline-error{color:var(--status-warning);background:#f4b74017}.primary-button,.ghost-button,.text-button,.icon-button{min-height:40px;border:1px solid var(--border-strong);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);cursor:pointer;transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .14s,border-color .14s}.primary-button{color:#fff;background:var(--accent-primary);border-color:#8d91ff85}.ghost-button,.text-button,.icon-button{background:#ffffff09;color:var(--text-secondary)}.text-button{border-color:transparent;padding:0;min-height:30px;background:transparent}.icon-button{width:40px;padding:0}.danger:hover{color:var(--status-error)}.primary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px);border-color:var(--accent-hover)}.field,.stacked-form{display:grid;gap:var(--space-3)}.stacked-form.narrow{max-width:520px}.field span{color:var(--text-muted);font-size:12px;font-weight:520}input,textarea{width:100%;color:var(--text-primary);background:#0000003d;border:1px solid var(--border-strong);border-radius:8px;padding:var(--space-3) var(--space-4);resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.form-error{color:var(--status-error)}.form-note{color:var(--text-secondary);background:#ffffff09}.memory-list,.quiet-list,.source-list,.chip-cloud,.diagnostic-grid{display:grid;gap:var(--space-3)}.memory-object{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-4);border-radius:10px}.memory-object.is-selected{border-color:#7170ff70;background:var(--accent-soft)}.memory-main{min-width:0;text-align:left;border:0;background:transparent;padding:0;cursor:pointer}.memory-text,.selection-readout p,.quiet-list p{margin:0;white-space:pre-wrap}.meta-row{flex-wrap:wrap;margin-top:var(--space-2)}.empty-state{padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:12px;color:var(--text-muted);text-align:center}.source-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:9px}.source-item span{color:var(--text-muted);font-size:13px}.chip-cloud{display:flex;flex-wrap:wrap}.graph-panel{padding:var(--space-3);background:var(--surface-sunken);box-shadow:inset 0 0 32px #00000075}.graph-toolbar{padding:var(--space-2);justify-content:flex-end;color:var(--text-muted);font-size:12px}.graph-canvas{position:relative;width:100%;min-height:520px;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;touch-action:none;background:radial-gradient(circle at 50% 50%,rgba(113,112,255,.13),transparent 32%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}.graph-canvas svg{width:100%;height:100%;min-height:520px;pointer-events:auto;transform-origin:0 0}.graph-link{stroke:#c3cad72e;stroke-width:1}.graph-node{cursor:pointer;pointer-events:all}.graph-node circle{fill:#c3cad752;stroke:#ffffff6b;stroke-width:1;transition:r .14s,fill .14s,stroke .14s}.graph-node.entity circle{fill:#5eb5ff47}.graph-node.is-selected circle{fill:#7170ffc7;stroke:var(--accent-hover)}.graph-node text{fill:var(--text-muted);font-size:10px;text-anchor:middle;pointer-events:none}.selection-readout{display:grid;gap:var(--space-2)}.diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.readout{min-width:0;padding:var(--space-4);border-radius:10px}.readout span{display:block;margin-bottom:var(--space-1);color:var(--text-muted);font-size:12px}.drawer{position:fixed;top:0;right:0;z-index:100;width:min(440px,100vw);height:100vh;padding:var(--space-6);border-left:1px solid var(--border-strong);background:var(--surface-raised);box-shadow:-28px 0 80px #0000007a}.drawer p{margin:var(--space-4) 0;line-height:1.6}.drawer .close{float:right}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.chips span{padding:6px 10px;border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-muted);font-size:12px}.danger{border-color:#ff6b818a;color:var(--danger)}.readout strong{display:block;color:var(--text-primary);font-family:Berkeley Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:450}@keyframes route-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border-subtle)}.nav-list{display:flex;overflow-x:auto}.logout{margin-top:0}.page-grid,.diagnostic-grid{grid-template-columns:1fr}.span-2,.metric-row{grid-column:span 1}.metric-row,.inline-form,.topbar{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){*,.route-stage{animation:none;transition:none}}