html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0b1220;--bg-elevated:#111827;--card:#111827eb;--border:#94a3b838;--text:#f1f5f9;--muted:#94a3b8;--accent:#22d3ee;--accent-2:#60a5fa;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--chip-bg:#94a3b826;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--bg-elevated:#fff;--card:#fff;--border:#0f172a1f;--text:#0f172a;--muted:#64748b;--chip-bg:#0f172a0f}}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(ellipse 120% 80% at 50% -20%, #22d3ee1f, transparent), var(--bg);margin:0}.app{flex-direction:column;gap:.85rem;width:min(560px,100%);margin:0 auto;display:flex}.app-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.app-logo{border-radius:10px;flex-shrink:0}.app-header-text{flex:1;min-width:140px}.app-header h1{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.app-subtitle{color:var(--muted);margin:.15rem 0 0;font-size:.8rem}.chip{text-transform:uppercase;letter-spacing:.04em;background:var(--chip-bg);border:1px solid var(--border);border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.chip-idle{color:var(--muted)}.chip-listening{color:var(--success);background:#34d3991f;border-color:#34d39973}.chip-error{color:var(--danger);background:#f871711a;border-color:#f8717173}.chip-timeout{color:var(--warning);background:#fbbf241f;border-color:#fbbf2473}.platform-note{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:12px;margin:0;padding:.75rem .9rem;font-size:.85rem;line-height:1.45}.platform-note strong{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem 1.05rem;box-shadow:0 12px 32px #0206171f}.card-compact h2{margin-bottom:.5rem}.card h2{margin:0 0 .35rem;font-size:1rem;font-weight:700}.card-hint{color:var(--muted);margin:0 0 .75rem;font-size:.82rem;line-height:1.4}.hash-row,.phone-row{flex-direction:column;gap:.65rem;display:flex}@media (width>=400px){.hash-row{flex-direction:row;align-items:center}.hash-row .mono-out{flex:1}.phone-row{flex-direction:row;align-items:stretch}.phone-row input{flex:1}}.mono-out{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}#hash-value{border:1px solid var(--border);word-break:break-all;background:#0f172a59;border-radius:10px;padding:.65rem .75rem;display:block}@media (prefers-color-scheme:light){#hash-value{background:#f8fafc}}.actions{flex-wrap:wrap;gap:.55rem;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:.62rem 1.05rem;font-size:.9rem;font-weight:600;transition:filter .15s}.btn:hover{filter:brightness(1.06)}.btn:active{filter:brightness(.95)}.btn-primary{color:#0f172a;background:linear-gradient(120deg, var(--accent), var(--accent-2))}.btn-secondary{color:var(--text);background:var(--chip-bg);border:1px solid var(--border)}input#phone-display{border:1px solid var(--border);width:100%;color:inherit;background:#0f172a59;border-radius:10px;padding:.65rem .75rem;font-size:.95rem}@media (prefers-color-scheme:light){input#phone-display{background:#f8fafc}}.result-line{color:var(--muted);word-break:break-word;margin:.65rem 0 0;font-size:.82rem}.pane{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#0f172a59;border-radius:10px;min-height:72px;max-height:160px;margin:0;padding:.75rem;overflow:auto}@media (prefers-color-scheme:light){.pane{background:#f8fafc}}.pane-log{max-height:200px;font-size:.78rem;line-height:1.45}