@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');:root{--cyan:#42dfff;--muted:#8aa9bb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#12304a,#050b14 55%);color:#e8f7ff;font:14px Inter,Arial;min-height:100vh}header,footer{max-width:1200px;margin:auto;padding:22px;display:flex;gap:16px;align-items:center;border-bottom:1px solid #1b4057}header small{color:var(--muted);font-size:9px;letter-spacing:2px}header span{margin-left:auto;color:var(--cyan);font-size:10px}main{max-width:1150px;margin:auto;padding:18px}.hero{text-align:center;padding:28px}.hero small{color:var(--cyan);letter-spacing:2px;font-size:9px}h1{font-size:clamp(28px,5vw,48px)}em{color:var(--cyan);font-style:normal}.reactor{margin:20px auto 0;width:90px;height:90px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:30px;box-shadow:0 0 35px #1bbbe866,inset 0 0 20px #1bbbe855}.panel{background:#091827eF;border:1px solid #1b4057;border-radius:12px;padding:18px;margin-bottom:14px}.columns{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}input,textarea{width:100%;padding:12px;margin:5px 0;background:#06101c;color:white;border:1px solid #28506a;border-radius:7px}textarea{min-height:70px}button{padding:10px 14px;margin:4px 4px 4px 0;border:0;border-radius:6px;background:linear-gradient(100deg,#087db3,#16b7d8);color:white;font-weight:600;cursor:pointer}p,#voicehint{color:var(--muted);font-size:11px;line-height:1.6}#messages{height:230px;overflow:auto;white-space:pre-wrap;line-height:1.7;padding:10px;background:#06111e;border-radius:7px;margin-bottom:10px}.item{padding:9px;margin:7px 0;background:#0c2133;border:1px solid #1b4057;border-radius:7px;display:flex;gap:8px;justify-content:space-between}.item span{flex:1}footer{border:0;color:#66899d;font-size:9px}.settings{position:fixed;right:12px;bottom:12px}dialog{background:#0b1a29;color:white;border:1px solid var(--cyan);border-radius:10px} [hidden]{display:none!important}@media(max-width:750px){.columns{grid-template-columns:1fr}main{padding:12px}.hero{padding:20px 5px}}
.pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
.pref-grid label{display:flex;flex-direction:column;gap:7px;color:#b8d5e4;font-size:12px}
select{width:100%;padding:12px;background:#06101c;color:#fff;border:1px solid #28506a;border-radius:7px}
.pref-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#voicePrefStatus,.fineprint{color:var(--muted);font-size:11px}
@media(max-width:600px){.pref-grid{grid-template-columns:1fr}}