*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(12px,1.4vw,14px);line-height:1.5;color:#fff}body{width:100vw;height:100vh;overflow:hidden;background:#000}#bg-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#f5f5f5}#app{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#app canvas{display:block;outline:none}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.top-bar{padding:20px;display:flex;justify-content:flex-end;gap:10px;pointer-events:auto}.glass-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;font-family:inherit;outline:none}.glass-btn:hover{background:#ffffff26;transform:translateY(-1px)}.chat-section{display:flex;flex-direction:column;height:40vh;background:transparent;pointer-events:auto}.chat-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:12px;word-break:break-all;line-height:1.6;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-bubble{align-self:flex-end;background:#667eea80;color:#fff;border-bottom-right-radius:4px}.assistant-bubble{align-self:flex-start;background:#ffffffd9;color:#333;border-bottom-left-radius:4px}.bottom-bar{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.input-box{flex:1;height:40px;background:#ffffffe6;border:none;border-radius:20px;padding:0 16px;font-size:14px;font-family:inherit;color:#333;outline:none}.input-box::placeholder{color:#999}.send-btn{padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:20px;font-size:14px;font-family:inherit;cursor:pointer;transition:background .2s;white-space:nowrap}.send-btn:hover{background:#5a6fd6}.send-btn:disabled,.mic-btn:disabled{opacity:.5;cursor:not-allowed}.mic-btn{width:40px;height:40px;border-radius:50%;border:none;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.mic-btn:hover{background:#5a6fd6;transform:scale(1.05)}.mic-btn.recording{background:#e53e3e;animation:mic-pulse 1.2s ease-in-out infinite}.mic-btn.active{background:#e53e3e;box-shadow:0 0 0 3px #e53e3e4d}.mic-btn.active.recording{animation:mic-pulse 1.2s ease-in-out infinite}.mic-btn.recording .mic-icon{display:none}.mic-btn.recording .stop-icon{display:block!important}@keyframes mic-pulse{0%,to{box-shadow:0 0 #e53e3e99}50%{box-shadow:0 0 0 10px #e53e3e00}}.voice-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#e53e3e26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(229,62,62,.3);animation:voice-bar-in .25s ease}@keyframes voice-bar-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.voice-wave{display:flex;align-items:center;gap:3px;height:24px;flex-shrink:0}.voice-wave span{display:block;width:3px;background:#e53e3e;border-radius:2px;height:6px;transition:height .08s ease}.voice-text{flex:1;color:#fff;font-size:14px;line-height:1.5;min-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:100;pointer-events:auto}.loading-overlay.hidden{display:none}.loading-text{color:#fff;font-size:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:12px 24px;border-radius:12px;background:#0000004d}@media(max-width:767px){.chat-section{height:55vh}.chat-bubble{max-width:90%}.bottom-bar{gap:8px}.input-box{height:44px;font-size:16px}.mic-btn,.send-btn{min-height:44px;min-width:44px}.top-bar{padding:12px}.glass-btn{padding:10px 16px;font-size:14px}}