:root{--bg: #0a0a0f;--bg-grad-1: #11111a;--bg-grad-2: #0a0a0f;--panel: #16161f;--panel-2: #1d1d28;--text: #ececf2;--muted: #8a8a9a;--muted-2: #5c5c6a;--accent: #ff6a3d;--accent-2: #ffb199;--accent-glow: rgba(255, 106, 61, .25);--good: #3ddc84;--danger: #ff5a5a;--border: #262632;--border-strong: #34344a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.5;background:radial-gradient(1200px 600px at 20% -10%,rgba(255,106,61,.1),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(100,120,255,.06),transparent 60%),linear-gradient(180deg,var(--bg-grad-1),var(--bg-grad-2));background-attachment:fixed;overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased}.app{max-width:680px;margin:0 auto;padding:28px 20px 140px;min-height:100%}.brand{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:28px;font-weight:500}.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff05}.intro .greet{color:var(--accent);font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:10px}.intro h1{font-size:30px;line-height:1.15;margin:0 0 14px;letter-spacing:-.01em}.intro p{color:#c4c4d0;margin:0 0 16px}.tip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#ff6a3d14;border:1px solid rgba(255,106,61,.22);border-radius:12px;color:#e4cbbf!important;font-size:15px!important;margin:20px 0 24px!important}.mic-glyph{font-size:18px;line-height:1.2}.progress{display:flex;gap:4px;margin-bottom:16px}.progress .seg{flex:1;height:4px;border-radius:2px;background:#ffffff0f;transition:background .25s ease}.progress .seg.done{background:var(--accent)}.progress .seg.current{background:var(--accent-2);box-shadow:0 0 10px var(--accent-glow)}.block-tag{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-weight:600;margin-bottom:10px}.q-card{padding:26px 22px}.q-prompt{font-size:22px;line-height:1.3;margin:0 0 18px;letter-spacing:-.005em;font-weight:500}.q-prompt-sm{font-size:15px;font-weight:500;line-height:1.4;margin:0 0 10px}.answer-input{width:100%;background:#00000040;border:1px solid var(--border-strong);border-radius:14px;padding:16px;color:var(--text);font:inherit;font-size:17px;line-height:1.55;resize:none;min-height:140px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none}.answer-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.answer-input::placeholder{color:var(--muted-2)}.actions{display:flex;gap:10px;margin-top:18px}.btn{flex:1;min-height:50px;padding:0 18px;border-radius:14px;border:1px solid var(--border-strong);background:#ffffff05;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:transform .08s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(180deg,#ff7a4d,#ff5a26);color:#fff;border-color:transparent;box-shadow:0 8px 24px #ff5a2659}.btn.primary:disabled{background:#2a2a36;color:var(--muted-2);box-shadow:none}.btn.ghost{background:transparent}.btn.big{min-height:56px;font-size:16px}.btn:disabled{opacity:.6;cursor:default}.review-item{cursor:pointer;transition:border-color .15s ease,transform .08s ease}.review-item:hover{border-color:var(--border-strong)}.review-item:active{transform:scale(.995)}.review-item.needs-attention{border-color:#ff6a3d59;background:linear-gradient(180deg,rgba(255,106,61,.06),var(--panel-2))}.review-item.needs-attention:hover{border-color:var(--accent)}.section-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--accent);margin:20px 4px 10px}.section-label.subtle{color:var(--muted)}.answer-preview{color:#c4c4d0;font-size:14px;line-height:1.5;max-height:4.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.answer-preview.empty{color:var(--muted-2);font-style:italic}.sticky-actions{position:sticky;bottom:12px;display:flex;gap:10px;padding:12px;background:#0a0a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;margin-top:8px;box-shadow:0 -8px 30px #00000059}.small{font-size:13px;color:var(--muted)}.center{text-align:center}.done h1{font-size:30px;margin:20px 0 14px;letter-spacing:-.01em}.done p{color:#c4c4d0}.sig{color:var(--muted)!important;margin-top:24px!important;font-style:italic}.err{color:var(--danger);font-size:14px;margin-top:8px}@media (max-width: 500px){.app{padding:22px 16px 140px}.intro h1,.done h1{font-size:26px}.q-prompt{font-size:20px}.card{padding:22px 18px;border-radius:18px}}