.app{flex-direction:column;gap:20px;max-width:640px;min-height:100%;margin:0 auto;padding:20px;display:flex}.header{border-bottom:1.5px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.header h1{font-size:1.35rem}.header .kicker{color:var(--brand);display:block}.signin{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:18vh;display:flex}.signin p{font-weight:600}.recorder{flex-direction:column;align-items:center;gap:18px;display:flex}.model-picker{flex-direction:column;gap:6px;width:100%;display:flex}.model-picker .kicker{color:var(--muted)}.model-picker select{border:1.5px solid var(--line);width:100%;height:2.125rem;color:var(--ink);text-overflow:ellipsis;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236f5b61' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat;border-radius:6px;outline:none;padding:0 2.1rem 0 .75rem;font-family:inherit;font-size:.875rem;font-weight:600;box-shadow:0 2px #0000000a}.model-picker select:focus{border-color:var(--brand)}.model-picker select:disabled{opacity:.5}.model-hint{color:var(--muted);font-size:.75rem;font-weight:600}.talk-btn{letter-spacing:-.02em;border:1.5px solid var(--brand-dark);width:100%;box-shadow:0 3px 0 var(--brand-dark);background:var(--brand);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:10px;padding:30px 24px;font-family:inherit;font-size:1.25rem;font-weight:800;transition:transform 50ms,box-shadow 50ms}.talk-btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.talk-btn.recording{background:var(--danger);border-color:var(--danger-dark);box-shadow:0 3px 0 var(--danger-dark);animation:1.2s ease-in-out infinite pulse}.talk-btn.transcribing{border-color:var(--line-strong);box-shadow:0 3px 0 var(--line-strong);color:var(--muted);cursor:wait;background:#fff}@keyframes pulse{0%,to{outline:4px solid var(--danger-tint)}50%{outline:4px solid #0000}}.transcript{flex-direction:column;gap:12px;width:100%;padding:18px;display:flex}.transcript p{white-space:pre-wrap;font-size:1.05rem;line-height:1.6}.transcript-actions{flex-wrap:wrap;gap:8px;display:flex}.error{background:var(--danger-tint);border:1.5px solid var(--danger);width:100%;color:var(--danger);text-align:center;border-radius:8px;padding:12px 16px;font-size:.875rem;font-weight:600}.timing{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.75rem}.status{text-align:center;color:var(--muted);margin-top:18vh;font-weight:600}:root{--paper:#faedf0;--paper-dark:#f2dbe1;--ink:#151515;--muted:#6f5b61;--line:#e4c8cf;--line-strong:#c9a0ab;--brand:#be185d;--brand-dark:#9d174d;--tint:#fce7f3;--success:#2f9110;--success-dark:#1e6309;--success-tint:#e7f4e0;--danger:#b91c1c;--danger-dark:#7f1d1d;--danger-tint:#fee2e2;--code-bg:#1d1f27;--code-ink:#e8eaf0;--font-sans:"Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:800;line-height:1.15}a{color:var(--brand);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}.btn{--btn-edge:var(--line-strong);border:1.5px solid var(--btn-edge);height:2.125rem;box-shadow:0 2px 0 var(--btn-edge);white-space:nowrap;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-family:inherit;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none;transition:transform 50ms,box-shadow 50ms,filter .1s;display:inline-flex}.btn:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{--btn-edge:var(--brand-dark);background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{color:var(--ink);background:#fff}.btn-secondary:hover:not(:disabled){background:#fff7f8}.btn-danger{--btn-edge:var(--danger-dark);background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{white-space:nowrap;height:2.125rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:0 .65rem;font-family:inherit;font-size:13px;font-weight:700;line-height:1.25;display:inline-flex}.btn-ghost:hover{background:var(--paper-dark);color:var(--ink)}.card{border:1.5px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 2px #0000000f}.input{border:1.5px solid var(--line);width:100%;height:2.125rem;color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:0 .75rem;font-family:inherit;font-size:.875rem;font-weight:600;box-shadow:0 2px #0000000a}.input:focus{border-color:var(--brand)}.kicker{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}