:root{color-scheme:dark;--cyan:#79e9ff;--gold:#f2c572;--red:#b62c37;--ink:#071018}
body{background-color:var(--ink);background-image:radial-gradient(ellipse at 15% 0%,#5e182536,transparent 55%),linear-gradient(#60d5ed05 1px,transparent 1px),linear-gradient(90deg,#60d5ed05 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;color:#e3edf2;font-family:Segoe UI,system-ui,sans-serif;max-width:1180px}
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:20px;min-height:150px;padding:22px 28px;margin-bottom:16px;border:1px solid #74313c;border-left:4px solid var(--red);border-radius:8px;background:linear-gradient(105deg,#30131e 0%,#111b26 47%,#09202b 100%);box-shadow:0 10px 40px #0004}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#65d9ff04 4px)}
.hero:after{content:'';position:absolute;bottom:0;left:22px;width:40%;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero h1{font:600 42px/1.1 Segoe UI,system-ui;letter-spacing:.18em;margin:6px 0;color:#f6d99d;text-shadow:0 0 24px #ffc35425}
.eyebrow{font:10px ui-monospace,Consolas,monospace;letter-spacing:.2em;color:#c29372}
.hero p{font-size:12px;color:#9cb3be;letter-spacing:.05em}.hero-brand{z-index:1;flex:1}.hero-tools{z-index:1;align-self:flex-start;display:flex;align-items:center;gap:12px}.hero-tools button{font-size:11px;padding:6px 10px;border-color:#775241;background:#371e25;color:var(--gold)}
.reactor{width:86px;height:86px;flex:none;filter:drop-shadow(0 0 12px #41d5fc70)}
.helmet{position:absolute;width:155px;height:155px;right:160px;top:0;opacity:.42;pointer-events:none;filter:drop-shadow(0 0 18px #ffa75218)}
.hero-lines{position:absolute;right:0;top:0;height:100%;width:45%;opacity:.13;background:linear-gradient(135deg,transparent 25%,#7ad9ed 25.2%,transparent 25.6%,transparent 50%,#7ad9ed 50.2%,transparent 50.6%);pointer-events:none}
.grid{gap:10px}.card,.panel{position:relative;background:linear-gradient(130deg,#111e2a,#0c1721);border:1px solid #24414d;border-radius:7px;box-shadow:inset 0 1px 0 #75ddf308}.card:before,.panel:before{position:absolute;content:'';top:-1px;left:-1px;width:16px;height:16px;border-top:2px solid #a6d8df;border-left:2px solid #a6d8df;border-radius:6px 0 0 0;opacity:.6}
.card:nth-child(1),.card:nth-child(5){border-top-color:#8e593b}.card .label{font:10px ui-monospace,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;color:#94acb6}.value{color:var(--cyan);font-family:ui-monospace,Consolas,monospace;font-size:21px;text-shadow:0 0 14px #62dff520}.card small{font-size:11px;color:#819da8}.panel{border-top:2px solid #963c43}.panel:nth-child(2){border-top-color:#45acc3}.panel h2{font-size:16px;letter-spacing:.04em;color:var(--gold);display:flex;align-items:center;gap:10px}.panel h2:before{content:'';width:6px;height:6px;background:var(--cyan);box-shadow:0 0 8px #79e9ff;border-radius:50%}
textarea,pre{background:#07111b;border-color:#294b5d;color:#dbe9ef;box-shadow:inset 0 0 24px #0003}textarea{height:136px}pre{min-height:226px}textarea:focus,input:focus,select:focus{outline:1px solid var(--cyan);outline-offset:2px}label{color:#99b2bd}button,select,input[type=number]{background:#152735;border-color:#34525d}button.primary{background:linear-gradient(135deg,#96303a,#641d2b);border:1px solid #d1a064;color:#ffe3ad;box-shadow:0 0 14px #96212e35;font-size:13px}button.primary:hover{background:#a43640}button:hover:not(:disabled){border-color:var(--gold)}input[type=checkbox],progress{accent-color:var(--cyan)}input[type=file]::file-selector-button{background:#172b39;color:#b9cbd4;border:1px solid #34525d;border-radius:4px;padding:6px 10px;margin-right:8px}progress{height:4px}summary{font:12px ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#b8986d}footer{color:#6e919d}#notice{color:var(--gold)}
.login-body{max-width:none}.login-panel{position:relative;width:100%;max-width:370px;background:linear-gradient(150deg,#221520,#0b202b);border:1px solid #68434b;border-top:3px solid var(--gold);border-radius:8px;padding:30px;box-shadow:0 20px 80px #0008}.login-panel .reactor{display:block;margin:0 auto 18px;width:78px;height:78px}.login-panel h1{text-align:center;color:var(--gold);letter-spacing:.18em;font-size:30px}.login-panel .eyebrow{text-align:center;margin-bottom:8px}.login-panel p{text-align:center;color:#9db3be;font-size:12px}.login-panel input{background:#07121c;border-color:#31515f}.login-panel button{background:linear-gradient(135deg,#9c303b,#621d2b);border:1px solid #c49a61;color:#ffe3ad}.login-foot{text-align:center;color:#668894;font:10px ui-monospace,monospace;letter-spacing:.12em;margin-top:20px}
@media(max-width:800px){.helmet{right:110px;opacity:.2}.hero{padding:18px;gap:14px}.hero h1{font-size:34px}.reactor{width:64px;height:64px}.hero-tools{gap:6px}}
@media(max-width:520px){.hero{min-height:134px;gap:12px;padding:16px}.hero h1{font-size:27px;letter-spacing:.12em}.hero p{font-size:10px}.hero .eyebrow{font-size:8px}.hero-tools{position:absolute;right:12px;top:12px}.hero-tools #notice{max-width:95px;font-size:9px}.hero-tools button{font-size:9px}.helmet{right:0;opacity:.12}.reactor{width:52px;height:52px}.hero-brand{padding-top:14px}}
@media(prefers-reduced-motion:no-preference){.reactor .rotor{transform-origin:60px 60px;animation:reactor-spin 35s linear infinite}@keyframes reactor-spin{to{transform:rotate(360deg)}}}

.context-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px;padding:10px 13px;background:#0a2028;border:1px solid #254653;border-radius:6px;font-size:11px;color:#8fadb9}.context-strip>div{display:flex;align-items:center;gap:9px}.context-strip strong{color:#c6dce3;font-weight:500}.context-strip #contextState{color:#84ecdb;font-family:ui-monospace,Consolas,monospace}.context-light{width:6px;height:6px;flex:none;border-radius:50%;background:#9b9b8f}.context-light.local{background:#78e9cb;box-shadow:0 0 8px #55dabe66}.context-light.unknown{background:#e0bb71}.context-strip>details{margin:0 0 0 auto;position:relative}.context-strip summary{padding:0;font-size:10px;color:#a8bbc1;letter-spacing:0}.context-strip details p{position:absolute;right:0;top:18px;width:310px;z-index:3;padding:13px;background:#12232e;border:1px solid #36505d;border-radius:6px;box-shadow:0 8px 24px #0008;color:#b2c6cd;font:12px/1.6 Segoe UI,system-ui}@media(max-width:650px){.context-strip{gap:8px}.context-strip>span{flex-basis:100%}.context-strip>details{margin-left:0}.context-strip details p{right:auto;left:0;width:min(310px,80vw)}}
.mode-buttons{display:flex;gap:3px}.mode-buttons button{padding:4px 9px;font-size:10px}.mode-buttons .selected{background:#164238;color:#92f4d5;border-color:#52bba0}.mode-buttons #researchMode.selected{background:#534222;color:#ffdfa0;border-color:#c69e50}.context-light.research{background:#f2c572;box-shadow:0 0 8px #c69e5066}.research-panel{margin-bottom:14px}.research-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}.research-controls label{margin:0}.research-controls select,.research-controls input{display:block;margin-top:5px}.query-label{flex:1;min-width:200px}.query-label input{width:100%;background:#07111b;color:#e1edf2;border:1px solid #34525d;border-radius:6px;padding:9px}.research-note{font-size:12px}#searchActivity{font-size:12px;color:var(--gold);margin-top:10px}#searchResults a{color:var(--cyan)}#searchResults>div{border-top:1px solid #254653;margin-top:10px;padding-top:10px}#searchResults p{font-size:12px;line-height:1.6}dialog{max-width:500px;width:90%;background:#12232e;color:#dceaf0;border:1px solid #ad8850;border-radius:8px;padding:24px}dialog::backdrop{background:#000a}dialog pre{min-height:0;max-height:120px;margin:15px 0}dialog p{font-size:13px;line-height:1.5}.research-panel[hidden]{display:none}
#searchResults{max-height:200px;overflow:auto}#searchResults details{margin:0}#searchResults summary{padding:6px 0;font-size:10px}#searchResults details p{margin:0 0 8px}