:root{color:#e8f3ff;background:#020611;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#e8f3ff;background:radial-gradient(circle at 50% 45%,#00b4ff14,#0000 18%),radial-gradient(circle at 20% 20%,#0078ff0f,#0000 20%),radial-gradient(circle at 80% 25%,#00dcff0d,#0000 18%),linear-gradient(#020611 0%,#030b1c 45%,#020611 100%);font-family:Inter,system-ui,Arial,sans-serif}.app{flex-direction:column;gap:18px;width:100%;height:100%;padding:20px;display:flex;position:relative}.app:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#5aaaff14 1px,#0000 1px),linear-gradient(90deg,#5aaaff14 1px,#0000 1px);background-size:120px 120px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 90%);mask-image:radial-gradient(circle,#000 35%,#0000 90%)}.top-bar{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060f209e;border:1px solid #6ebeff2e;border-radius:18px;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:relative;box-shadow:0 0 24px #008cff14,inset 0 0 20px #ffffff05}.top-bar h1{letter-spacing:.04em;color:#f4fbff;text-shadow:0 0 18px #00b4ff1f;margin:0;font-size:2.2rem;font-weight:700}.top-bar p{color:#89a9c7;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:.95rem}.status-badge{background:#0a1a32e0;border:1px solid #6ebeff33;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex;box-shadow:0 0 18px #0099ff14}.status-dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 14px}.status-idle{color:#6887a8}.status-listening{color:#00d9ff}.status-thinking{color:#ffd166}.status-speaking{color:#72f1b8}.dashboard{z-index:1;flex:1;grid-template-rows:1fr .62fr;grid-template-columns:1fr 1.25fr 1fr;gap:18px;min-height:0;display:grid;position:relative}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060f207a;border:1px solid #6ebeff24;border-radius:20px;flex-direction:column;min-height:0;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 28px #0099ff0d,inset 0 0 20px #ffffff05}.panel:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#00dcff99,#0000);height:1px;position:absolute;inset:0 0 auto}.panel h2{letter-spacing:.12em;text-transform:uppercase;color:#9dd8ff;margin:0 0 14px;font-size:1rem}.panel-body{color:#d9ebfb;flex:1;min-height:0;padding-right:4px;line-height:1.55;overflow:auto}.center-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle,#00b4ff14,#0000 28%),radial-gradient(circle,#ffffff05,#0000 55%),#060f2061;border:1px solid #6ebeff29;border-radius:28px;flex-direction:column;grid-area:1/2/span 2;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #0099ff14,inset 0 0 30px #ffffff04}.center-panel:before{content:"";border:1px solid #00c8ff14;border-radius:50%;width:520px;height:520px;position:absolute;box-shadow:0 0 80px #00b4ff14}.center-panel:after{content:"";border:1px solid #00c8ff1a;border-radius:50%;width:340px;height:340px;position:absolute}.orb-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.orb{filter:drop-shadow(0 0 24px #00b4ff1f);place-items:center;width:360px;height:360px;display:grid;position:relative}.hud-ring,.hud-dashes,.hud-orbit,.hud-core,.hud-core-glow,.hud-sweep{border-radius:50%;position:absolute}.hud-ring{pointer-events:none;border-style:solid}.hud-ring-outer{border-width:2px;border-color:#8cf0ffe6 #ffffff0f #ffffff0f #00b4ff38;width:340px;height:340px;box-shadow:0 0 25px #00c8ff14}.hud-ring-outer-2{border-width:1px;border-color:#ffffff0a #8cf0ff73 #00b4ff38 #ffffff0a;width:308px;height:308px}.hud-ring-mid{border-width:3px;border-color:#00dcffe6 #00dcff66 #ffffff0d #ffffff0d;width:250px;height:250px;box-shadow:0 0 24px #00b4ff1a,inset 0 0 20px #00b4ff0d}.hud-ring-mid-2{border-width:1px;border-color:#ffffff0f #ffffff0f #00b4ff4d #8cf0ff99;width:210px;height:210px}.hud-ring-inner{border-width:2px;border-color:#b4fafff2 #ffffff0d #ffffff0d #00dcff73;width:150px;height:150px;box-shadow:0 0 18px #00dcff1f,inset 0 0 14px #00dcff14}.hud-dashes{pointer-events:none;background-repeat:no-repeat;margin:auto;inset:0}.hud-dashes-1{opacity:.7;background:repeating-conic-gradient(#78dcffbf 0deg 3deg,#0000 3deg 12deg);width:290px;height:290px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64% 68%,#0000 70%);mask:radial-gradient(circle,#0000 62%,#000 64% 68%,#0000 70%)}.hud-dashes-2{opacity:.5;background:repeating-conic-gradient(#fff9 0deg 2deg,#0000 2deg 11deg);width:190px;height:190px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60% 66%,#0000 68%);mask:radial-gradient(circle,#0000 58%,#000 60% 66%,#0000 68%)}.hud-orbit{pointer-events:none;margin:auto;inset:0}.hud-orbit-1{width:320px;height:320px}.hud-orbit-2{width:235px;height:235px}.orbit-dot{background:#79e9ff;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:-3px;box-shadow:0 0 8px #79e9ffe6,0 0 16px #00b4ff73}.orbit-dot-red{background:#ff4d4d;box-shadow:0 0 8px #ff4d4de6,0 0 14px #ff4d4d59}.hud-sweep{opacity:.7;background:conic-gradient(#0000 0deg 330deg,#78f0ff2e 350deg,#78f0ff8c 360deg);width:280px;height:280px;-webkit-mask:radial-gradient(circle,#0000 55%,#000 70%,#0000 72%);mask:radial-gradient(circle,#0000 55%,#000 70%,#0000 72%)}.hud-core-glow{background:radial-gradient(circle,#00c8ff2e,#0000 70%);width:140px;height:140px;box-shadow:0 0 45px #00b4ff2e}.hud-core{z-index:3;background:radial-gradient(circle at 35% 35%,#e6fafffa,#00d2ffb8 38%,#00508c6b 100%);place-items:center;width:108px;height:108px;display:grid;box-shadow:0 0 22px #00dcff8c,0 0 65px #00b4ff38,inset 0 0 18px #ffffff2e}.hud-core-inner{text-align:center;background:#00284638;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;box-shadow:inset 0 0 16px #ffffff14}.hud-core-title{letter-spacing:.18em;color:#dff9ff;text-shadow:0 0 10px #00dcff59;font-size:.95rem;font-weight:800}.hud-core-subtitle{letter-spacing:.22em;color:#e6e6e6;margin-top:2px;font-size:.48rem}.orb-idle .hud-ring-outer{animation:18s linear infinite spinSlow}.orb-idle .hud-ring-outer-2{animation:12s linear infinite spinReverse}.orb-idle .hud-ring-mid{animation:8s linear infinite spinSlow}.orb-idle .hud-ring-mid-2{animation:7s linear infinite spinReverse}.orb-idle .hud-ring-inner{animation:5s linear infinite spinSlow}.orb-idle .hud-dashes-1{animation:16s linear infinite spinReverse}.orb-idle .hud-dashes-2{animation:10s linear infinite spinSlow}.orb-idle .hud-orbit-1{animation:9s linear infinite spinSlow}.orb-idle .hud-orbit-2{animation:6s linear infinite spinReverse}.orb-idle .hud-sweep{animation:5s linear infinite spinSlow}.orb-idle .hud-core{animation:3.2s ease-in-out infinite corePulse}.orb-listening .hud-ring-outer,.orb-listening .hud-dashes-1{animation:5s linear infinite spinSlow}.orb-listening .hud-ring-mid,.orb-listening .hud-orbit-1{animation:3.5s linear infinite spinReverse}.orb-listening .hud-ring-inner,.orb-listening .hud-dashes-2,.orb-listening .hud-sweep,.orb-listening .hud-orbit-2{animation:2.4s linear infinite spinSlow}.orb-listening .hud-core{animation:1s ease-in-out infinite listeningCore}.orb-thinking .hud-ring-outer,.orb-thinking .hud-dashes-1{animation:2.2s linear infinite spinSlow}.orb-thinking .hud-ring-mid,.orb-thinking .hud-orbit-1{animation:1.8s linear infinite spinReverse}.orb-thinking .hud-ring-inner,.orb-thinking .hud-dashes-2,.orb-thinking .hud-sweep,.orb-thinking .hud-orbit-2{animation:1.2s linear infinite spinSlow}.orb-thinking .hud-core{animation:.8s linear infinite thinkingCore}.orb-speaking .hud-ring-outer,.orb-speaking .hud-dashes-1{animation:4s linear infinite spinSlow}.orb-speaking .hud-ring-mid,.orb-speaking .hud-orbit-1{animation:2.6s linear infinite spinReverse}.orb-speaking .hud-ring-inner,.orb-speaking .hud-dashes-2,.orb-speaking .hud-sweep,.orb-speaking .hud-orbit-2{animation:1.7s linear infinite spinSlow}.orb-speaking .hud-core{animation:.6s ease-in-out infinite speakingCore}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes corePulse{0%,to{transform:scale(1);box-shadow:0 0 22px #00dcff8c,0 0 65px #00b4ff38,inset 0 0 18px #ffffff2e}50%{transform:scale(1.05);box-shadow:0 0 28px #00dcffbf,0 0 80px #00b4ff57,inset 0 0 22px #fff3}}@keyframes listeningCore{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes thinkingCore{0%{filter:hue-rotate();transform:scale(1)rotate(0)}50%{filter:hue-rotate(30deg);transform:scale(1.09)rotate(180deg)}to{filter:hue-rotate();transform:scale(1)rotate(360deg)}}@keyframes speakingCore{0%,to{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(.96)}75%{transform:scale(1.12)}}.center-controls{text-align:center;z-index:1;padding-bottom:34px}.mic-button{color:#fff;cursor:pointer;background:radial-gradient(circle,#00b4ff61,#006eff14);border:1px solid #6edcff47;border-radius:50%;width:88px;height:88px;font-size:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 0 24px #0099ff2e,inset 0 0 18px #ffffff0d}.mic-button:hover{transform:scale(1.07);box-shadow:0 0 34px #00c8ff47,inset 0 0 22px #ffffff0f}.center-label{color:#eef9ff;letter-spacing:.04em;margin:16px 0 6px;font-size:1rem;font-weight:600}.center-subtext{color:#8eaecb;max-width:380px;margin:0;font-size:.94rem;line-height:1.5}.log-list{flex-direction:column;gap:10px;display:flex}.log-item{background:#0b1930bf;border:1px solid #6ebeff14;border-radius:12px;padding:10px 12px}.log-time{color:#7f9bbb;margin-bottom:4px;font-size:.75rem}.log-type{text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.72rem;display:inline-block}.log-system{color:#72f1b8}.log-status{color:#ffd166}.log-user{color:#00d9ff}.log-text{color:#dcecff}.left-panel{grid-area:1/1}.right-panel{grid-area:1/3}.bottom-left{grid-area:2/1}.bottom-right{grid-area:2/3}@keyframes pulseIdle{0%,to{opacity:.94;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulseListening{0%,to{transform:scale(1);box-shadow:0 0 26px #00dcff8c,0 0 75px #00dcff38}50%{transform:scale(1.14);box-shadow:0 0 34px #00dcffd9,0 0 95px #00dcff57}}@keyframes pulseThinking{0%{filter:hue-rotate();transform:scale(1)rotate(0)}50%{filter:hue-rotate(28deg);transform:scale(1.08)rotate(180deg)}to{filter:hue-rotate();transform:scale(1)rotate(360deg)}}@keyframes pulseSpeaking{0%,to{transform:scale(1)}25%{transform:scale(1.12)}50%{transform:scale(.98)}75%{transform:scale(1.16)}}@media (width<=1100px){html,body,#root{overflow:auto}.dashboard{grid-template-rows:auto;grid-template-columns:1fr}.left-panel,.right-panel,.bottom-left,.bottom-right,.center-panel{grid-area:auto;min-height:240px}.center-panel{min-height:560px}}