body{background-color:#000;color:#fff;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;overflow:hidden}.orb-container{position:relative}.orb{width:200px;height:200px;background:radial-gradient(circle at 30% 30%,#0ff,#004d4d);border-radius:50%;box-shadow:0 0 40px #0ff8;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.ring{position:absolute;top:-20px;left:-20px;width:240px;height:240px;border-radius:50%;box-shadow:0 0 30px #0ff5;animation:pulse 2s infinite;z-index:1;pointer-events:none}.orb.listening{background:radial-gradient(circle at 30% 30%,#0fc,#005c5c);box-shadow:0 0 50px #0ff}.orb.playing{background:radial-gradient(circle at 30% 30%,#f0f,#520052);box-shadow:0 0 50px #f0f9}.ring.listening{animation:vibrate .4s infinite}.ring.playing{animation:glow 1s ease-in-out infinite alternate}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}@keyframes vibrate{0%{transform:scale(1.05)}50%{transform:scale(1.15)}to{transform:scale(1.05)}}@keyframes glow{0%{box-shadow:0 0 40px #f0f8}to{box-shadow:0 0 60px #f0fc}}.status-text{margin-top:20px;font-size:18px;color:#aaa;font-weight:300;font-style:italic;z-index:2}.display-area{position:absolute;top:50px;left:50%;transform:translate(-50%);width:80%;max-width:600px;min-height:100px;background:#00282899;border:1px solid rgba(0,255,255,.3);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;box-shadow:0 10px 30px #00000080;transition:all .5s ease;z-index:10}.display-area.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-20px)}#display-content{color:#fff;font-size:16px;line-height:1.5;text-align:center}#display-content img{max-width:100%;border-radius:8px;margin-top:10px}.controls{position:absolute;bottom:30px;right:30px;z-index:10}.control-btn{background:#00ffff1a;border:1px solid rgba(0,255,255,.4);color:#fff;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#00ffff4d;box-shadow:0 0 15px #00ffff80}.control-btn.active{background:#00ff004d;border-color:#0f0c;box-shadow:0 0 15px #00ff0080}