:root{color:#1f2933;background:#f7f9fb;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}main{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}h1{text-align:center;font-size:1.5rem}.lead{text-align:center;color:#52606d}.presets{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;display:grid}.preset{color:#1f2933;cursor:pointer;text-align:left;background:#fff;border:1px solid #d4dbe3;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:1rem;display:flex}.preset:hover{background:#fff;border-color:#2f80ed}.preset-tag{color:#7b8794;white-space:nowrap;font-size:.7rem}.drill{flex-direction:column;align-items:center;gap:1rem;display:flex}.progress{color:#52606d;font-size:.9rem}.prompt{letter-spacing:.05em;align-items:center;gap:.45em;font-size:2rem;font-weight:600;display:flex}.note{color:#52606d;margin:-.5rem 0 0;font-size:.9rem}.answer{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.answer input{text-align:center;color:#1f2933;background:#fff;border:2px solid #d4dbe3;border-radius:8px;width:7.5rem;padding:.6rem;font-size:1.4rem}.answer input:focus{border-color:#2f80ed;outline:none}.fraction{flex-direction:column;align-items:center;gap:.3rem;display:flex}.fraction .vinculum{border-top:2px solid #1f2933;width:7.5rem}.qr{align-items:center;gap:.5rem;display:flex}button{color:#fff;cursor:pointer;background:#2f80ed;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem}button:hover{background:#1c6cd8}button.next{background:#27ae60}button.next:hover{background:#1e9450}.feedback{border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem 1.2rem;font-size:1.1rem;display:flex}.feedback.correct{color:#207227;background:#e3f9e5}.feedback.equivalent_but_form_violation{color:#8a6d1a;background:#fff3cd}.feedback.incorrect{color:#b3261e;background:#fdecea}.feedback.invalid_input{color:#52606d;background:#eef1f4}.summary{flex-direction:column;gap:.8rem;display:flex}.score{text-align:center;font-size:1.3rem}.summary ol{padding-left:1.4rem;line-height:1.9}.summary li.correct{color:#207227}.summary li.equivalent_but_form_violation{color:#8a6d1a}.summary li.incorrect{color:#b3261e}.summary-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.expression-answer{flex-direction:column;align-items:stretch;gap:.8rem;width:min(100%,26rem);display:flex}.keyboard-prototype{background:#fff;border:1px solid #d4dbe3;border-radius:8px;margin-top:1.2rem;padding:1rem}.prototype-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.prototype-head h2{margin:0;font-size:1rem}.prototype-head p{color:#52606d;margin:.15rem 0 0;font-size:.82rem}.expression-screen{color:#1f2933;white-space:nowrap;background:#f7f9fb;border:2px solid #d4dbe3;border-radius:8px;align-items:center;gap:.35rem;min-height:4rem;padding:.7rem;font-size:1.6rem;display:flex;overflow-x:auto}.placeholder{color:#7b8794;font-size:.95rem}.expr-token{justify-content:center;align-items:center;min-width:1.4rem;display:inline-flex}.math-var{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700}button.math-var{font-size:1.3rem}.inline-fraction{flex-direction:column;justify-content:center;align-items:center;min-width:1.8rem;font-size:.86em;line-height:1;display:inline-flex}.inline-fraction .bar{border-top:2px solid;width:100%;min-width:1.3rem;margin:.12rem 0}.fraction-builder{background:#eef6ff;border-radius:8px;margin-top:.8rem;padding:.8rem}.fraction-edit{grid-template-rows:2.8rem 2px 2.8rem;place-items:center;max-width:12rem;margin:0 auto;display:grid}.fraction-edit button{color:#1f2933;text-overflow:ellipsis;background:#fff;border:2px solid #b8c4d2;width:100%;height:2.6rem;overflow:hidden}.fraction-edit button.active{border-color:#2f80ed;box-shadow:0 0 0 3px #cfe5ff}.fraction-edit span{border-top:2px solid #1f2933;width:100%}.mode-row{color:#52606d;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.8rem;font-size:.9rem;display:flex}.keyboard-grid{grid-template-columns:minmax(0,1fr) auto;gap:.7rem;margin-top:.8rem;display:grid}.keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.symbol-pad{grid-template-columns:3.2rem;align-content:start;gap:.45rem;display:grid}.keypad button,.symbol-pad button{color:#1f2933;background:#fff;border:1px solid #d4dbe3;min-height:3rem;padding:.35rem;font-size:1.15rem}.keypad button:hover,.symbol-pad button:hover{background:#eef6ff;border-color:#2f80ed}.keypad .mode-key{color:#fff;background:#2f80ed}.keypad .soft-key,.ghost{color:#1f2933;background:#eef1f4}.mode-actions{justify-content:flex-end;gap:.6rem;margin-top:.8rem;display:flex}button:disabled{cursor:not-allowed;opacity:.45}@media (width<=520px){.prototype-head,.mode-row{flex-direction:column;align-items:flex-start}.keyboard-grid{grid-template-columns:1fr}.symbol-pad{grid-template-columns:repeat(5,minmax(0,1fr))}.expression-answer .keyboard-grid{grid-template-columns:minmax(0,1fr) 3.2rem}.expression-answer .symbol-pad{grid-template-columns:3.2rem}}@media (width<=340px){.expression-answer .keyboard-grid{grid-template-columns:1fr}.expression-answer .symbol-pad{grid-template-columns:repeat(5,minmax(0,1fr))}}.mixed.svelte-16aexmk{align-items:center;gap:.6rem;display:flex}.mixed.svelte-16aexmk>input:where(.svelte-16aexmk){width:4.5rem}.fraction-wrap.svelte-16aexmk{flex-direction:column;align-items:center;gap:.3rem;display:flex}.hint.svelte-16aexmk{color:#7b8794;margin:0;font-size:.75rem}.math.svelte-1pjdtum{align-items:center;gap:.45em;display:inline-flex}.mtext.svelte-1pjdtum{align-items:baseline;display:inline-flex}.mgroup.svelte-1pjdtum{align-items:center;gap:.12em;display:inline-flex}.mfrac.svelte-1pjdtum{vertical-align:middle;flex-direction:column;align-items:center;font-size:.85em;line-height:1.15;display:inline-flex}.mnum.svelte-1pjdtum{padding:0 .25em}.mden.svelte-1pjdtum{border-top:.09em solid;padding:0 .25em}