:root{font-family:Inter,system-ui,sans-serif;color:#dce5ed;background:#0c121b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:240px;padding:32px 20px;background:#101b28;border-right:1px solid #263446;position:fixed;height:100vh;overflow:auto}.brand{color:#6ee2bc;font-weight:800;font-size:13px;letter-spacing:1.5px}aside p{font-size:13px;color:#8699ab;margin-bottom:32px}nav{display:grid;gap:5px}button,input,textarea{font:inherit}button{background:#1e3345;border:1px solid #365168;color:#e4edf4;border-radius:7px;padding:10px 14px;cursor:pointer}button:hover{background:#2b4860}nav button{text-align:left;background:transparent;border:0;color:#a7b7c6}nav button.active{color:#77e6c1;background:#203c40}#logout{margin-top:25px}main{margin-left:240px;padding:45px;max-width:1600px;width:calc(100% - 240px)}header,.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between}header{margin-bottom:35px}.eyebrow{font-size:11px;color:#8399ac;letter-spacing:2px}h1{font-size:38px;letter-spacing:-1px;margin:12px 0}.pill{border-radius:30px;padding:9px 16px;border:1px solid #355e59;color:#76e8bc;font-size:12px}.toolbar p{flex:1;color:#a5b7c6}.notice{padding:16px;border-left:3px solid #6edbbc;background:#12232b;font-size:13px;color:#a9c8c8;margin:24px 0}#records{display:grid;gap:14px}.record{background:#14202e;padding:20px;border:1px solid #2b3a4b;border-radius:10px}.record h3{margin:0 0 12px;font-size:17px}.record pre{white-space:pre-wrap;word-break:break-word;color:#a5b6c7;font-size:12px;max-height:260px;overflow:auto}.record .actions{display:flex;gap:10px}input,textarea{background:#0c1520;border:1px solid #395267;border-radius:6px;color:#e8eff5;padding:12px}input{min-width:300px}textarea{width:100%;height:55vh;font-family:monospace;line-height:1.5}dialog{width:min(800px,90vw);background:#14202e;border:1px solid #426079;border-radius:12px;color:inherit}dialog::backdrop{background:#000a}#status{color:#8be0c6;white-space:pre-wrap}#seed{font-size:12px}#login{padding:30px;background:#14202e;border-radius:12px;max-width:650px}@media(max-width:800px){aside{position:static;width:100%;height:auto}body{display:block}nav{grid-template-columns:repeat(2,1fr)}main{margin:0;width:100%;padding:24px}.toolbar{flex-wrap:wrap}input{min-width:0;width:100%}}