*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#0f172a}body{margin:0;background:#e9edf3;overflow-x:hidden}h1,h2,h3,p{margin:0;overflow-wrap:anywhere}html,body,#root{width:100%;max-width:100%}.appShell{width:min(100%,720px);margin:0 auto;min-height:100vh;background:#f3f5f9;padding:18px 16px 92px;overflow-x:hidden}.topBar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.topLabel{color:#64748b;font-size:12px;margin-bottom:4px}.topBar h1{font-size:22px;line-height:1.05;letter-spacing:-.02em}.contentArea{display:grid;gap:14px}.contentArea h2{font-size:32px;margin-bottom:4px}.blockTitle{font-size:20px;margin:6px 0 2px}.cardList{display:grid;gap:12px}.card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 4px 20px #0f172a14;display:grid;gap:10px;min-width:0}.card h3{font-size:20px;line-height:1.08}.rowBetween{display:flex;justify-content:space-between;gap:10px;align-items:center}.buttonRow{display:flex;gap:8px;flex-wrap:wrap}.kindBadge{border:1px solid #cbd5e1;border-radius:999px;padding:4px 10px;font-size:12px;color:#475569;white-space:nowrap}.metaList{display:grid;gap:6px;color:#0f172a}.mutedText{color:#64748b}.errorText{color:#c1121f}.okText{color:#0f766e}.labelText{font-weight:600;display:grid;gap:6px}input:not([type=checkbox]):not([type=radio]),textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;font-size:16px;background:#fff}textarea{resize:vertical}.checkRow{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;width:fit-content;max-width:100%}.checkRow input[type=checkbox],.checkRow input[type=radio]{width:20px;height:20px;flex:0 0 20px;margin:0}.optionRow{display:grid;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:12px}.primaryBtn,.secondaryBtn,.ghostBtn{border:none;border-radius:12px;padding:11px 14px;font-size:16px;font-weight:600;cursor:pointer}.primaryBtn{background:#2563eb;color:#fff}.secondaryBtn{background:#e2e8f0;color:#0f172a}.ghostBtn{background:transparent;color:#2563eb;padding:6px 0}.primaryBtn:disabled,.secondaryBtn:disabled,.ghostBtn:disabled{opacity:.65;cursor:not-allowed}.answersWrap{display:grid;gap:8px}.answerOption{display:flex;align-items:center;gap:8px;border:1px solid #dbe2ea;border-radius:12px;padding:10px 12px}.answerOption.selected{border-color:#2563eb;background:#eff6ff}.answerBlue{border-color:#2563eb!important;background:#eff6ff!important}.answerRed{border-color:#ef4444!important;background:#fee2e2!important}.cardChoice{border:1px solid #dbe2ea;background:#fff;color:#0f172a}.cardChoice.selected{border-color:#64748b}.explainText{color:#334155;background:#e2e8f0;border-radius:10px;padding:10px 12px}.hintImage{width:100%;max-width:280px;border-radius:12px}.codeBadge{font-size:28px;letter-spacing:.08em;font-weight:700;color:#2563eb}.bottomTabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,720px);background:#fff;border-top:1px solid #dbe2ea;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;overflow-x:hidden}.tabBtn{border:none;background:transparent;border-radius:10px;padding:8px 4px;font-size:12px;color:#64748b}.tabBtn.active{background:#eff6ff;color:#2563eb;font-weight:700}