:root{--ink:#1d1d1f;--text-secondary:#6e6e73;--muted:#86868b;--band:#f5f5f7;--hairline:#e8e8ed;--accent:#3a86ff;--warn:#b3261e}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.screen{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;padding:24px 24px 28px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);margin-bottom:36px;font-size:15px;font-weight:600;text-decoration:none}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600}.eyebrow-blue{color:var(--accent)}.prompt-h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 10px;font-size:clamp(24px,6vw,30px);font-weight:700;line-height:1.15}.subtext{color:var(--text-secondary);margin:0 0 22px;font-size:15px;line-height:1.5}.toggle{background:var(--band);border-radius:980px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:980px;padding:9px 0;font-family:inherit;font-size:14px;font-weight:500}.toggle button.active{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.toggle button:disabled{opacity:.4;cursor:default}.answer-box{width:100%;min-height:130px;color:var(--ink);background:var(--band);border:1px solid var(--hairline);resize:vertical;border-radius:16px;outline:none;padding:16px 18px;font-family:inherit;font-size:16px;line-height:1.5}.answer-box::placeholder{color:#1d1d1f59}.answer-box:focus{border-color:var(--ink)}.helper{color:var(--muted);margin:10px 2px 0;font-size:13px}.spacer{flex:1;min-height:28px}.cta{text-align:center;background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:980px;width:100%;padding:15px 0;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.cta:hover{background:#000}.cta:disabled{opacity:.55;cursor:default}.link-blue{color:var(--accent);text-align:center;cursor:pointer;background:0 0;border:none;margin:16px auto 0;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:block}.footnote{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12.5px}.error-note{color:var(--warn);text-align:center;margin:12px 0 0;font-size:13.5px}.record-stage{flex-direction:column;align-items:center;gap:18px;padding:24px 0 8px;display:flex}.stop-btn{background:var(--ink);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.stop-btn:after{content:"";background:#fff;border-radius:6px;width:22px;height:22px}.rec-status{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.rec-dot{background:var(--warn);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.waveform{align-items:center;gap:3px;height:36px;display:flex}.waveform span{background:var(--ink);border-radius:2px;width:3px;animation:1s ease-in-out infinite wave}@keyframes wave{0%,to{height:8px}50%{height:30px}}.live-transcript{background:var(--band);width:100%;min-height:64px;color:var(--text-secondary);border-radius:14px;padding:14px 16px;font-size:14px;font-style:italic;line-height:1.55}.sample-card{text-align:left;border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:16px;width:100%;margin-bottom:12px;padding:18px 20px;font-family:inherit;transition:border-color .15s}.sample-card.selected{border:1.5px solid var(--ink)}.sample-meta{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.sample-meta strong{font-size:13.5px;font-weight:600}.sample-meta span{color:var(--muted);font-size:12px}.sample-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:14.5px;line-height:1.55}.echo-card{background:var(--band);border-radius:14px;margin-bottom:20px;padding:14px 16px}.echo-card .eyebrow{margin-bottom:4px}.echo-card p{margin:0;font-size:14px;line-height:1.5}.profile-card{border:1px solid var(--hairline);background:#fff;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.profile-card-head{background:var(--band);border-bottom:1px solid var(--hairline);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.profile-card-body{white-space:pre-wrap;max-height:320px;color:var(--ink);padding:16px 18px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;overflow:hidden}.profile-fade{pointer-events:none;background:linear-gradient(#fff0,#fff 85%);height:110px;position:absolute;bottom:0;left:0;right:0}.email-input{width:100%;color:var(--ink);background:#fff;border:1px solid #1d1d1f29;border-radius:980px;outline:none;margin-bottom:10px;padding:13px 20px;font-family:inherit;font-size:15px}.email-input:focus{border-color:var(--ink)}.working{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex}.working .dot-pulse{background:var(--ink);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite blink}.samples{display:block}@media (min-width:900px){.screen{justify-content:center;max-width:640px;padding:96px 24px}.screen--wide{max-width:880px}.brand{z-index:10;margin:0;position:fixed;top:28px;left:32px}.prompt-h1{font-size:32px}.spacer{flex:none;min-height:36px}.cta{max-width:400px;margin-left:auto;margin-right:auto}.email-input{max-width:400px;margin-left:auto;margin-right:auto;display:block}.samples{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;display:grid}.samples .sample-card{height:100%;margin-bottom:0}}