:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#192942;background:#f4f7fc;font-size:16px;--blue:#214cd9;--line:#dce3ef;--muted:#65728a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e7a419;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}.top{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;border-bottom:1px solid var(--line);background:white}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:25px}.logo{background:var(--blue);color:white;border-radius:12px;font:italic bold 28px Georgia;padding:7px 12px}.brand-sub{font-size:14px;font-weight:500;margin-left:10px;color:var(--muted)}.top-note{font-size:14px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:42px 32px 64px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--blue);margin:0 0 12px}h1{font-size:30px;letter-spacing:-.03em;margin:0 0 12px}h2{font-size:19px;margin:0}p{line-height:1.7}.muted{color:var(--muted);margin:0}.intro-mark{font:italic 28px Georgia;color:#7084b8;border-left:3px solid #cad6f5;padding:20px}.setup-layout{display:grid;grid-template-columns:1fr 330px;gap:30px;align-items:start}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-line span{font-size:14px;color:var(--muted)}.topics{display:grid;gap:10px}.topic{display:flex;text-align:left;align-items:center;gap:17px;background:white;border:1px solid var(--line);border-radius:13px;padding:16px 20px;min-height:84px;transition:.15s}.topic:hover{border-color:#859fe8}.topic.selected{border:2px solid var(--blue);padding:15px 19px;background:#f0f4ff}.num{align-self:flex-start;font-size:14px;letter-spacing:.06em;font-weight:700;color:#7b88a0;padding-top:4px}.selected .num{color:var(--blue)}.topic strong{display:block;font-size:16px}.example{display:block;font:18px Georgia,serif;margin-top:7px;color:#68768e}.tick{margin-left:auto;flex-shrink:0;width:23px;height:23px;border:1px solid #cad3e5;border-radius:50%;color:transparent;text-align:center;font-size:14px;line-height:21px}.selected .tick{background:var(--blue);border-color:var(--blue);color:white}.settings{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;position:sticky;top:24px}.settings h2{margin-bottom:24px}label,.field-label{display:block;font-size:14px;font-weight:700;margin-bottom:12px}select,input[type=number]{display:block;border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px;width:100%;margin-top:9px;color:inherit}fieldset{padding:0;margin:0 0 23px;border:0}legend{font-size:14px;font-weight:700;margin-bottom:11px}.segments{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;gap:3px}.segments button{flex:1;border:0;border-radius:6px;background:white;padding:10px 4px;font-size:14px}.segments button.active{background:#eaf0ff;color:var(--blue);font-weight:700}.radio-row{font-size:14px;display:flex;align-items:center;gap:8px;font-weight:500;margin:13px 0}.radio-row input{accent-color:var(--blue);width:18px;height:18px}.primary{background:var(--blue);color:white;border:1px solid var(--blue);border-radius:10px;padding:15px 23px;font-weight:700;font-size:16px}.settings .primary{width:100%;margin-top:18px}.secondary{background:white;border:1px solid var(--line);border-radius:9px;padding:11px 16px}.quiet{background:none;border:none;color:var(--muted);padding:8px;font-size:14px}.helper{font-size:13px;color:var(--muted);line-height:1.7;margin:12px 0 0}.session-summary{border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:14px}.session-summary b{color:var(--blue)}footer{max-width:1176px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);color:#74829a;font-size:13px;display:flex;justify-content:space-between}.session-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.pill{font-size:13px;background:#e8eeff;color:var(--blue);padding:7px 11px;border-radius:6px;display:inline-block}.progress{height:5px;border-radius:6px;background:#dde5f4;margin-bottom:28px;overflow:hidden}.progress div{height:100%;background:var(--blue);transition:width .2s}.practice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.practice.no-ink{grid-template-columns:minmax(0,700px);justify-content:center}.question-card,.ink-card,.result-card{background:white;border:1px solid var(--line);border-radius:17px;padding:26px}.question-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.question-title{font-size:16px;margin:26px 0 12px}.formula{font:32px/1.65 Georgia,"Times New Roman",serif;overflow-wrap:anywhere;letter-spacing:.015em}.choices{display:grid;gap:11px;margin:24px 0}.choice{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px 16px;min-height:65px}.choice .letter{font:700 13px sans-serif;color:#7a89a3;background:#f0f3f9;border-radius:5px;padding:5px 7px}.choice .formula{font-size:23px;line-height:1.4}.choice.chosen{border:2px solid var(--blue);background:#eff3ff;padding:13px 15px}.choice.correct{border:2px solid #238667;background:#effaf5;padding:13px 15px}.choice.incorrect{border:2px solid #c95139;background:#fff2ed;padding:13px 15px}.choice:disabled{opacity:1}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.feedback{border-radius:10px;background:#eef7f3;padding:18px;margin:20px 0}.feedback.wrong{background:#fff4ee}.feedback h3{margin:0 0 10px;font-size:18px}.feedback ol{padding-left:22px;margin:0}.feedback li{line-height:1.8;margin-top:5px;font-size:15px}.hint{padding:14px;background:#fff9e9;border-left:3px solid #e6b13d;margin-top:20px;font-size:14px;line-height:1.8}.ink-card{display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:540px}.ink-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.ink-head h2{font-size:16px}.tools{display:flex;gap:5px;flex-wrap:wrap}.tools button{border:1px solid transparent;background:none;border-radius:6px;padding:8px;font-size:13px}.tools button.active{border-color:#ccd8fa;background:#edf2ff;color:var(--blue)}.canvas-wrap{position:relative;flex:1;min-height:370px;background-image:radial-gradient(#cdd8eb 1px,transparent 1px);background-size:22px 22px}.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.ink-foot{padding:12px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.result-header{text-align:center;margin:18px 0 30px}.score{font-size:64px;font-weight:800;color:var(--blue);line-height:1.3}.score small{font-size:24px;color:var(--muted)}.result-card{max-width:830px;margin:auto}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px 0}.review-row{padding:20px 0;border-bottom:1px solid var(--line)}.review-row:last-child{border:0}.review-row summary{cursor:pointer;display:flex;gap:12px;align-items:center}.review-row .formula{font-size:22px}.status{font-size:13px;font-weight:700;color:#248164;white-space:nowrap}.status.bad{color:#bf5135}.error{font-size:14px;color:#b33c2c}dialog{border:1px solid var(--line);border-radius:16px;max-width:420px;padding:28px}dialog::backdrop{background:#19294266}dialog p{margin-top:0}dialog .actions{display:flex;justify-content:end;gap:12px}.hidden{display:none!important}@media(max-width:850px){.setup-layout{grid-template-columns:1fr 290px;gap:20px}main{padding:30px 22px}.brand-sub,.intro-mark{display:none}.practice{gap:16px}.question-card{padding:20px}.ink-head{align-items:flex-start;flex-direction:column}.formula{font-size:28px}footer{margin:0 22px}}@media(max-width:650px){.top{min-height:72px;padding:13px 20px}.top-note{display:none}.setup-layout,.practice{grid-template-columns:1fr}.settings{position:static}.intro{margin-bottom:24px}h1{font-size:25px}.section-line{align-items:flex-start}.section-line span{font-size:12px}.topic{padding:15px}.topic.selected{padding:14px}.ink-card{min-height:420px}.ink-head{flex-direction:row}.question-actions{flex-wrap:wrap}.question-actions .primary{flex:1}.session-head{align-items:flex-start}.brand{font-size:22px}main{padding:26px 18px 44px}.result-card{padding:20px}.review-row summary{flex-wrap:wrap}}

/* Math letters are italic; numbers, signs and exponents remain upright. */
.math-variable{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:inherit}
/* Prevent Safari callouts/selection only on the writing surface; the rest remains scrollable. */
.canvas-wrap,.canvas-wrap canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none}