@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(135deg,#1e1e2e,#252538,#2a2a3e,#252538,#1e1e2e);background-size:400% 400%;animation:gradientShift 20s ease infinite;will-change:background-position;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.12) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(99,102,241,.1) 0%,transparent 50%);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}.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}.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}