@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Noto+Sans+JP:wght@400;500;700;800&display=swap";:root{font-family:Manrope,Noto Sans JP,sans-serif;color:#17231f;background:#f4f6f0}*{box-sizing:border-box}body{margin:0}.app{max-width:720px;min-height:100vh;margin:auto;padding:28px 20px 56px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}h1,h2,h3,p{margin:0}h1{font-size:23px;letter-spacing:-.04em}h2{font-size:28px;line-height:1.35;letter-spacing:-.05em}h3{font-size:16px}.eyebrow{display:block;font:500 10px DM Mono,monospace;letter-spacing:.14em;color:#839088;margin-bottom:5px}.icon,.back{border:0;background:none;color:#527163;font-size:26px;padding:8px;cursor:pointer}.back{font-size:24px;margin-right:10px}.welcome{background:#193a30;color:#f8fbf4;border-radius:24px;padding:28px 24px;margin-bottom:32px}.welcome .eyebrow{color:#9db7a7}.welcome h2{margin-bottom:8px}.welcome p:not(.eyebrow){color:#bed0c4;font-size:13px}.primary{border:0;border-radius:12px;background:#d6f36c;color:#15251e;font-weight:800;padding:14px 17px;margin-top:22px;width:100%;font-size:14px;cursor:pointer}.primary span{float:right;font-size:18px;line-height:14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 2px 13px}.section-title span{font:11px DM Mono;color:#829088}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.menu-grid button,.domains button{background:#fff;border:1px solid #e2e8e0;border-radius:15px;text-align:left;padding:17px;cursor:pointer;color:inherit}.menu-grid b{display:block;font-size:22px;color:#55776a;margin-bottom:15px}.menu-grid strong{display:block;font-size:14px}.menu-grid small{display:block;color:#849088;font-size:11px;margin-top:4px}.domains{display:grid;gap:8px}.domains button{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px;padding:14px 16px}.domains button span{color:#6d9580;font-size:20px}.domains i{font-style:normal;margin-left:auto;color:#9ba8a0;font-size:18px}.warning{background:#fff3d8;color:#755b2d;padding:12px;border-radius:10px;font-size:12px;margin-top:22px}.progress-label{text-align:center;font-weight:700;font-size:13px}.progress-label small{display:block;font:10px DM Mono;color:#849088;margin-top:4px}.bar{height:4px;background:#dfe6de;border-radius:9px;margin:-8px 0 30px}.bar span{height:100%;display:block;background:#8db569;border-radius:9px;transition:width .2s}.question{padding-bottom:24px}.tags{display:flex;gap:8px;margin-bottom:18px}.tags span{font:10px DM Mono;color:#637c6d;background:#e6ede6;border-radius:20px;padding:6px 9px}.question h2{font-size:22px;margin-bottom:24px}.choices{display:grid;gap:10px}.choices button{display:flex;align-items:flex-start;gap:13px;width:100%;padding:15px;border:1px solid #dce5dc;border-radius:13px;background:#fff;text-align:left;font:13px/1.6 inherit;cursor:pointer;color:inherit}.choices b{border:1px solid #b9c8bc;border-radius:50%;min-width:25px;height:25px;text-align:center;line-height:23px;font:500 12px/23px DM Mono;color:#648070}.choices button.correct{border-color:#6eaa72;background:#edf8e9}.choices button.correct b{background:#67a96c;color:#fff;border-color:#67a96c}.choices button.wrong{border-color:#d8897c;background:#fff0ed}.feedback{margin-top:18px;padding:16px;border-radius:13px;font-size:13px;line-height:1.7}.feedback p{margin-top:6px}.feedback.good{background:#e8f5e5;color:#315c38}.feedback.bad{background:#fff0ed;color:#78453d}.next{margin-top:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{background:#fff;border:1px solid #e2e8e0;border-radius:15px;padding:17px 12px}.stat-card span,.stat-card small{display:block;color:#829088;font-size:11px}.stat-card strong{display:block;font-size:28px;margin:12px 0 3px}.stat-card em{font:500 12px Noto Sans JP;margin-left:2px}.reset{grid-column:1/-1;border:0;background:none;color:#9b6a63;text-decoration:underline;padding:18px;cursor:pointer;font-size:12px}@media(min-width:600px){.app{padding-top:44px}.welcome{padding:36px}.question h2{font-size:25px}}.result{text-align:center;padding:28px 8px}.result-mark{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;background:#d6f36c;color:#315b42;font-size:38px;line-height:64px;font-weight:800}.result h2{font-size:25px;margin:8px 0 24px}.result-score{background:#fff;border:1px solid #e2e8e0;border-radius:18px;padding:25px;margin-bottom:18px}.result-score strong{display:block;font-size:52px;line-height:1;color:#193a30}.result-score em{font:500 20px Noto Sans JP;margin-left:3px}.result-score span{display:block;color:#728278;font-size:13px;margin-top:10px}.result-note{color:#829088;font-size:12px;line-height:1.7;margin-bottom:18px}.secondary{width:100%;border:1px solid #ccd9ce;border-radius:12px;background:transparent;color:#456957;font-weight:700;padding:13px;font-size:13px;cursor:pointer;margin-top:10px}