:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;background:#10171f;color:#e9eff5}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:22px;padding:24px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #293745;background:#151e28}header small{display:block;color:#9aaebe}header button{margin-left:auto}.brand{font-size:28px;font-weight:850;white-space:nowrap}.brand span{color:#61dbb3}main{max-width:1168px;margin:auto;padding:30px 24px}h1{font-size:30px;line-height:1.2;margin:6px 0 22px}h2{font-size:22px;margin:0 0 14px}.eyebrow{font-size:12px;letter-spacing:2px;color:#72dab9;margin:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{border:1px solid #3d655c;border-radius:30px;padding:5px 12px;font-size:13px;color:#9ce7cf;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics article,.panel{background:#19232e;border:1px solid #2b3b49;border-radius:16px;padding:22px}.metrics article>span{font-size:12px;letter-spacing:1.5px;color:#a6bac9}.metrics strong{display:block;font-size:32px;margin:9px 0}.metrics small{display:block;color:#a6bac9;font-size:12px}progress{appearance:none;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;margin-bottom:8px}progress::-webkit-progress-bar{background:#334352}progress::-webkit-progress-value{background:#61dbb3}.panel{margin-bottom:22px}.services{display:flex;flex-wrap:wrap;gap:10px}.service{padding:8px 12px;border:1px solid #3d4e5e;border-radius:8px;font-size:13px}.service.ok{color:#8ee5c8}.service.warn{color:#ffd18c}.muted{color:#a6bac9;font-size:13px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #415365;border-radius:10px;cursor:pointer}.toggle input{width:24px;height:24px;accent-color:#61dbb3;flex-shrink:0}.toggle small{display:block;color:#a6bac9;font-size:12px}.conversation-tools{display:flex;align-items:end;gap:12px;margin:26px 0 16px}.conversation-tools label{flex:1}.messages{max-height:440px;overflow:auto;min-height:120px;padding:16px;background:#111b25;border-radius:10px}.message{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #526a7e;padding:8px 14px;margin:8px 0 18px}.message.user{border-color:#61dbb3;background:#1b302e}.message strong{display:block;font-size:11px;letter-spacing:1px;color:#a6bac9;margin-bottom:6px}.empty{color:#8aa0b2}.actions{display:flex;align-items:center;gap:12px;margin-top:12px}.actions span{margin-right:auto}button,a{touch-action:manipulation}button{background:#82e7c5;color:#10251e;padding:12px 18px;border:0;border-radius:8px;font:inherit;font-weight:650;cursor:pointer;min-height:46px}button:disabled{opacity:.4;cursor:default}button.quiet{background:#293b4b;color:#d4e4f0}button.danger{background:#542c32;color:#ffc7cb}input:not([type=checkbox]),textarea,select{display:block;width:100%;background:#101a23;color:#e9eff5;border:1px solid #496074;border-radius:8px;padding:12px;font:inherit;margin-top:6px}textarea{resize:vertical}label{font-size:14px}a{color:#82e7c5}#deviceCode{background:#243744;padding:16px;border-radius:10px;margin-top:16px}#loginCode{display:block;font-size:28px;letter-spacing:3px}#error{background:#4d292f;color:#ffd7db;padding:16px;border-radius:10px}#activity{color:#82e7c5;min-height:24px}#signin{max-width:480px;margin:50px auto}#loginForm button{margin-top:16px}footer{max-width:1168px;margin:auto;padding:0 24px 30px;color:#8298a9;font-size:12px;display:flex;justify-content:space-between}[hidden]{display:none!important}:focus-visible{outline:3px solid #80e4c3;outline-offset:3px}@media(max-width:750px){.metrics{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1fr}.actions{flex-wrap:wrap}.actions span{width:100%}.section-title{align-items:flex-start}header{padding:16px;gap:12px}main{padding:22px 14px}header strong{font-size:13px}.brand{font-size:22px}.panel{padding:16px}.badge{font-size:11px}.metrics article{padding:16px}.metrics strong{font-size:27px}footer{display:block}footer span{display:block}}
