*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#02060b;color:#dff8ff}body{overflow-x:hidden}.app{min-height:100vh;background:radial-gradient(circle at 50% 20%,rgba(0,180,255,.13),transparent 34%),linear-gradient(180deg,#02060b,#010309 70%)}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(80,210,255,.16);background:rgba(2,8,15,.72);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand-dot{width:12px;height:12px;border-radius:50%;background:#37d8ff;box-shadow:0 0 16px #37d8ff}.brand b{display:block;letter-spacing:4px;font-size:16px}.brand small{display:block;color:#6591a1;font-size:8px;letter-spacing:2px;margin-top:2px}.status{font-size:10px;letter-spacing:1.5px;color:#65dfff}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55f3aa;box-shadow:0 0 10px #55f3aa;margin-right:6px}main{width:min(760px,100%);margin:auto;padding:10px 14px 28px}.hero{height:370px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hud-ring{position:absolute;border:1px solid rgba(58,211,255,.22);border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);pointer-events:none}.ring1{width:270px;height:270px;animation:spin 18s linear infinite}.ring2{width:315px;height:315px;border-style:dashed;animation:spin 26s linear infinite reverse}.ring3{width:365px;height:365px;opacity:.35;animation:spin 34s linear infinite}.core{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(150,242,255,.95) 0 4%,rgba(0,160,255,.55) 8%,rgba(0,70,130,.18) 36%,transparent 64%);box-shadow:0 0 35px rgba(0,196,255,.65),inset 0 0 28px rgba(80,220,255,.4);border:1px solid rgba(115,230,255,.55);animation:pulse 2.4s ease-in-out infinite}.core-inner{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(170,245,255,.7);box-shadow:inset 0 0 22px rgba(0,188,255,.5);background:rgba(0,50,80,.32)}.core-inner span{font-size:38px;font-weight:800;color:#dfffff;text-shadow:0 0 18px #4bdfff}.state{margin-top:25px;font-size:12px;letter-spacing:5px;color:#79e8ff;font-weight:700}.subtitle{font-size:11px;color:#6f8e9a;margin-top:7px}.subtitle b{color:#aeeeff}.wave{height:38px;display:flex;align-items:center;gap:4px;margin-top:13px;opacity:.25}.wave i{width:3px;height:9px;background:#62e8ff;border-radius:4px;transition:.2s}.listening .wave,.thinking .wave,.speaking .wave{opacity:1}.listening .wave i,.speaking .wave i{animation:wave .65s ease-in-out infinite alternate}.wave i:nth-child(2){animation-delay:.08s}.wave i:nth-child(3){animation-delay:.16s}.wave i:nth-child(4){animation-delay:.24s}.wave i:nth-child(5){animation-delay:.32s}.wave i:nth-child(6){animation-delay:.24s}.wave i:nth-child(7){animation-delay:.16s}.wave i:nth-child(8){animation-delay:.08s}.wave i:nth-child(9){animation-delay:0}.chat{min-height:100px;max-height:340px;overflow:auto;padding:8px 2px 12px;scroll-behavior:smooth}.welcome,.msg{display:flex;gap:10px;margin:9px 0}.welcome{padding:14px;border:1px solid rgba(70,208,255,.12);background:rgba(5,25,38,.38);border-radius:16px}.mini-core{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #54dfff;color:#baf5ff;box-shadow:0 0 12px rgba(70,220,255,.25);font-weight:800}.welcome b{font-size:13px}.welcome p{margin:4px 0 0;color:#718e99;font-size:12px}.msg{flex-direction:column;align-items:flex-start}.msg.user{align-items:flex-end}.msg-label{font-size:8px;letter-spacing:2px;color:#53707b;margin:0 8px}.bubble{max-width:92%;padding:11px 13px;border-radius:14px;background:rgba(9,30,44,.78);border:1px solid rgba(72,209,255,.13);font-size:13px;line-height:1.55;white-space:pre-wrap}.user .bubble{background:rgba(0,120,170,.18);border-color:rgba(72,209,255,.28)}.controls{padding-top:4px;display:flex;flex-direction:column;align-items:center}.mic{width:76px;height:76px;border-radius:50%;border:1px solid rgba(101,228,255,.55);background:radial-gradient(circle,rgba(54,208,255,.22),rgba(0,35,55,.75));box-shadow:0 0 24px rgba(34,205,255,.18),inset 0 0 22px rgba(48,209,255,.12);color:#8ceeff;cursor:pointer;transition:.2s}.mic:hover{transform:scale(1.04);box-shadow:0 0 32px rgba(34,205,255,.35)}.mic-icon{display:block;width:24px;height:31px;border:2px solid #9cefff;border-radius:15px;margin:auto;position:relative;font-size:0}.mic-icon:after{content:"";position:absolute;left:50%;bottom:-11px;width:25px;height:14px;transform:translateX(-50%);border:2px solid #9cefff;border-top:0;border-radius:0 0 15px 15px}.hint{font-size:8px;letter-spacing:3px;color:#557783;margin-top:10px}.input-row{display:flex;width:100%;margin-top:15px;gap:8px}.input-row input{flex:1;min-width:0;background:rgba(5,19,29,.8);border:1px solid rgba(78,208,255,.17);color:#dff8ff;border-radius:12px;padding:13px 14px;outline:none}.input-row input:focus{border-color:rgba(78,208,255,.5);box-shadow:0 0 15px rgba(78,208,255,.08)}.input-row button{width:48px;border:0;border-radius:12px;background:#0b89b5;color:white;font-size:19px;cursor:pointer}.clear{margin-top:10px;background:none;border:0;color:#3f626e;font-size:8px;letter-spacing:2px;cursor:pointer}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.035);box-shadow:0 0 55px rgba(0,196,255,.85),inset 0 0 30px rgba(80,220,255,.5)}}@keyframes wave{to{height:31px}}@media(max-width:520px){.hero{height:330px}.core{width:128px;height:128px}.core-inner{width:72px;height:72px}.ring1{width:235px;height:235px}.ring2{width:275px;height:275px}.ring3{width:315px;height:315px}.state{margin-top:22px}.chat{max-height:300px}.topbar{padding:0 14px}}