@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--navy:#1e2a4a;--teal:#16b5a6;--teal-d:#0e8c80;--bg:#f4f7fa;--card:#fff;--text:#2c333f;--muted:#6b7480;--border:#e3e8ef;--ok:#1f9d57;--ng:#d64545}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.8}.wrap{max-width:760px;margin:0 auto;padding:0 16px}.topbar{background:var(--navy);color:#fff}.bar{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.brand{font-family:Zen Kaku Gothic New,sans-serif;font-weight:900}.bloglink{color:#cfeee9;font-size:.9em;text-decoration:none}.hero{text-align:center;padding:28px 0 12px}.hero h1{color:var(--navy);margin:0 0 8px;font-family:Zen Kaku Gothic New,sans-serif}.hero p{color:var(--muted);margin:0 0 14px}.stat{border:1px solid var(--border);background:#fff;border-radius:999px;gap:18px;padding:8px 20px;display:inline-flex}.stat b{color:var(--teal-d)}h2{color:var(--navy);border-left:5px solid var(--teal);margin:28px 0 12px;padding-left:.5em;font-family:Zen Kaku Gothic New,sans-serif}.btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-family:inherit;font-weight:700}.btn:hover{background:var(--teal-d)}.btn:disabled{cursor:not-allowed;background:#c5ccd6}.btn.ghost{color:var(--navy);border:1px solid var(--border);background:#fff}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;display:flex}.link{color:var(--teal-d);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.cards{grid-template-columns:1fr}}.card{text-align:left;background:var(--card);border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:12px;padding:16px;transition:transform .1s,box-shadow .1s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1e2a4a1a}.card-name{color:var(--navy);font-family:Zen Kaku Gothic New,sans-serif;font-size:1.05em;font-weight:700}.card-desc{color:var(--muted);margin:4px 0 10px;font-size:.85em}.bar-bg{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.bar-fill{background:var(--teal);height:100%}.card-meta{color:var(--muted);margin-top:6px;font-size:.8em}.reset{text-align:center;margin:28px 0}.quiz-head{color:var(--muted);justify-content:space-between;align-items:center;margin:20px 0 12px;display:flex}.star{color:#cbd2db;cursor:pointer;background:0 0;border:0;font-size:1.4em}.star.on{color:#f5b301}.qcard{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px}.qtext{color:var(--navy);margin:0 0 16px;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.15em;font-weight:700}.choice{text-align:left;border:2px solid var(--border);width:100%;font:inherit;cursor:pointer;background:#fff;border-radius:10px;margin:8px 0;padding:13px 16px;display:block}.choice:hover:not(:disabled){border-color:var(--teal)}.choice.correct{border-color:var(--ok);background:#eaf7f0;font-weight:700}.choice.wrong{border-color:var(--ng);background:#fdeaea}.feedback{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.feedback .ok{color:var(--ok);margin:0;font-weight:700}.feedback .ng{color:var(--ng);margin:0;font-weight:700}.feedback .exp{color:var(--text);background:var(--bg);border-radius:8px;margin:8px 0 14px;padding:10px 14px}.result{text-align:center;padding:30px 0}.result h1{color:var(--navy);font-family:Zen Kaku Gothic New,sans-serif}.score{color:var(--teal-d);margin:10px 0 20px;font-size:1.3em;font-weight:700}.foot{color:var(--muted);text-align:center;margin:40px auto;font-size:.8em}.foot a{color:var(--teal-d)}