:root{--ink: #28455c;--honey: #d99a3d;--on-honey: #2e2410;--linen: #f3ede1;--brick: #a44a3f;--gray: #5c554a;--gray-soft: #7a7264;--hairline: #e4dccd;--surface: #fbf7ef;--radius: 18px;--font-display: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--linen);color:var(--ink);min-height:100dvh;font-family:var(--font-body)}.app{max-width:520px;margin:0 auto;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 22px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:26px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;flex:none}.brand-word{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--ink)}.brand-pron{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--gray-soft)}.question-label,.transcript-label{font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--gray-soft);margin:0 0 10px}.question-text{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(28px,7.5vw,36px);line-height:1.18;margin:0;color:var(--ink)}.record-area{display:flex;flex-direction:column;align-items:center;gap:18px;padding:10px 0}.record-btn{width:min(64vw,236px);height:min(64vw,236px);border-radius:50%;border:none;background:var(--honey);color:var(--on-honey);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 12px 34px #d99a3d66,inset 0 0 0 2px #2e241014;transition:transform .08s ease,background .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.record-btn:active{transform:scale(.97)}.record-btn:disabled{opacity:.55;cursor:default}.record-btn-inner{width:52px;height:52px;border-radius:50%;background:var(--ink);transition:border-radius .2s ease,background .2s ease,transform .2s ease}.record-btn.recording{background:var(--ink);color:var(--linen);box-shadow:0 12px 34px #28455c66,inset 0 0 0 2px #f3ede11a}.record-btn.recording .record-btn-inner{border-radius:9px;background:var(--honey);transform:scale(.66)}.record-label{font-family:var(--font-body);font-size:18px;font-weight:700}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;letter-spacing:0;color:var(--ink)}.rec-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--brick);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--brick);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.status{display:flex;justify-content:center}.status-pill{padding:8px 20px;border-radius:999px;background:var(--surface);border:1px solid var(--hairline);font-family:var(--font-body);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-soft)}.status-pill[data-state=recording]{color:var(--brick);border-color:#a44a3f59}.status-pill[data-state=uploading],.status-pill[data-state=transcribing]{color:var(--honey);border-color:#d99a3d73}.status-pill[data-state=done]{color:var(--ink);border-color:#28455c59}.status-pill[data-state=error]{color:var(--brick);border-color:#a44a3f66}.transcript-block{flex:1}.transcript{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px;min-height:120px;line-height:1.55;font-size:18px;white-space:pre-wrap;color:var(--ink)}.transcript.placeholder{color:var(--gray-soft)}.footer{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.footer-mayse{font-size:18px;color:var(--gray-soft);opacity:.75}.debug{font-family:var(--font-body);font-size:11px;color:var(--gray-soft);opacity:.7;min-height:14px;word-break:break-all}