.speech-banner{position:absolute;pointer-events:none;z-index:30;max-width:300px;min-width:200px;white-space:normal;word-wrap:break-word;display:block!important;visibility:visible!important}.speech-banner-bottom{bottom:-110px;left:50%;transform:translate(-50%)}.speech-banner-top{top:-110px;left:50%;transform:translate(-50%)}.speech-banner-left{left:-320px;top:50%;transform:translateY(-50%)}.speech-banner-right{right:-320px;top:50%;transform:translateY(-50%)}.speech-banner-content{position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:12px 18px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a inset,0 4px 16px #60a5fa66;border:1px solid rgba(255,255,255,.2);transform-origin:center;will-change:transform,opacity}.speech-banner-mia .speech-banner-content{background:linear-gradient(135deg,#60a5faf2,#8b5cf6f2)}.speech-banner-user .speech-banner-content{background:linear-gradient(135deg,#34d399f2,#3b82f6f2)}.speech-banner-text{color:#fff;font-size:14px;line-height:1.5;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);word-wrap:break-word}.speech-banner-tail{position:absolute;width:0;height:0}.speech-banner-bottom .speech-banner-tail{bottom:-8px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(96,165,250,.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.speech-banner-top .speech-banner-tail{top:-8px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(52,211,153,.95);filter:drop-shadow(0 -2px 4px rgba(0,0,0,.2))}.speech-banner-user.speech-banner-top .speech-banner-tail{border-bottom-color:#34d399f2}.speech-banner-mia.speech-banner-bottom .speech-banner-tail{border-top-color:#60a5faf2}.speech-banner-left .speech-banner-tail{left:-8px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(96,165,250,.95);filter:drop-shadow(2px 0 4px rgba(0,0,0,.2))}.speech-banner-right .speech-banner-tail{right:-8px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(96,165,250,.95);filter:drop-shadow(-2px 0 4px rgba(0,0,0,.2))}@media (max-width: 768px){.speech-banner{max-width:250px;min-width:150px}.speech-banner-bottom{bottom:-70px}.speech-banner-top{top:-70px}.speech-banner-left,.speech-banner-right{display:none}.speech-banner-text{font-size:13px;padding:10px 14px}}@keyframes textReveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.speech-banner-text{animation:textReveal .3s ease-out}.speech-banner-content{transition:border-radius .3s ease}.speech-banner.exiting .speech-banner-content{animation:bubblePop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bubblePop{0%{transform:scale(1);opacity:1;filter:blur(0px)}40%{transform:scale(1.4);opacity:.9;filter:blur(2px)}70%{transform:scale(1.6);opacity:.6;filter:blur(6px)}to{transform:scale(1.8);opacity:0;filter:blur(10px)}}.avatar-container{position:relative;width:min(320px,50vw);height:min(320px,50vw);display:flex;align-items:center;justify-content:center;animation:breatheAvatar 6s ease-in-out infinite;margin:0 auto;overflow:visible}@keyframes breatheAvatar{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.avatar-glow{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:radial-gradient(circle,rgba(96,165,250,.4) 0%,transparent 70%);border-radius:50%;z-index:0;filter:blur(25px);opacity:.4;transition:opacity .5s ease}.avatar-frame{position:relative;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));overflow:visible}.avatar-svg{width:100%;height:100%}.avatar-image{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.05)}.eye-blink-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);transform-origin:top;pointer-events:none;z-index:5;opacity:.15}.avatar-spinner{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid transparent;border-top-color:var(--accent-purple);border-right-color:var(--accent-blue);border-radius:50%;z-index:-1;opacity:.6;filter:blur(2px)}.avatar-frame.LISTENING{filter:drop-shadow(0 0 20px var(--accent-blue))}.avatar-frame.SPEAKING{filter:drop-shadow(0 0 20px var(--accent-green))}.micro-expression-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8;transform-origin:center}.listening-focus{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at center,rgba(96,165,250,.1),transparent 70%);pointer-events:none;z-index:7}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;color:var(--text-primary)}.error-boundary h2{font-size:1.5rem;margin-bottom:1rem;color:#f87171}.error-boundary p{margin-bottom:2rem;color:var(--text-secondary)}.error-boundary button{padding:.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;transition:all .3s ease}.error-boundary button:hover{background:#ffffff1a;transform:translateY(-2px)}.error-boundary button:active{transform:translateY(0)}:root{--bg-color: #050510;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-blue: #60a5fa;--accent-purple: #a855f7;--accent-green: #34d399;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--font-family: "Outfit", "Inter", -apple-system, system-ui, sans-serif;--ease-elastic: cubic-bezier(.175, .885, .32, 1.275)}body{margin:0;font-family:var(--font-family);background:var(--bg-color);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh}.layout-container{width:100%;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:0;box-sizing:border-box;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:900px;margin:0 auto;padding:3rem 2rem;z-index:10;position:relative;min-height:0}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:.6;pointer-events:none;mix-blend-mode:overlay}.bg-aurora{position:absolute;top:-40%;left:-20%;width:180%;height:180%;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.12),transparent 50%),radial-gradient(circle at 90% 20%,rgba(168,85,247,.1),transparent 40%),radial-gradient(circle at 20% 80%,rgba(52,211,153,.08),transparent 40%);filter:blur(80px);z-index:-1;animation:auroraFloat 25s infinite alternate ease-in-out}@keyframes auroraFloat{0%{transform:scale(1) rotate(0);opacity:.8}to{transform:scale(1.1) rotate(3deg);opacity:1}}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.particle{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff4d}.app-header{height:auto;width:100%;display:flex;align-items:center;justify-content:center;z-index:20;padding:1.5rem 1rem;flex-shrink:0}.glass-pill{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:99px;padding:.6rem 1.75rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:transform .3s var(--ease-elastic)}.glass-pill:hover{transform:translateY(2px)}.status-dot{width:6px;height:6px;background:var(--accent-blue);border-radius:50%;box-shadow:0 0 12px var(--accent-blue);animation:pulseDot 3s infinite cubic-bezier(.4,0,.6,1)}.app-title{font-size:.8rem;font-weight:500;letter-spacing:.2em;color:#e2e8f0;text-transform:uppercase}.orb-wrapper{position:relative;cursor:pointer;transition:transform .4s var(--ease-elastic);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;z-index:15}.orb-wrapper:active{transform:scale(.96)}.status-overlay{position:absolute;bottom:-10px;right:-10px;transform:scale(.4);z-index:20;pointer-events:none;transition:all .6s cubic-bezier(.2,.8,.2,1);opacity:0}.status-overlay.LISTENING,.status-overlay.SPEAKING,.status-overlay.PROCESSING{opacity:1}.orb-glow-large{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;border-radius:50%;filter:blur(60px);z-index:-1;pointer-events:none}.orb-ring-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid;border-radius:50%;pointer-events:none}.text-display{min-height:120px;width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1.5rem}.hint-text{font-size:1.15rem;color:#fff6;font-weight:300;letter-spacing:.03em;animation:breatheText 4s infinite ease-in-out}.status-text{font-size:1.5rem;font-weight:300;letter-spacing:-.02em}.status-text.listening{background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:400}.message-box{background:#0f172a66;border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem 2.5rem;border-radius:24px;width:100%;box-shadow:0 20px 50px -12px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.message-box:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:skew(-20deg);pointer-events:none}.message-content{margin:0;font-size:1.5rem;line-height:1.6;font-weight:400;color:#f8fafc;text-shadow:0 2px 10px rgba(0,0,0,.2)}.app-footer{height:auto;width:100%;display:flex;align-items:center;justify-content:center;z-index:20;opacity:.6;padding:1.5rem 1rem;flex-shrink:0}.app-footer p{font-size:.65rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-secondary)}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes breatheText{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.7;transform:translateY(-2px)}}@media (max-width: 768px){.main-content{gap:2rem;padding:1rem}.message-box{padding:1.5rem 2rem}.message-content{font-size:1.25rem}}