:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(12.9% .042 264.695);--card:oklch(100% 0 0);--card-foreground:oklch(12.9% .042 264.695);--popover:oklch(100% 0 0);--popover-foreground:oklch(12.9% .042 264.695);--primary:oklch(20.8% .042 265.755);--primary-foreground:oklch(98.4% .003 247.858);--secondary:oklch(96.8% .007 247.896);--secondary-foreground:oklch(20.8% .042 265.755);--muted:oklch(96.8% .007 247.896);--muted-foreground:oklch(55.4% .046 257.417);--accent:oklch(96.8% .007 247.896);--accent-foreground:oklch(20.8% .042 265.755);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.9% .013 255.508);--input:oklch(92.9% .013 255.508);--ring:oklch(70.4% .04 256.788);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:var(--background);--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--bg:oklch(92.9% .013 255.508);--panel:color-mix(in srgb, var(--background) 90%, transparent);--line:var(--border);--shadow:0 1px 2px #0f172a0f, 0 6px 20px #0f172a14;--text:var(--foreground);--text-muted:var(--muted-foreground);--brand:#4f46e5;--on-brand:#fff;--ok:#059669;--ok-text:#047857;--warn:#fbbf24;--warn-text:#b45309;--on-warn:#1c1917;--ng:var(--destructive);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%, var(--background) 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif}.app{height:100%;position:relative;overflow:hidden}.stage{width:100%;height:100%;display:block}.topbar{top:calc(env(safe-area-inset-top) + 12px);pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.pill{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.pill--listening .dot{background:var(--ok)}.pill--speaking .dot{background:var(--brand);animation:1.1s ease-in-out infinite pulse}.pill--thinking .dot{background:var(--warn-text);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.hint{top:calc(env(safe-area-inset-top) + 56px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#78350f;background:#fffbebeb;border:1px solid #fcd34d;border-radius:12px;margin:0;padding:10px 14px;font-size:12px;line-height:1.7;position:absolute;left:16px;right:16px}.hint code{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:4px;padding:1px 5px;font-size:11px}.captions{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 92px);pointer-events:none;flex-direction:column;justify-content:flex-end;gap:6px;max-height:34vh;padding:0 16px;display:flex;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}.caption{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;margin:0;padding:8px 12px;font-size:14px;line-height:1.6}.caption--candidate{background:color-mix(in srgb, var(--brand) 8%, var(--panel));align-self:flex-end}.caption--partial{opacity:.6}.caption__who{color:var(--text-muted);margin-right:8px;font-size:11px}.overlay{justify-content:center;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.card{width:min(420px,100%);max-height:calc(100% - env(safe-area-inset-top) - 24px);padding:28px 24px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);text-align:center;border-radius:20px;overflow-y:auto}.card h1{letter-spacing:.04em;margin:0 0 8px;font-size:22px}.lede{color:var(--text-muted);text-align:left;margin:0 0 20px;font-size:14px;line-height:1.75}.lede.error{color:var(--ng)}.note{color:var(--text-muted);margin:12px 0 0;font-size:12px}.checks{text-align:left;margin:0 0 20px;padding:0;font-size:13px;list-style:none}.checks li{color:var(--text-muted);gap:10px;padding:6px 0;display:flex}.checks li span{text-align:center;width:14px}.checks li.ok{color:var(--text)}.checks li.ok span{color:var(--ok-text)}.checks li.warn span{color:var(--warn-text)}.checks li.ng span{color:var(--ng)}.mic-meter{border:1px solid var(--line);background:var(--secondary);border-radius:999px;height:18px;margin:0 0 14px;overflow:hidden}.mic-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--ok), var(--warn));min-width:2px;height:100%;transition:width 80ms linear;display:block}.mic-confirmed{color:var(--ok-text);margin:0 0 18px;font-size:14px;font-weight:600}.mic-help-button{margin-top:16px}.mic-help-summary{color:var(--text);text-align:left;margin:-6px 0 16px;font-size:13px;line-height:1.7}.mic-help-steps{text-align:left;margin:0 0 20px}.mic-help-steps details{border-top:1px solid var(--line)}.mic-help-steps details:last-child{border-bottom:1px solid var(--line)}.mic-help-steps summary{color:var(--text);cursor:pointer;padding:12px 2px;font-size:13px;font-weight:600;line-height:20px}.mic-help-steps p,.mic-help-steps ol{color:var(--text-muted);margin:0 0 12px;font-size:12px;line-height:1.75}.mic-help-steps ol{padding-left:22px}button{font:inherit;cursor:pointer}.primary{background:var(--brand);width:100%;color:var(--on-brand);border:0;border-radius:14px;padding:15px;font-size:16px;font-weight:600}.primary:disabled{background:var(--secondary);color:var(--text-muted)}a.primary{box-sizing:border-box;text-align:center;text-decoration:none;display:block}:where(.overlay .card .primary)+:where(.ghost){margin-top:12px}a.ghost{margin-top:12px;text-decoration:none;display:inline-block}.ghost,.danger{border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:12px 18px;font-size:14px}.ghost--off{color:var(--ng);border-color:color-mix(in srgb, var(--ng) 40%, transparent)}.danger{color:var(--ng)}.controls{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 20px);justify-content:center;gap:12px;display:flex;position:absolute}.banner{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 84px);background:var(--warn);color:var(--on-warn);box-shadow:inset 0 0 0 1px var(--warn-text), var(--shadow);border:0;border-radius:12px;padding:12px;font-size:14px;font-weight:600;position:absolute}.mic-silence{top:calc(env(safe-area-inset-top) + 56px);border:1px solid var(--warn-text);background:var(--warn);max-height:55vh;box-shadow:var(--shadow);color:var(--on-warn);border-radius:12px;padding:12px 14px;font-size:13px;position:absolute;left:16px;right:16px;overflow-y:auto}.mic-silence-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;display:flex}.mic-silence-close{min-width:44px;min-height:44px;color:var(--on-warn);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:-12px -14px -12px 0;padding:0;font-size:18px;line-height:1;display:inline-flex}.mic-silence .note{color:var(--on-warn);margin:6px 0 0}.mic-silence-steps{margin:8px 0 0;padding-left:20px;font-size:12px}.mic-silence-guides{margin-top:10px;font-size:12px}.mic-silence-guides summary{cursor:pointer;padding:13px 0;line-height:18px}.mic-silence-guides ol{margin:6px 0 0;padding-left:20px}.spinner{border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.debug-toggle{top:calc(env(safe-area-inset-top) + 12px);border:1px solid var(--line);background:var(--panel);color:var(--text-muted);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:8px 12px;font-size:12px;position:absolute;right:12px}.debug{top:calc(env(safe-area-inset-top) + 52px);border:1px solid var(--line);background:var(--panel);width:min(300px,100% - 24px);max-height:70vh;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:16px;font-size:12px;position:absolute;right:12px;overflow-y:auto}.debug h2{color:var(--text-muted);letter-spacing:.1em;margin:0 0 12px;font-size:12px}.debug dl{grid-template-columns:4.5em 1fr;gap:4px 8px;margin:0 0 16px;display:grid}.debug dt{color:var(--text-muted)}.debug dd{overflow-wrap:anywhere;margin:0}.slider{margin-bottom:12px;display:block}.slider span{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;display:flex}.slider b{color:var(--text);font-weight:500}.slider input{width:100%;accent-color:var(--brand)}.vowels{gap:6px;margin-bottom:10px;display:flex}.vowels button{border:1px solid var(--line);color:var(--text-muted);background:0 0;border-radius:8px;flex:1;padding:6px 0;font-size:13px}.vowels button.vowels__on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--text)}.layers{flex-direction:column;gap:2px;margin-top:12px;display:flex}.layers>span{color:var(--text-muted);margin-bottom:4px}.layers label{align-items:center;gap:6px;padding:2px 0;display:flex}.layers input{accent-color:var(--brand)}.reports{background:var(--secondary);max-height:40vh;color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:12px 0 0;padding:8px;font-size:10px;line-height:1.5;overflow:auto}.debug__actions{gap:8px;display:flex}.debug__actions .ghost{flex:1;padding:8px;font-size:12px}