:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1f2937;background:#fef3c7;--border: #e5e7eb;--muted: #6b7280;--primary: #1f2937;--primary-fg: #ffffff;--warn: #b45309;--ok: #047857}body{margin:0;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}*{box-sizing:border-box}.screen{width:100%;max-width:28rem;margin:.75rem;padding:1.125rem 1.25rem 1.375rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:.875rem}@media (min-width: 480px){.screen{margin:2rem 1rem;padding:1.5rem;gap:1rem}}.screen header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:600;color:var(--primary);font-size:.9375rem}.progress{display:flex;gap:.375rem}.progress .dot{width:.625rem;height:.625rem;border-radius:999px;background:#e5e7eb}.progress .dot--active{background:var(--primary)}h1{font-size:1.25rem;margin:0;line-height:1.3}h2{font-size:1.0625rem;margin:0;line-height:1.35}@media (min-width: 480px){h1{font-size:1.375rem}h2{font-size:1.125rem}}p{margin:0}.muted{color:var(--muted);font-size:.875rem;line-height:1.4}.loading{padding:4rem 1rem;text-align:center;color:var(--muted)}.choices{display:flex;gap:.75rem}.choices .btn{flex:1;padding:1rem;font-size:1rem}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:8px;background:#fff;color:var(--primary);border:1px solid var(--border);font:inherit;font-size:1rem;cursor:pointer}.btn:hover{background:#f3f4f6}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn--primary:hover{background:#111827}.btn--cautious{background:var(--warn);color:#fff;border-color:var(--warn)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border)}.tab{padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;font:inherit;color:var(--muted);font-size:.875rem;border-bottom:2px solid transparent}.tab--active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}textarea{width:100%;min-height:6rem;padding:.625rem .75rem;border:1px solid var(--border);border-radius:8px;resize:vertical;font:inherit;font-size:.9375rem;line-height:1.4}@media (min-width: 480px){textarea{min-height:8rem}}.recorder{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.recorder .record{align-self:flex-start}.video-preview{width:100%;max-height:14rem;background:#000;border-radius:8px}.recorded{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.recorded audio,.recorded video{width:100%}.consent{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.consent legend{padding:0;margin-bottom:.25rem;font-weight:600;font-size:.9375rem}.consent label,.checkbox{display:flex;gap:.625rem;align-items:flex-start;font-size:.9375rem;line-height:1.35}.consent input[type=radio],.checkbox input{margin-top:.2rem;flex-shrink:0}@media (max-width: 479px){.consent label,.checkbox{font-size:.875rem}textarea{font-size:.9rem}}.send{padding:.875rem 1.25rem;font-size:1rem}.error{padding:.625rem .875rem;border-radius:8px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;font-size:.875rem}.screen--done h1,.screen--invalid h1{font-size:1.5rem}