:root{--accent: #6cc6ff;--bg: #0e1116}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);font-family:Hiragino Sans,Yu Gothic UI,Segoe UI,sans-serif;color:#fff}#app{position:relative;width:100vw;height:100vh}#avatar-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.subtitle{position:absolute;left:50%;bottom:12%;transform:translate(-50%);max-width:80%;padding:14px 20px;background:#0000008c;border-radius:16px;font-size:clamp(16px,4vw,24px);line-height:1.5;text-align:center;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease;white-space:pre-wrap}.subtitle.visible{opacity:1}.status{position:absolute;top:16px;left:16px;font-size:13px;padding:6px 12px;border-radius:999px;background:#ffffff1a;color:var(--accent)}.dev-input{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;width:min(90%,520px)}.dev-input input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#fff;font-size:15px}.dev-input button{padding:10px 18px;border-radius:10px;border:none;background:var(--accent);color:#04222f;font-weight:700;cursor:pointer}body.production .dev-input{display:none}body.window-mode,body.window-mode #app{background:transparent!important}body.window-mode .dev-input,body.window-mode .mic-start{display:none!important}.env-badge{position:absolute;top:16px;right:16px;font-size:12px;padding:4px 10px;border-radius:999px;background:#6cc6ff26;color:var(--accent)}.mic-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 28px;border-radius:999px;border:none;background:var(--accent);color:#04222f;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 32px #6cc6ff66;z-index:10}.mic-start:disabled{opacity:.6;cursor:wait}