:root{--accent: #0f766e;--page-bg: #f6fbfa;--text: #122026;--muted: #5c6b73;--card: #ffffff;--border: rgba(15, 23, 42, .08);--shadow: 0 20px 50px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--page-bg)}button{font:inherit}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.shell{width:min(100%,760px);display:grid;gap:18px}.topbar,.status-card,.transcript-card,.selector{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:16px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.topbar h1{margin:0;font-size:clamp(28px,5vw,42px)}.ghost,.pill,.mode{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:999px;cursor:pointer}.ghost{padding:12px 18px}.selector,.mode-switch{display:flex;gap:10px;padding:10px}.pill,.mode{flex:1;padding:12px 16px}.pill.active,.mode.active{border-color:color-mix(in srgb,var(--accent) 40%,white);background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:700}.hero{display:grid;gap:18px;justify-items:center}.status-card{width:100%;padding:28px 22px;text-align:center}.status-label{font-size:clamp(38px,10vw,72px);line-height:1;font-weight:800;color:var(--accent)}.status-subtitle{margin-top:12px;color:var(--muted);font-size:18px}.main-button{width:min(100%,300px);aspect-ratio:1;border-radius:999px;border:0;background:var(--accent);color:#fff;font-size:clamp(30px,6vw,42px);font-weight:800;box-shadow:0 24px 50px color-mix(in srgb,var(--accent) 34%,transparent);cursor:pointer}.error-box{width:100%;padding:14px 16px;border-radius:18px;background:#fff5f5;color:#9f1239;border:1px solid rgba(190,24,93,.16);text-align:center}.transcript-card{padding:20px 22px;display:grid;gap:18px}.transcript-label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.transcript-text{font-size:18px;line-height:1.45}@media (max-width: 640px){.page{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.ghost{width:100%}.selector,.mode-switch{flex-direction:column}.main-button{width:min(100%,260px)}}