:root{--paper:#fff;--grid-line:#e4ebf5;--grid-size:32px;--ink:#1c2230;--text:#3c4456;--muted:#586174;--blue:#2346c8;--blue-dark:#172f8c;--blue-pale:#eaf0fb;--highlight:#ffe45c;--highlight-pale:#fff6c7;--stamp:#d9352b;--stamp-dark:#9e241c;--green:#1f8a55;--green-dark:#1f6b45;--disabled-bg:#d5dbe6;--care:#5b3a9e;--care-dark:#3f2672;--care-pale:#f1ecfa;--disabled-ink:#4a5263;--line:1.5px solid var(--ink);--radius:4px;--radius-sm:3px;--radius-tape:2px;--font-system:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", system-ui, sans-serif;--font-ui:var(--font-system);--font-display:"Jua", var(--font-system);--font-code:"Nanum Gothic Coding", ui-monospace, "D2Coding", monospace;--fs-body:20px;--fs-small:16px;--fs-display:34px;--tap:52px}[data-grade=sprout]{--fs-body:22px;--fs-small:18px;--fs-display:38px;--tap:56px}[data-grade=grow]{--fs-body:20px;--fs-small:16px;--fs-display:34px;--tap:52px}[data-grade=challenge]{--fs-body:18px;--fs-small:15px;--fs-display:30px;--tap:48px}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--text);font-family:var(--font-ui);word-break:keep-all;overflow-wrap:anywhere;background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4{color:var(--ink);margin:0;line-height:1.3}p{margin:0}ul,ol{margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}.display{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;text-wrap:balance;font-weight:400}.code-font{font-family:var(--font-code);font-weight:700}.hl{background-image:linear-gradient(transparent 58%, var(--highlight) 58%, var(--highlight) 94%, transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.student{font-size:var(--fs-body);min-height:100dvh}.student-column{width:100%;max-width:640px;margin:0 auto;padding:16px 16px 48px}.teacher{--tap:44px;--fs-small:13px;min-height:100dvh;font-size:15px;line-height:1.5}.teacher-column{width:100%;max-width:560px;margin:0 auto;padding:12px 16px 120px}.notice{border:var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);padding:10px 12px}.notice.error{background:var(--highlight-pale)}.notice.info{background:var(--blue-pale)}.field{align-content:start;gap:4px;display:grid}.field>.label{color:var(--ink);font-weight:800}.field .hint{color:var(--muted);font-size:13px}.input{width:100%;min-height:var(--tap);border:var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);padding:8px 10px}select.input{height:var(--tap)}.input:disabled{background:var(--blue-pale);color:var(--muted)}