:root{--bg-color:#050505;--text-color:#fff;--accent-color:#4a90e2;--accent-glow:#4a90e280}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);overscroll-behavior-y:none;justify-content:center;align-items:center;width:100vw;height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}#root{width:100%;height:100%}.app-container{background:radial-gradient(circle,#111 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.orb-container{cursor:pointer;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.orb{z-index:2;background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%);border-radius:50%;width:150px;height:150px;position:absolute;box-shadow:0 0 50px #a18cd199,inset 0 0 20px #ffffff80}.orb.listening{background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%);box-shadow:0 0 60px #84fab0cc,inset 0 0 20px #ffffff80}.orb.talking{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99% 100%);box-shadow:0 0 80px #ff9a9ee6,inset 0 0 30px #fffc}.status-text{letter-spacing:2px;color:#fffc;text-transform:uppercase;text-align:center;padding:0 20px;font-size:1.2rem;font-weight:300;transition:opacity .3s,transform .3s;position:absolute;bottom:20%}.idle-pulse{animation:3s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.2}50%{opacity:.8}}