: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}html.window-mode,html.window-mode body,body.window-mode,body.window-mode #app{background:transparent!important}body.window-mode .dev-input,body.window-mode .mic-start{display:none!important}.debug-overlay{position:fixed;left:8px;top:60px;width:min(640px,92vw);max-height:70vh;background:#000000eb;color:#fff;border-radius:8px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.4;z-index:2147483647;display:flex;flex-direction:column;border:2px solid #ff3b6b;box-shadow:0 0 0 2px #ff3b6b66,0 8px 24px #0009}.debug-title{padding:6px 12px;font-weight:800;color:#fff;background:#ff3b6b;letter-spacing:.15em}.debug-log{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 12px;color:#fff}.debug-line{white-space:pre-wrap;word-break:break-all;padding:2px 0;color:#fff}.debug-log .debug-log,.debug-info{color:#9be6ff!important}.debug-warn{color:#ffd86b!important}.debug-error{color:#ff8484!important}.debug-mount{color:#4cde7a!important;font-weight:700}.avatar-toast{position:fixed;top:16px;left:50%;transform:translate(-50%) translateY(-20px);padding:10px 22px;border-radius:999px;background:#000000b3;color:#fff;font-size:16px;font-weight:700;letter-spacing:.08em;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:9998;white-space:nowrap;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.avatar-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.avatar-toast.loading{border-color:#6cc6ff99}.avatar-toast.ok{border-color:#4cde7a99}.avatar-toast.error{border-color:#ff5c5c99;color:#ffd0d0}.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}