:root{
  --bg:#f5f3ef;--card:#fff;--ink:#1f2937;--muted:#64748b;--line:#e5e7eb;
  --red:#b91c1c;--redbg:#fee2e2;--amber:#b45309;--amberbg:#fef3c7;--green:#166534;--greenbg:#dcfce7;--blue:#1d4ed8;--bluebg:#dbeafe;
  --shadow:0 18px 40px rgba(15,23,42,.12);
}
*{box-sizing:border-box} body{margin:0;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.65}.app{max-width:760px;margin:0 auto;padding:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:22px;margin:18px 0}.screen{display:none}.screen.active{display:block}.badge{display:inline-block;background:#111827;color:#fff;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700}h1{font-size:clamp(1.9rem,7vw,3.4rem);line-height:1.15;margin:18px 0}h2{font-size:1.35rem;line-height:1.5}.lead{font-size:1.05rem;color:#334155}.countdown{display:flex;align-items:baseline;gap:10px;border:2px solid #111827;border-radius:18px;padding:14px 16px;margin:18px 0;background:#fff}.countdown strong{font-size:4rem;line-height:1;color:var(--red)}.notice{border-radius:16px;padding:14px;margin:16px 0}.danger{background:var(--redbg);border:1px solid #fecaca;color:#7f1d1d}.primary,.secondary{width:100%;border:0;border-radius:16px;padding:15px 18px;margin:8px 0;font-size:1.05rem;font-weight:800;cursor:pointer}.primary{background:#111827;color:#fff}.secondary{background:#e5e7eb;color:#111827}.about{margin-top:16px;color:var(--muted)}.progressRow{display:flex;justify-content:space-between;align-items:center;font-weight:800}.pill{background:var(--bluebg);color:var(--blue);border-radius:999px;padding:6px 12px}.bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:14px 0 20px}.bar div{height:100%;background:#111827;width:0%;transition:.25s}.choices{display:grid;gap:12px}.choice{border:2px solid var(--line);background:#fff;border-radius:16px;padding:14px 14px;text-align:left;font-size:1rem;cursor:pointer}.choice:hover{border-color:#94a3b8}.choice.correct{border-color:#16a34a;background:var(--greenbg)}.choice.wrong{border-color:#dc2626;background:var(--redbg)}.choice.disabled{cursor:default}.answerBox{margin-top:16px;padding:16px;border-radius:18px;background:#f8fafc;border:1px solid var(--line)}.hidden{display:none}.judge{font-weight:900;font-size:1.35rem}.judge.ok{color:var(--green)}.judge.ng{color:var(--red)}.memory,.source{display:grid;gap:4px;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.memory span,.source span{color:var(--muted);font-size:.85rem}.memory strong{font-size:1.05rem}.source strong{font-weight:700}.rank{display:inline-block;border-radius:999px;padding:7px 12px;font-weight:900}.rank.green{background:var(--greenbg);color:var(--green)}.rank.blue{background:var(--bluebg);color:var(--blue)}.rank.amber{background:var(--amberbg);color:var(--amber)}.rank.red{background:var(--redbg);color:var(--red)}.score{font-size:2.2rem;margin:8px 0}.score strong{color:#111827}.panel{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 0}.panel h3{margin-top:0}.action{background:#fff7ed;border-color:#fed7aa}.btnRow{display:grid;gap:8px}.reviewWrap{margin-top:16px}.reviewItem{border:1px solid var(--line);border-radius:16px;padding:14px;margin:10px 0;background:#fff}.reviewItem .meta{display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.reviewItem.ok{border-left:8px solid #16a34a}.reviewItem.ng{border-left:8px solid #dc2626}ul,ol{padding-left:1.4rem}@media (min-width:700px){.btnRow{grid-template-columns:1fr 1fr}.primary,.secondary{width:auto}.choices{grid-template-columns:1fr 1fr}}