*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0e0d;--bg-panel: #1a1918;--bg-bubble-user: #2a2827;--bg-bubble-aria: rgba(124, 157, 201, .1);--accent: #7c9dc9;--accent-hover: #93b0d6;--accent-glow: rgba(124, 157, 201, .25);--text: #e8e4df;--text-muted: #8a8580;--text-dim: #5a5550;--danger: #d44;--success: #4a8;--radius: 14px;--radius-sm: 8px;--font: "Nunito", sans-serif;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--glass-border: 1px solid rgba(255, 255, 255, .06);--glass-bg: rgba(255, 255, 255, .03)}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-columns:1fr 1fr;height:100vh;max-height:100dvh}#vrm-container{position:relative;background:var(--bg);overflow:hidden}#vrm-canvas{width:100%;height:100%;display:block}#vrm-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}#vrm-placeholder .placeholder-icon{font-size:5rem;opacity:.15;animation:float 6s ease-in-out infinite}#vrm-placeholder code{background:var(--bg-bubble-user);padding:.25em .7em;border-radius:6px;font-size:.85rem}#vrm-overlay-badges{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.5rem;z-index:10}#cost-widget{display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:#0f0e0dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:999px;color:var(--text);font-family:var(--font);font-size:.75rem;cursor:pointer;transition:background .2s,border-color .2s;position:relative}#cost-widget:hover{background:#0f0e0df2;border-color:#ffffff1f}#cost-widget-limit{color:var(--text-dim)}#cost-widget-bar{width:32px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}#cost-widget-fill{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .5s ease,background .3s}#cost-widget.warning #cost-widget-fill{background:#e8a030}#cost-widget.danger #cost-widget-fill{background:var(--danger)}#mode-overlay-badge{padding:.35rem .7rem;background:#0f0e0dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:999px;font-size:.75rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}#chat-panel{display:flex;flex-direction:column;background:var(--bg-panel);border-left:var(--glass-border);min-height:0;overflow:hidden}#chat-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:var(--glass-border);background:var(--glass-bg)}#chat-header h1{font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.header-dot{width:8px;height:8px;background:var(--success);border-radius:50%;display:inline-block;animation:glow-dot 2s ease-in-out infinite}#status-badges{display:flex;gap:.5rem}.badge-small{font-size:.72rem;padding:.2em .6em;border-radius:999px;background:#ffffff0d;white-space:nowrap;transition:background .3s,color .3s}.badge-small.over-budget{background:#dd444426;color:var(--danger)}#chat-messages{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;scroll-behavior:smooth}.msg{max-width:82%;padding:.7rem 1rem;border-radius:var(--radius);line-height:1.55;font-size:.93rem;word-wrap:break-word;animation:msg-in .25s ease-out}.msg.user{align-self:flex-end;background:var(--bg-bubble-user);border:1px solid rgba(255,255,255,.04);border-bottom-right-radius:4px}.msg.aria{align-self:flex-start;background:var(--bg-bubble-aria);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,157,201,.12);border-bottom-left-radius:4px;box-shadow:0 2px 12px #7c9dc90f}.msg.welcome-msg{color:var(--text-muted);font-style:italic;border:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding-left:0}.msg .mode-tag{font-size:.68rem;opacity:.5;margin-bottom:.25rem;letter-spacing:.02em}#typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem}#typing-indicator.hidden{display:none}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}.typing-label{font-size:.78rem;color:var(--text-dim);font-style:italic}#speech-preview{padding:.45rem 1.25rem;font-size:.88rem;color:var(--text-muted);font-style:italic;border-top:1px solid rgba(255,255,255,.03);transition:opacity .2s}#speech-preview.hidden{display:none}#speech-preview.final{color:var(--text);font-style:normal}#speech-no-support{padding:.45rem 1.25rem;font-size:.78rem;color:var(--danger);background:#dd44440f;text-align:center}#speech-no-support.hidden{display:none}#chat-form{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border-top:var(--glass-border);background:var(--glass-bg)}#chat-input{flex:1;background:var(--bg);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:.65rem 1rem;color:var(--text);font-family:var(--font);font-size:.93rem;outline:none;transition:border-color .2s,box-shadow .2s}#chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}#chat-input::placeholder{color:var(--text-dim)}#mic-btn,#send-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s,box-shadow .2s;flex-shrink:0}#mic-btn{background:#ffffff0d;color:var(--text-muted)}#mic-btn:hover{background:#ffffff1a;color:var(--text)}#mic-btn.recording{background:#d443;color:#f88;animation:pulse 1.2s ease-in-out infinite}#send-btn{background:var(--accent);color:var(--bg)}#send-btn:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}#send-btn:active{transform:scale(.93)}#mic-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}#mic-wrapper #mic-btn{position:relative;z-index:1}#mic-waveform{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s}#mic-waveform.active{opacity:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius);padding:1.5rem;max-width:400px;width:90%;box-shadow:var(--shadow);animation:modal-in .2s ease-out}.modal-content h2{font-size:1.1rem;font-weight:700;margin-bottom:1rem}#cost-modal-body{font-size:.88rem;line-height:1.6;color:var(--text-muted)}#cost-modal-body .cost-row{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.04)}#cost-modal-body .cost-row:last-child{border-bottom:none}#cost-modal-body .cost-total{color:var(--text);font-weight:600;font-size:.95rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}#cost-modal-close{margin-top:1rem;width:100%;padding:.6rem;background:#ffffff0f;border:var(--glass-border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.88rem;cursor:pointer;transition:background .2s}#cost-modal-close:hover{background:#ffffff1a}@keyframes pulse{0%,to{box-shadow:0 0 #dd44444d}50%{box-shadow:0 0 0 8px #d440}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#chat-messages::-webkit-scrollbar{width:5px}#chat-messages::-webkit-scrollbar-track{background:transparent}#chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}#chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media(max-width:768px){#app{grid-template-columns:1fr;grid-template-rows:40vh 1fr}#chat-panel{border-left:none;border-top:var(--glass-border)}#vrm-overlay-badges{bottom:.6rem;left:.6rem}.msg{max-width:90%}#chat-input{font-size:1rem}}@media(max-width:480px){#chat-header h1{font-size:1rem}.badge-small{font-size:.65rem;padding:.15em .45em}#chat-form{padding:.5rem .75rem}}