*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f6f8;--card:#fff;--text:#1a1a2e;--muted:#5a6270;--accent:#1d4ed8;--accent-dark:#1e40af;--danger:#b91c1c;--ok:#15803d;--border:#d7dbe2}html,body{background:var(--bg);min-width:320px;color:var(--text);-webkit-text-size-adjust:100%;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,system-ui,sans-serif;line-height:1.7}.app{max-width:640px;margin:0 auto;padding:16px 12px 48px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 16px}h1{margin-bottom:8px;font-size:1.35rem}h2{border-left:4px solid var(--accent);margin:20px 0 8px;padding-left:8px;font-size:1.05rem}.subtitle{color:var(--muted);margin-bottom:12px;font-size:.9rem}.guidance{padding-left:1.4em;font-size:.95rem}.guidance li{margin:2px 0}.field{margin:12px 0;font-size:.95rem;display:block}.field input{border:1px solid var(--border);border-radius:8px;width:100%;margin-top:4px;padding:10px;font-size:1rem;display:block}.consents{flex-direction:column;gap:8px;display:flex}.consent{align-items:flex-start;gap:8px;font-size:.92rem;display:flex}.consent input{flex-shrink:0;width:18px;height:18px;margin-top:5px}.note{color:var(--muted);margin-top:12px;font-size:.85rem}.error{color:var(--danger);margin-top:12px;font-weight:600}button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;width:100%;margin-top:12px;padding:12px 16px;font-size:1rem}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:active{background:var(--accent-dark)}button.big{padding:16px;font-size:1.15rem}button.danger{border-color:var(--danger);color:var(--danger);background:#fff}.checks{flex-direction:column;gap:8px;margin-top:16px;list-style:none;display:flex}.checks li{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.95rem;display:flex;position:relative;overflow:hidden}.checks li[data-status=ok]{border-color:var(--ok)}.checks li[data-status=fail]{border-color:var(--danger)}.check-icon{width:1.2em;font-weight:700}li[data-status=ok] .check-icon{color:var(--ok)}li[data-status=fail] .check-icon{color:var(--danger)}.check-detail{color:var(--muted);flex-basis:100%;padding-left:1.7em;font-size:.82rem}.level-meter{background:var(--ok);height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.tone-confirm{border:1px solid var(--accent);border-radius:8px;margin-top:12px;padding:12px}.draft-notice{color:var(--danger);margin-bottom:8px;font-size:.85rem}.preview-wrap{text-align:center;margin-top:12px}.camera-preview{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:8px;width:100%;max-width:360px}.self-view{text-align:right;margin-bottom:12px;position:relative}.self-view video{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:8px;width:128px}.self-view.hidden-view video{display:none}.self-view-toggle{width:auto;margin-top:4px;padding:4px 10px;font-size:.75rem;display:inline-block}.interview .statusbar{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.9rem;display:flex}.rec{color:var(--danger);align-items:center;gap:6px;font-weight:700;display:inline-flex}.rec-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1.2s infinite blink}@keyframes blink{50%{opacity:.2}}.conn{color:var(--muted)}.question-area{background:#f0f4ff;border-radius:8px;min-height:160px;padding:16px}.question-label{color:var(--muted);margin-bottom:8px;font-size:.82rem}.question-text{font-size:1.15rem;font-weight:600;line-height:1.8}.status-message{color:var(--danger);margin-top:12px;font-size:.9rem}.turn-area{text-align:center;margin-top:16px}.turn-status{color:var(--muted);font-size:1rem;font-weight:600}.turn-status.answering{color:var(--ok)}.retry-notice{color:var(--danger);margin-top:8px;font-size:.95rem;font-weight:600}button.answer-done{min-height:56px}button.answer-done:disabled{color:#f0f0f3;cursor:not-allowed;background:#c5cbd6;border-color:#c5cbd6}button.answer-done:focus-visible{outline:3px solid var(--accent-dark);outline-offset:2px}.answer-note{text-align:center;margin-top:6px}.trouble{margin-top:24px}.trouble-panel{border:1px solid var(--border);border-radius:8px;margin-top:8px;padding:12px}.trouble-report{color:var(--muted);margin-top:8px;font-size:.85rem;list-style:none}.saving-area{text-align:center;padding:32px 0}.spinner{font-size:2rem}.saving-steps{flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px;font-size:.95rem;list-style:none;display:inline-flex}.saving-steps .step-done{color:var(--ok)}.saving-steps .step-active{font-weight:600}button{touch-action:manipulation}a{color:var(--accent)}.diag-list{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;list-style:none;display:flex}.playback-wrap{margin-top:16px}@media (orientation:landscape) and (min-width:900px){.app{max-width:960px}.interview-body{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.interview-body .status-message,.interview-body .trouble{grid-column:1/-1}}