:root{--bg: #f0f4f8;--surface: #ffffff;--border: #9ca3af;--text: #111827;--sub: #374151;--meta: #4b5563;--accent: #1050b3;--accent2: #0e6e50;--ok: #145a2e;--warn: #7c4a00;--err: #9b1a22;--font-mono:"Space Mono", monospace;--font-body:"DM Sans", sans-serif;--r: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:18px;font-weight:500;line-height:1.7;min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}header{position:relative;display:flex;align-items:center;padding:10px 24px;border-bottom:2px solid var(--border);background:var(--surface)}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text)}.logo-gem{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.hidden-settings-btn{position:absolute;top:0;right:0;width:24px;height:24px;padding:0;border:none;border-radius:0 0 0 4px;background:transparent;opacity:0;cursor:default}.command-bar{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--surface);border-bottom:2px solid var(--border)}button,select{background:var(--surface);border:2px solid var(--border);color:var(--text);border-radius:var(--r);font-family:var(--font-mono);font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#connect-btn{padding:9px 22px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}#connect-btn:hover{background:#0a3d8a;border-color:#0a3d8a}.lang-btn{margin-left:auto;padding:9px 18px;background:#c81e2c;border-color:#c81e2c;color:#fff;font-weight:700}.lang-btn:not(:disabled):hover{background:#a8121e;border-color:#a8121e}.lang-btn:disabled{opacity:.5;cursor:not-allowed}main{position:relative;overflow:hidden;background:linear-gradient(180deg,#dde7f3,#c9d8ec)}#vrm-container{position:absolute;top:0;right:0;bottom:0;left:0}#vrm-canvas{display:block;width:100%;height:100%}.settings-panel{position:absolute;top:16px;right:16px;width:300px;max-width:calc(100% - 32px);background:#fffffff0;border:2px solid var(--border);border-radius:var(--r);padding:16px;z-index:40;box-shadow:0 4px 16px #00000026}.settings-panel.hidden{display:none}.settings-panel h2{font-family:var(--font-mono);font-size:16px;margin-bottom:8px}.settings-panel h3{font-family:var(--font-mono);font-size:13px;color:var(--meta);margin-top:12px;margin-bottom:4px}.settings-panel label{display:flex;align-items:center;gap:8px;font-size:13px;font-family:var(--font-mono);margin-bottom:4px}.settings-panel input[type=range]{flex:1}.settings-panel span{min-width:2.5em;text-align:right}#settings-close-btn{margin-top:12px;padding:6px 14px;width:100%}.bottom-status-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--surface);border-top:2px solid var(--border)}#status-area{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--sub);cursor:pointer;overflow:hidden;flex:1;min-width:0}#status-dot{width:14px;height:14px;border-radius:50%;background:var(--meta);transition:background .3s;flex-shrink:0;border:2px solid var(--border)}#status-text{transition:color .3s;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-history{position:absolute;left:24px;bottom:64px;width:min(420px,calc(100% - 48px));max-height:200px;overflow-y:auto;background:var(--surface);border:2px solid var(--border);border-radius:var(--r);padding:8px 12px;box-shadow:0 4px 16px #00000026;font-family:var(--font-mono);font-size:13px;color:var(--sub);z-index:50}.status-history.hidden{display:none}.status-history div{padding:4px 0;border-bottom:1px solid var(--bg)}.status-history div:last-child{border-bottom:none}#pulse-canvas{width:160px;height:40px;flex-shrink:0;opacity:0;transition:opacity .2s}#pulse-canvas.active{opacity:1}@media (max-width: 680px){#pulse-canvas{width:100px}}#ptt-btn{width:64px;height:64px;border-radius:50%;border:3px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;transition:transform .15s,border-color .2s,background .2s;-webkit-user-select:none;user-select:none}#ptt-btn:not(:disabled):hover{border-color:var(--accent);background:#eef3ff;transform:scale(1.05)}#ptt-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(40%)}#ptt-btn[data-state=recording]{border-color:var(--accent);background:#dce8ff;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #1050b366}50%{box-shadow:0 0 0 14px #1050b300}}#ptt-btn[data-state=speaking]{border-color:var(--ok);background:#d6f5e4}#ptt-icon{font-size:28px;line-height:1;pointer-events:none}@media (max-width: 680px){body{font-size:16px}header{padding:8px 14px}.command-bar,.bottom-status-bar{padding:8px 14px}.settings-panel{width:calc(100% - 24px)}}