*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at center,#092b49,#020811 60%,#000);color:#eafaff;font-family:Arial,sans-serif;display:grid;place-items:center;overflow:hidden}.app{text-align:center;width:min(92%,650px)}h1{letter-spacing:8px;font-size:clamp(30px,8vw,62px);margin:0 0 35px}h1 span{color:#49dfff}.core{width:230px;height:230px;margin:auto;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 25px #00bfff);cursor:pointer}.orb{width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#55eaff 12%,#0876bd 40%,#031426 72%);box-shadow:0 0 20px #fff,0 0 50px #00bfff,0 0 100px #0876bd;animation:pulse 1.1s infinite alternate}.fire{position:absolute;width:150px;height:150px;border:5px solid #2fe8ff;border-radius:45% 55% 50% 50%;box-shadow:0 0 22px #00c8ff;animation:spin 2s linear infinite}.fire2{width:185px;height:185px;border-color:#0876ff;animation-direction:reverse;animation-duration:3s}.fire3{width:215px;height:215px;border-width:2px;animation-duration:5s}#status{color:#53eaff;letter-spacing:4px;font-size:12px;margin-top:30px}.reply{min-height:65px;margin:20px auto;padding:16px;border:1px solid #0a7ba8;background:#03121dcc;border-radius:14px;line-height:1.5}button{border:1px solid #49dfff;background:#05263c;color:#fff;padding:15px 22px;border-radius:30px;font-weight:bold;box-shadow:0 0 18px #008ec0;cursor:pointer}.listening .orb{animation:shake .12s infinite, pulse .5s infinite alternate}.listening .fire{animation-duration:.45s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:scale(1.12);filter:brightness(1.5)}}@keyframes shake{0%{transform:translateX(-3px)}100%{transform:translateX(3px)}}