:root{color-scheme:dark;--bg:#0b1220;--panel:#111e31;--border:#25354c;--text:#e7edf6;--muted:#a5b5ca;--accent:#67d4df;--warn:#ffc77a}*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,sans-serif;background:var(--bg);color:var(--text)}header{padding:20px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:#101a2e}.brand{font-size:19px;font-weight:800;letter-spacing:.08em}.brand span{color:var(--accent);font-weight:400}small{display:block;color:var(--muted);font-size:12px;margin-top:6px}#scalar-banner{position:sticky;top:0;z-index:5;padding:10px 4vw;background:#33291b;color:var(--warn);font-weight:750;letter-spacing:.03em;border-bottom:1px solid #70542e}#scalar-banner.verified{background:#193746;color:#a3ebfa}#notice{position:fixed;right:15px;bottom:18px;max-width:calc(100vw - 30px);background:#22334c;padding:16px 24px;border:1px solid var(--accent);z-index:20;border-radius:10px}main{max-width:1440px;margin:auto;padding:28px 4vw 50px}nav{display:flex;gap:4px;overflow:auto;padding:14px 4vw;border-bottom:1px solid var(--border)}nav button{white-space:nowrap;border:0;background:transparent;color:var(--muted)}nav button.active{color:var(--accent);background:#173044}h1{font-size:clamp(28px,4vw,38px);margin:4px 0 20px;letter-spacing:-.03em;line-height:1.2}h2{font-size:18px;margin:0 0 15px}p{color:var(--muted)}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em;margin:0}.section-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.pill{font-size:12px;border:1px solid var(--border);padding:7px 12px;border-radius:100px}button,input,select,textarea{font:inherit;border-radius:7px;border:1px solid var(--border);color:var(--text);background:#142238;min-height:44px;padding:10px 13px}button{cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:#071820;border-color:var(--accent);font-weight:750}label{display:block;color:var(--muted);font-size:13px;margin:12px 0}label input,label textarea{display:block;width:100%;margin-top:5px}label.check{display:flex;align-items:center;gap:10px}label.check input{width:20px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.metric,article{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;min-width:0}.metric small{margin:0 0 10px}.metric strong{font-size:clamp(18px,2.2vw,26px);font-weight:650;display:block;overflow-wrap:anywhere}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}article{margin:0 0 20px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.filters label{flex:1}.filters button{margin-bottom:12px}.table-wrap{width:100%;overflow:auto;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:var(--muted);font-weight:500;white-space:nowrap}td,th{padding:13px 12px;border-bottom:1px solid var(--border);vertical-align:top}td button{font-size:12px;white-space:nowrap}pre{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow:auto;color:#bacee3;max-height:430px;overflow-wrap:anywhere}.break{word-break:break-all}.events div{padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.events small{margin:0}canvas{width:100%;height:220px}.login-card{max-width:500px;margin:5vh auto;padding:32px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.login-card button{width:100%;margin:12px 0}.conversation div{padding:14px;background:#172940;margin-bottom:10px;white-space:pre-wrap;border-radius:8px}.conversation .user{background:#142133;color:var(--muted)}a{color:var(--accent)}footer{text-align:center;padding:20px 4vw;color:var(--muted);font-size:12px}[hidden]{display:none!important}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}main{padding:22px 16px}.metric,article{padding:18px}nav{padding:10px 12px}.section-head{display:block}.pill{display:inline-block;margin-bottom:12px}.login-card{padding:23px;margin:2vh auto}header{padding:16px}h1{font-size:30px}.actions button{flex:1}td,th{padding:11px 8px}}@media(prefers-reduced-motion:no-preference){button{transition:border-color .15s}}
dialog{border:1px solid var(--border);border-radius:12px;max-width:500px;width:calc(100vw - 32px);background:var(--panel);color:var(--text);padding:26px}dialog::backdrop{background:#050b16ce}details summary{cursor:pointer;color:var(--accent);padding:10px 0}#interval-page{align-self:center;color:var(--muted);font-size:13px}.filters select{width:100%;margin-top:5px}#operational-experiments article{background:#142238;padding:16px}#operational-experiments h3{font-size:14px;overflow-wrap:anywhere}
