:root{--bg: #f4f6f8;--panel: #ffffff;--text: #1a1d24;--text-dim: #57626f;--accent: #f9635e;--accent-soft: rgba(249, 99, 94, .12);--warn: #f5a623;--danger: #dd4146;--border: #e1e6ec;--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));gap:20px}.app-header{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:28px;height:28px;display:block}.brand-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.header-actions{display:inline-flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;min-width:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,background .15s ease}.icon-button:hover{color:var(--text)}.icon-button:active{background:var(--bg)}.icon-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.icon-button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lang-toggle{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.lang-toggle button{border:none;background:transparent;color:var(--text-dim);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease;min-width:48px}.lang-toggle button[aria-pressed=true]{background:var(--accent);color:#fff}.lang-toggle button:disabled{opacity:.45;cursor:not-allowed}.mic-button{margin-top:auto;width:160px;height:160px;border-radius:50%;border:none;background:var(--panel);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px #141e321a;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.mic-button:disabled{opacity:.4;cursor:not-allowed}.mic-button:not(:disabled):active{transform:scale(.96)}.mic-button.is-recording{background:var(--accent);color:#fff;animation:mic-pulse 1.4s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft),0 4px 18px #141e321a}50%{box-shadow:0 0 0 22px #f9635e00,0 4px 18px #141e321a}}.mic-button svg{width:64px;height:64px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.meter{width:100%;max-width:260px;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:-8px}.meter-label{margin:0;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--text-dim);transition:color .2s ease}.meter-bar{width:100%;height:4px;border-radius:999px;background:var(--border);overflow:hidden;opacity:0;transition:opacity .2s ease}.meter-fill{height:100%;width:100%;border-radius:999px;background:var(--accent);transition:width .2s linear,background .2s ease}.meter[data-level=ok] .meter-bar,.meter[data-level=warn] .meter-bar,.meter[data-level=urgent] .meter-bar{opacity:1}.meter[data-level=ok] .meter-label{color:var(--text)}.meter[data-level=warn] .meter-label{color:var(--warn);font-weight:600}.meter[data-level=warn] .meter-fill{background:var(--warn)}.meter[data-level=urgent] .meter-label{color:var(--danger);font-weight:700}.meter[data-level=urgent] .meter-fill{background:var(--danger)}.status{margin:0;color:var(--text-dim);font-size:.95rem;min-height:1.2em;text-align:center}.status.is-error{color:var(--danger)}.status.is-warn{color:var(--warn);font-weight:600}.status.is-connected{color:var(--accent);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transcript{width:100%;max-width:520px;min-height:3em;padding:16px 18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1.05rem;line-height:1.5;text-align:center;word-break:break-word;-webkit-user-select:text;user-select:text}.transcript:empty:before{content:attr(data-placeholder);color:var(--text-dim)}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}.scan-overlay[hidden]{display:none}.scan-frame{position:relative;width:min(78vw,320px);aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;background:#000}.scan-video{width:100%;height:100%;object-fit:cover;display:block}.scan-reticle{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:3px solid rgba(255,255,255,.85);border-radius:12px;box-shadow:0 0 0 9999px #00000073;pointer-events:none}.scan-hint{margin:0;color:#ffffffe6;font-size:.95rem;text-align:center}.scan-cancel{margin-top:8px;padding:10px 28px;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scan-cancel:active{background:#ffffff40}@media (prefers-reduced-motion: reduce){.mic-button,.mic-button.is-recording{animation:none;transition:none}.meter-fill{transition:none}}