:root{color-scheme:light;font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#16211f;background:#f6f8f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand: #176b5b;--brand-dark: #0d443a;--ink: #16211f;--muted: #60706d;--panel: #ffffff;--line: #d9e0dc;--danger: #b42318;--warning: #b26a00;--success: #147a3d;--blue: #22577a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar h1{margin:4px 0 0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.15}.eyebrow{color:var(--brand);font-weight:800}.status-pill{min-width:112px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#fff;color:var(--brand-dark);text-align:center;font-weight:700}.setup-panel,.consent-panel,.family-form,.completion,.recorder-panel,.free-speech-panel,.progress-list{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #14282314}.setup-panel,.consent-panel,.family-form,.completion{max-width:760px;margin:32px auto;padding:28px}.setup-panel svg,.consent-copy svg,.completion svg{width:44px;height:44px;color:var(--brand)}.consent-copy h2,.family-form h2,.completion h2,.progress-list h2{margin:8px 0 10px;font-size:1.45rem}.consent-copy p,.family-form p,.completion p,.prompt-help{color:var(--muted);line-height:1.8}.check-row{display:flex;align-items:flex-start;gap:10px;margin:16px 0;line-height:1.6}.check-row input{width:20px;height:20px;margin-top:4px}.primary-action,.record-action,.draft-actions button,.progress-band button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 18px;background:var(--brand);color:#fff;font-weight:800}.primary-action:hover,.record-action:hover,.draft-actions button:hover,.progress-band button:hover{background:var(--brand-dark)}.primary-action.compact{min-height:42px}.family-form{display:grid;gap:18px}.family-form label{display:grid;gap:8px;font-weight:700}.family-form input,.family-form select,.family-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcfb;color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collector-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.mode-tabs{display:flex;gap:10px;margin:0 0 18px}.mode-tabs button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 16px;background:#fff;color:var(--brand-dark);font-weight:800}.mode-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.recorder-panel{min-height:640px;padding:24px;text-align:center}.free-speech-panel{min-height:620px;padding:24px}.free-speech-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:24px;align-items:start}.free-speech-recorder{text-align:center}.free-speech-recorder h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.3}.free-speech-form{display:grid;gap:14px}.free-speech-form label{display:grid;gap:8px;font-weight:800}.free-speech-form textarea{width:100%;min-height:170px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcfb;color:var(--ink);line-height:1.7}.free-actions{display:flex;flex-wrap:wrap;gap:10px}.secondary-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:0 16px;background:#fff;color:var(--brand-dark);font-weight:800}.free-count{margin:0;color:var(--muted);font-weight:700}.recorder-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:700}.prompt-visual{width:min(280px,70vw);aspect-ratio:1;display:grid;place-items:center;margin:28px auto 18px;border-radius:8px;border:1px solid var(--line);background:#f1f7f4;color:var(--brand-dark);font-size:clamp(3rem,9vw,6rem);font-weight:900}.prompt-visual.free-speech svg{width:86px;height:86px}.prompt-visual.color_red{color:#c52b22}.prompt-visual.color_yellow{color:#c48a00}.prompt-visual.color_blue{color:#1e5b9d}.prompt-visual.color_green{color:#16803a}.prompt-visual.color_black{color:#111}.prompt-visual.color_white{background:#f9faf9;color:#d7d7d7}.prompt-visual.big{font-size:clamp(2.2rem,7vw,4.6rem);color:#1f5b47}.prompt-visual.small{font-size:clamp(1.1rem,4vw,2.2rem);color:#22577a}.prompt-visual.fast{color:#b26a00}.prompt-visual.number_one,.prompt-visual.number_two,.prompt-visual.number_three,.prompt-visual.number_four_five,.prompt-visual.number_six_seven,.prompt-visual.number_eight_nine_ten{color:#4d3b87;font-variant-numeric:tabular-nums}.prompt-text{margin:0;font-size:clamp(2.5rem,7vw,5.4rem);line-height:1.2}.control-row{display:flex;justify-content:center;align-items:center;gap:14px;margin:28px 0 18px}.icon-action{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand-dark)}.record-action{min-width:168px;height:64px;font-size:1.2rem}.record-action.recording{background:var(--danger)}.draft-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:18px 0}.draft-actions span{color:var(--muted);font-weight:700}.draft-actions button{background:var(--blue)}.success-text,.error-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;font-weight:800}.success-text{color:var(--success)}.error-text{color:var(--danger)}.progress-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.progress-band div{display:grid;gap:2px}.progress-band strong{font-size:1.4rem;color:var(--brand-dark)}.progress-band span{color:var(--muted)}.progress-list{max-height:calc(100vh - 142px);overflow:auto;padding:16px}.prompt-buttons{display:grid;gap:8px}.prompt-buttons button{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) 64px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;color:var(--ink);text-align:start}.prompt-buttons button.active{border-color:var(--brand);background:#eaf4f1}.prompt-buttons span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f0f3f1;color:var(--brand-dark);font-weight:800}.prompt-buttons strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-buttons small{color:var(--muted)}.completion{text-align:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.collector-grid,.free-speech-layout{grid-template-columns:1fr}.progress-list{max-height:none}}@media (max-width: 640px){.shell{width:min(100% - 20px,1180px);padding-top:14px}.topbar{align-items:flex-start;flex-direction:column}.setup-panel,.consent-panel,.family-form,.completion,.recorder-panel,.progress-list{padding:18px}.form-grid,.progress-band{grid-template-columns:1fr}.control-row{gap:8px}.record-action{min-width:132px;height:58px}}