*{box-sizing:border-box}body{margin:0;background:#01040a;color:#dff9ff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.gridbg{position:fixed;inset:0;background:linear-gradient(rgba(0,180,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.04) 1px,transparent 1px);background-size:32px 32px}.gridbg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,#075278 0,transparent 28%),radial-gradient(circle at 85% 70%,#42101b 0,transparent 20%);opacity:.45}.scan{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#20bff008 5px);z-index:20}.app{position:relative;max-width:930px;margin:auto;padding:15px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0b6d94;padding-bottom:13px}.micro{font-size:8px;letter-spacing:2px;color:#5fdcff;opacity:.6}h1{margin:3px 0;font-size:29px;letter-spacing:5px;color:#7ee4ff;text-shadow:0 0 18px #00aeea}h1 span{color:#ff4e60}.status{border:1px solid #0b799e;padding:7px 10px;text-align:right;font-size:10px;color:#69ffc7}.status small{display:block;color:#65a8ba;margin-top:3px}.hero{text-align:center;padding:12px}.holo{height:230px;position:relative;display:grid;place-items:center}.hex{width:110px;height:125px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:linear-gradient(#16d8ff,#05415c);padding:3px;filter:drop-shadow(0 0 20px #00cfff)}.hex:after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle,#fff 0 5%,#64e4ff 14%,#0c668c 45%,#020b13 68%);clip-path:inherit}.reactor{position:absolute;width:40px;height:40px;border:2px solid white;border-radius:50%;box-shadow:0 0 28px #00d5ff;z-index:2}.target{position:absolute;font-size:42px;font-weight:900;color:#bdf5ff;text-shadow:0 0 20px #00d5ff;z-index:3}.orbit{position:absolute;border:1px solid #0dc8ff;border-radius:50%;box-shadow:0 0 12px #008bb8;animation:spin 8s linear infinite}.o1{width:205px;height:70px;transform:rotate(20deg)}.o2{width:170px;height:205px;transform:rotate(-30deg);animation-duration:6s;animation-direction:reverse}.o3{width:150px;height:150px;border-style:dashed;animation-duration:4s}@keyframes spin{to{transform:rotate(360deg)}}.hello{font-size:19px;font-weight:800;letter-spacing:4px;color:#fff;text-shadow:0 0 15px #00cfff}.state{font-size:10px;letter-spacing:4px;color:#58dfff;margin-top:5px}.wave{height:30px;display:flex;align-items:center;justify-content:center;gap:4px}.wave i{height:6px;width:3px;background:#00cfff;box-shadow:0 0 8px #00cfff;animation:w .9s infinite}.wave i:nth-child(2),.wave i:nth-child(10){animation-delay:.1s}.wave i:nth-child(3),.wave i:nth-child(9){animation-delay:.2s}.wave i:nth-child(4),.wave i:nth-child(8){animation-delay:.3s}.wave i:nth-child(5),.wave i:nth-child(7){animation-delay:.4s}.wave i:nth-child(6){animation-delay:.5s}@keyframes w{50%{height:24px}}.panel{position:relative;margin:10px 0;border:1px solid #0b668c;background:#020b15e8;padding:12px;clip-path:polygon(0 0,97% 0,100% 8%,100% 92%,97% 100%,3% 100%,0 92%);box-shadow:inset 0 0 28px #00a5d315,0 12px 35px #0008}.panel:before{content:"";position:absolute;top:-1px;right:0;width:80px;height:2px;background:#ff3148;box-shadow:0 0 12px #ff3148}.head{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #12445b;color:#55d9ff;font-size:10px;letter-spacing:2px}.head em{font-style:normal;color:#ff5362;font-size:8px}.chat #messages{height:210px;overflow:auto}.msg{margin:6px 0;padding:9px 11px;background:#061725;border-left:2px solid #13b9f0;font-size:14px;line-height:1.5}.msg.u{text-align:right;border-left:0;border-right:2px solid #ff3e53}form{display:flex;gap:7px;margin-top:8px}input,textarea{width:100%;background:#010810;color:#eaffff;border:1px solid #185876;border-radius:7px;padding:11px;outline:none}textarea{min-height:80px;resize:vertical}form input{flex:1}button{border:1px solid #176181;background:#041321;color:#e8fbff;border-radius:7px;padding:10px;cursor:pointer}button:active{transform:scale(.98)}form button,#sendwa{background:#07567b}.commands{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}.commands button{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.commands b{font-size:22px;color:#55dcff;text-shadow:0 0 10px #00b9f0}.commands small{font-size:9px;opacity:.55}.controls{display:flex;gap:7px;margin-top:12px}.controls button{flex:0 0 auto}.controls .primary{flex:1;background:#07567a;border-color:#1bc9ff}.hidden{display:none}.contactRow{display:flex;gap:7px;margin-top:10px}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.results button{text-align:left}.selected{margin:8px 0;padding:9px;border-left:2px solid #69ffc7;background:#03131a;font-size:12px}.waActions{display:flex;gap:7px;margin:8px 0}.waActions button{flex:1}.waActions #sendwa{background:#07567b;border-color:#1bc9ff}.panel>small{display:block;opacity:.5;font-size:9px;line-height:1.5}.boot{position:fixed;inset:0;background:#01040a;z-index:100;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.boot.hide{opacity:0;visibility:hidden}.bootcore{text-align:center;color:#68e6ff}.bootring{width:120px;height:120px;border:1px solid #0dc8ff;border-radius:50%;box-shadow:0 0 30px #00bfff;animation:spin 2s linear infinite;margin:auto auto 18px}.boottext{font-weight:800;letter-spacing:5px;text-shadow:0 0 18px #00cfff}.boottext+div{font-size:10px;letter-spacing:3px;margin-top:8px;color:#ff5362}.thinking .reactor{animation:think .5s infinite alternate}.thinking .holo{filter:brightness(1.35)}.thinking #wave i{animation-duration:.25s}@keyframes think{to{transform:scale(1.25);box-shadow:0 0 55px #00d5ff}}footer{text-align:center;opacity:.4;font-size:9px;letter-spacing:1px;padding:14px}.listening .hex{animation:pulse .65s infinite}.listening .holo{filter:brightness(1.35)}@keyframes pulse{50%{transform:scale(1.08)}}#heard{font-size:9px;text-align:center;opacity:.5;margin-top:7px}@media(max-width:680px){.commands{grid-template-columns:repeat(2,1fr)}.holo{height:195px}.orbit.o1{width:170px}.orbit.o2{height:170px;width:145px}.chat #messages{height:190px}h1{font-size:23px}.status{font-size:8px}.results{grid-template-columns:1fr}}