:root{--bg:#050d17;--panel:#091827;--cyan:#55dfff;--blue:#178cc7;--muted:#7894a8;--line:rgba(85,223,255,.2);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8f7ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 26%,#102d43 0,#071522 38%,#030811 78%);color:#e8f7ff}
.app-shell{max-width:980px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom);display:flex;flex-direction:column}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;letter-spacing:.13em}.brand-mark{width:39px;height:39px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:23px;box-shadow:0 0 18px #168bc766}.brand b{font-size:14px}.brand small{display:block;color:var(--muted);font-size:8px;margin-top:4px;letter-spacing:.17em}
.status{font-size:9px;letter-spacing:.12em;color:#9bc3d5;display:flex;align-items:center;gap:8px}.status i,.pulse{width:7px;height:7px;border-radius:50%;background:#5cffc1;box-shadow:0 0 10px #5cffc1}
main{flex:1}.hero{text-align:center;padding:34px 0 25px}.eyebrow{font-size:9px;letter-spacing:.24em;color:var(--cyan)}.eyebrow span{padding:0 8px;color:#54778c}
h1{font-weight:300;font-size:clamp(30px,6vw,46px);margin:12px 0 5px;letter-spacing:.03em}.sub{font-size:13px;color:#9bb5c7;margin:0}
.reactor-wrap{height:224px;max-width:330px;margin:8px auto 7px;position:relative;display:grid;place-items:center}
.reactor{width:142px;height:142px;border-radius:50%;border:1px solid #53dfff99;display:grid;place-items:center;box-shadow:0 0 25px #13a9e455,inset 0 0 24px #13a9e433;animation:breathe 4s ease-in-out infinite}
.reactor:before,.reactor:after{content:"";position:absolute;border:1px solid #55dfff55;border-radius:50%;width:170px;height:170px}
.reactor:after{width:190px;height:190px;border-style:dashed;animation:spin 35s linear infinite}
.reactor-core{width:83px;height:83px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#9bf2ff 0,#2199c7 23%,#0a3c5c 62%,#061827 70%);box-shadow:0 0 38px #26caff99;color:#e8fcff;font-size:31px;text-shadow:0 0 12px white}
.orbit{position:absolute;border:1px solid #37bfe955;border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:250px;height:83px}.orbit-b{width:285px;height:110px;transform:rotate(62deg)}
.reactor-label{position:absolute;bottom:0;font-size:9px;letter-spacing:.25em;color:var(--cyan)}.reactor-label small{display:block;color:#7894a8;font-size:8px;margin-top:5px;letter-spacing:.18em}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:690px;margin:18px auto 0}
.quick{background:linear-gradient(145deg,#0b2030dd,#071321dd);border:1px solid var(--line);border-radius:10px;padding:12px 7px;color:#e8f7ff;text-align:left;min-height:83px;cursor:pointer}
.quick:active{border-color:var(--cyan);background:#102c40}.quick span{display:block;color:var(--cyan);font-size:18px;margin-bottom:5px}.quick b{display:block;font-size:11px}.quick small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.console{max-width:760px;width:100%;margin:8px auto 20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0a1b2bd9,#06111ddd);box-shadow:0 14px 55px #0008;overflow:hidden}
.console-head,.console-foot{height:39px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#8caabd;font-size:9px;letter-spacing:.13em;border-bottom:1px solid var(--line)}.console-head>div{display:flex;align-items:center;gap:9px}.console-head small{color:var(--cyan)}
.messages{height:142px;overflow:auto;padding:13px 15px}.message{margin-bottom:12px}.speaker{font-size:8px;letter-spacing:.2em;color:var(--cyan)}.message p{font-size:12px;line-height:1.55;color:#c4d8e5;margin:5px 0 0}.message.user{text-align:right}.message.user .speaker{color:#a5b9c7}
.composer{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.composer input{flex:1;min-width:0;background:#030c15;border:1px solid #24445a;border-radius:8px;padding:0 12px;color:white;font-size:13px;outline:none}.composer input:focus{border-color:var(--cyan)}
.mic,.send{border:1px solid var(--line);border-radius:8px;background:#0b2538;color:var(--cyan);min-width:43px;font-size:19px}.send{font-size:10px;letter-spacing:.12em;padding:0 14px;background:#0b4260;color:white}.send span{margin-left:6px}
.console-foot{height:28px;border:0;border-top:1px solid var(--line);font-size:8px;color:#607f93}
footer{text-align:center;color:#56758a;font-size:8px;letter-spacing:.19em;padding:12px 0 18px}footer span{padding:0 7px;color:var(--cyan)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 40px #13a9e477,inset 0 0 35px #13a9e455}}
@media(max-width:520px){.app-shell{padding-left:13px;padding-right:13px}.topbar{height:65px}.hero{padding-top:27px}.reactor-wrap{height:205px}.quick-grid{grid-template-columns:repeat(2,1fr);max-width:390px}.quick{min-height:72px}.console{margin-top:12px}.messages{height:132px}}