body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#111;position:relative}body:before{content:"";position:fixed;inset:-20px;background:url(https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;filter:blur(8px) grayscale(1) brightness(.4);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:0}#app{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;position:relative;z-index:1}main{width:100vw;height:100vh;padding:0;margin:0;position:relative;z-index:1}.rive-container-wrapper{width:100vw;height:100vh;padding:0;overflow:hidden;position:relative}.chat-input-container{position:fixed;bottom:.75rem;left:0;right:0;display:flex;gap:.4rem;align-items:center;justify-content:center;z-index:1000;box-sizing:border-box;max-width:100vw;padding:0 1rem;overflow:visible}.chat-input{flex:1;min-width:0;padding:.5rem .75rem;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#fffffff2;font-size:.8rem;outline:none;max-width:min(400px,calc(100vw - 8rem));box-shadow:0 8px 32px #0003;transition:all .3s ease}.chat-input:focus{background:#ffffff26;border-color:#6366f180;box-shadow:0 8px 32px #6366f140}.chat-input::placeholder{color:#ffffff80}.btn-text{display:inline}.btn-icon{display:none;font-size:1rem}.chat-send-button{flex-shrink:0;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(99,102,241,.3);background:#6366f199;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#fffffff2;font-size:.8rem;cursor:pointer;white-space:nowrap;box-shadow:0 8px 32px #6366f133;transition:all .3s ease}.chat-send-button:hover:not(:disabled){background:#6366f1bf;box-shadow:0 8px 32px #6366f14d;transform:translateY(-1px)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.call-button{flex-shrink:0;padding:.5rem 1.5rem;border-radius:20px;border:1px solid rgba(34,197,94,.3);background:#22c55e99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#fffffff2;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 8px 32px #22c55e33;transition:all .3s ease}.call-button:hover:not(:disabled){background:#22c55ebf;box-shadow:0 8px 32px #22c55e4d;transform:translateY(-1px)}.call-button:disabled{opacity:.6;cursor:not-allowed}.call-button[data-state=disconnect]{border-color:#ef44444d;background:#ef444499;box-shadow:0 8px 32px #ef444433}.call-button[data-state=disconnect]:hover:not(:disabled){background:#ef4444bf;box-shadow:0 8px 32px #ef44444d}@media(max-width:480px){.btn-text{display:none}.btn-icon{display:inline}.chat-send-button,.call-button{padding:.5rem .75rem;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.chat-input{max-width:calc(100vw - 6rem)}}.controls{position:fixed;bottom:3.5rem;left:0;right:0;display:flex;flex-direction:column;gap:.4rem;align-items:center;z-index:999;width:100vw}.controls-row{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap}button{border-radius:12px;border:1px solid rgba(255,255,255,.18);padding:.35rem .6rem;font-size:.7rem;background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#ffffffe6;cursor:pointer;box-shadow:0 4px 16px #0003;transition:all .3s ease}button:hover:not(:disabled){background:#ffffff26;box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}