@charset "UTF-8";:root{font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;color:#1f2937;background:#f9fafb;font-synthesis:none;--green: #27764d;--border: #dce5df}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b66b00;outline-offset:4px}button{touch-action:manipulation}button:hover:not(:disabled){filter:brightness(.96)}.site-header{height:96px;max-width:1120px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:800;letter-spacing:.04em;color:var(--green)}.brand span{font-size:10px;display:block;letter-spacing:.18em;margin-top:3px}.header-note{font-size:12px;color:#64736a}.quiet-button{border:1px solid var(--border);border-radius:12px;background:#fff;color:#465c4e;min-height:44px;padding:0 20px;font-size:14px}.home{max-width:760px;margin:68px auto 90px;padding:0 32px}.eyebrow{color:var(--green);font-size:13px;font-weight:700;letter-spacing:.12em}.home h1{font-size:clamp(40px,7vw,64px);line-height:1.45;letter-spacing:.05em;margin:22px 0}.intro{color:#5c6961;line-height:2;font-size:16px}.home section{margin-top:60px}.home h2{font-size:15px;font-weight:600;margin-bottom:20px}.material-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;display:flex;align-items:center;gap:24px;box-shadow:0 5px 18px #22392b04}.material-card:hover{border-color:var(--green)}.material-icon{width:76px;height:76px;background:#dcfce7;border-radius:18px;display:grid;place-items:center;font-size:52px;font-weight:500;color:var(--green)}.tag{display:block;color:var(--green);font-size:11px;font-weight:700}.material-card strong{display:block;font-size:28px;margin:5px 0}.material-description{font-size:13px;color:#64736a}.card-arrow{margin-left:auto;color:var(--green);font-size:26px}.home-note{text-align:center;font-size:12px;color:#64736a;margin-top:25px}footer{max-width:1040px;margin:0 auto;padding:28px 32px;border-top:1px solid var(--border);font-size:12px;color:#64736a;display:flex;justify-content:space-between}.practice{max-width:480px;margin:30px auto 40px;padding:0 24px}.practice-heading{display:flex;align-items:center;justify-content:space-between}.practice-heading h1{font-size:17px;font-weight:700;margin:0}.progress-label{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.progress-label span{font-size:13px;font-weight:400;color:#64736a}progress{display:block;appearance:none;border:0;height:6px;border-radius:4px;background:#e5ece7;width:100%;margin-top:16px;overflow:hidden}progress::-webkit-progress-bar{background:#e5ece7}progress::-webkit-progress-value{background:var(--green);border-radius:4px}progress::-moz-progress-bar{background:var(--green)}.question-area{padding-top:38px;text-align:center}.question-hint{font-size:13px;color:#64736a;margin:0 0 20px}.equation{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(36px,8vw,48px);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.operator{font-size:.65em;font-weight:500;color:#7a897f}.answer{display:grid;place-items:center;min-width:94px;height:84px;border:2px solid #a0bba9;background:#fff;border-radius:14px;font-size:.95em}.placeholder{color:#9bab9f;font-weight:400}.answer.is-correct{background:#dcfce7;border-color:var(--green)}.answer.is-wrong{background:#fff8e9;border-color:#b66b00}.feedback{min-height:70px;display:grid;place-items:center;text-align:center}.feedback p{margin:10px 0;font-size:13px}.feedback .correct{color:var(--green);font-size:19px;font-weight:700}.feedback .wrong{color:#965000;font-size:18px}.muted{color:#64736a;font-size:14px;line-height:1.8}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad button,.choices button{border:1px solid var(--border);border-bottom-width:3px;border-radius:14px;background:#fff;color:#1f2937;min-height:66px;font-size:27px;font-weight:600}.keypad button:active:not(:disabled),.choices button:active:not(:disabled){background:#dcfce7;transform:translateY(1px)}.keypad button:disabled,.choices button:disabled{color:#84928a;background:#f1f4f2}.keypad .erase{background:#edf2ee;color:#526759;font-size:26px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choices button{min-height:110px;font-size:34px}.next-area{min-height:75px;margin-top:18px;display:grid;align-items:start}.keyboard-note{color:#64736a;font-size:11px;text-align:center;margin:12px 0}.primary-button,.secondary-button{min-height:52px;border-radius:12px;font-size:15px;font-weight:700;padding:12px 20px}.primary-button{background:var(--green);border:1px solid var(--green);color:#fff}.secondary-button{background:#fff;border:1px solid var(--border);color:var(--green)}.full{width:100%}.result{text-align:center}.result-mark{border-radius:50%;width:76px;height:76px;display:grid;place-items:center;background:#dcfce7;color:var(--green);font-size:45px;margin:22px auto}.result h1{font-size:27px}.result h1:focus{outline:none}.score{font-size:24px;margin:24px 0 10px;color:var(--green)}.score strong{font-size:58px}.score span{display:block;font-size:13px;color:#64736a}.result button{margin-top:12px}.mistakes{background:#fff;border:1px solid var(--border);border-radius:16px;text-align:left;padding:18px 22px;margin:25px 0 15px}.mistakes h2{font-size:14px;margin:0 0 12px}.mistakes ul{padding:0;list-style:none;margin:0}.mistakes li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #edf1ee;font-size:17px}.mistakes li .muted{font-size:12px}.back-link{display:block;font-size:12px;color:#64736a;padding:24px}dialog{border:1px solid var(--border);border-radius:20px;padding:28px;width:calc(100% - 40px);max-width:400px;color:#1f2937;box-shadow:0 20px 80px #16322326}dialog::backdrop{background:#18352455}dialog h2{font-size:21px;margin:0 0 8px}.mode-option{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:4px 10px;border:1px solid var(--border);border-radius:12px;padding:16px;margin:14px 0;cursor:pointer}.mode-option:has(:checked){border-color:var(--green);background:#f1faf4}.mode-option input{accent-color:var(--green);width:18px;height:18px;grid-row:span 2}.mode-option span{font-size:11px;color:#64736a}dialog .primary-button{margin-top:12px}@media(max-width:600px){.site-header{height:78px;padding:0 24px}.brand{font-size:21px}.header-note{display:none}.home{margin:45px auto 65px;padding:0 24px}.home section{margin-top:40px}.material-card{padding:20px;gap:16px}.material-icon{width:58px;height:64px;font-size:42px}.material-description{font-size:11px}.home h1{font-size:44px}footer{margin:0 24px;padding:24px 0;font-size:10px}.practice{margin-top:18px}.question-area{padding-top:28px}.question-hint{margin-bottom:16px}.answer{height:76px;min-width:84px}.equation{gap:12px}.keypad button{min-height:61px}.feedback{min-height:62px}}@media(max-height:720px){.site-header{height:68px}.practice{margin-top:8px;margin-bottom:12px}.question-area{padding-top:18px}.question-hint{margin-bottom:12px}.answer{height:66px}.feedback{min-height:54px}.keypad button{min-height:52px}.next-area{margin-top:12px;min-height:54px}}