:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#07111e;color:#e7f3f9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 1%,#14364d 0,transparent 48%),#07111e}button,input,textarea{font:inherit}button{background:#1a384b;color:#e8f5fb;padding:12px 15px;border:1px solid #426176;border-radius:12px;cursor:pointer;font-weight:650}button:disabled{opacity:.4}button.accent{background:#73e6d6;border-color:#73e6d6;color:#052e32}.frame{max-width:1120px;margin:auto;padding:20px 16px 50px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}header .brand{display:flex;align-items:center;gap:10px}header img{object-fit:contain}header b{font-size:24px;letter-spacing:-.05em}header b span{color:#71ead9}header small{display:block;font-size:9px;letter-spacing:.18em;color:#98afc3}.status,.badge{display:inline-block;padding:7px 11px;background:#102c3b;color:#99efde;border:1px solid #27616b;border-radius:20px;font-size:12px}.hero{padding:30px 0 23px}.hero h1{font-size:clamp(35px,7vw,60px);margin:4px 0 10px;line-height:1.03;letter-spacing:-.055em}.hero em{color:#70dfd2;font-style:normal}.hero p{max-width:660px;color:#b2c9d9;line-height:1.6}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:#75ded1}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:20px;background:linear-gradient(165deg,#152a3b,#0b1928);border:1px solid #2a4558;border-radius:20px;margin-bottom:14px;box-shadow:0 12px 45px #0002}.card h2{font-size:18px;margin:0 0 10px}.card p,.muted,.help{font-size:13px;color:#a9c1d1;line-height:1.55}.help{font-size:12px}label{display:block;font-size:12px;color:#b2d7df;margin:12px 0 7px}label:has(input){display:flex;gap:9px;align-items:center}.profiles,.actions,.row{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:9px 0}.profiles button{flex:1;min-width:160px;text-align:left}.profiles button.active{border-color:#79e6db;background:#204b55}.profiles small{display:block;color:#b9cfe1;font-size:10px;margin-top:2px}.row{justify-content:space-between}.identifier{font-size:clamp(18px,4vw,25px);font-weight:750;letter-spacing:.03em;margin-top:6px;overflow-wrap:anywhere}.columns .row input{flex:1;min-width:0}input:not([type=checkbox]),textarea{width:100%;padding:13px;background:#061725;color:white;border:1px solid #416078;border-radius:11px;font-size:16px}textarea{resize:vertical}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #91f4db;outline-offset:2px}.metric{border:1px solid #315162;border-radius:10px;padding:10px;background:#081d2c;color:#c6dfeb;margin:12px 0;font-size:13px;overflow-wrap:anywhere}.messages{height:165px;overflow:auto;padding:9px;background:#071a28;border-radius:10px;display:flex;flex-direction:column;gap:8px}.bubble{border-radius:9px;background:#1d394a;padding:9px 11px;max-width:85%;font-size:13px;overflow-wrap:anywhere}.bubble.me{align-self:flex-end;background:#245f59}audio{width:100%;max-height:40px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#071b2a;color:#b7f1e5;border-radius:9px;padding:10px;font-size:11px;max-height:230px;overflow:auto}a.btn{color:#dbf8f5;text-decoration:none;border:1px solid #477080;padding:10px 14px;border-radius:11px}.badge{border-radius:10px;margin-top:8px}footer{color:#849fb0;text-align:center;font-size:11px;padding:23px}@media(max-width:730px){.columns{grid-template-columns:1fr}header{flex-wrap:wrap}.card{padding:16px}}
