:root{--ink:#172855;--muted:#536488;--blue:#2455d6;--accent:#2455d6;--line:#dce4f4;--yellow:#ffe66b;--good:#08764f;--good-bg:#e8f7ef;--try:#8c450f;--try-bg:#fff3df;font-family:'Trebuchet MS','Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#f2f6ff;line-height:1.5;font-size:1rem}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #087c96;outline-offset:3px}a{color:inherit}.skip-link{position:fixed;top:-100px;left:1rem;background:#fff;padding:1rem;z-index:60}.skip-link:focus{top:1rem}.site-header{max-width:760px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;gap:1rem}.brand{display:flex;gap:.65rem;align-items:center;text-decoration:none;font-size:1.25rem;font-weight:800}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--blue);color:#fff;font-size:1.5rem;display:grid;place-items:center}.header-actions{display:flex;gap:.7rem;align-items:center}.stars{display:inline-block;background:#fff1a7;color:#674900;padding:.3rem .65rem;border-radius:20px;font-weight:800;font-size:1rem;white-space:nowrap}.icon-button{border:0;background:transparent;color:var(--muted);border-radius:10px;width:44px;height:44px;display:grid;place-items:center;font-size:1.8rem}.icon-button:hover{background:#e5edff}.workspace{max-width:760px;margin:0 auto;padding:0 1.5rem 2rem}.practice-panel{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #1b35640a}#level-header{padding:1.3rem 1.6rem 1rem;border-bottom:1px solid #edf0f8}.level-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.4rem}.level-label{font-weight:800;font-size:.875rem;color:var(--accent)}.question-count{font-size:.875rem;color:var(--muted)}h1{font-size:1.5rem;line-height:1.3;margin:.3rem 0 .2rem;font-weight:800;overflow-wrap:break-word}.level-ko{font-size:.95rem;color:var(--muted);margin:0}.progress-track{background:#e6edf9;border-radius:12px;height:6px;margin-top:1rem;overflow:hidden}.progress-fill{height:100%;border-radius:12px;background:var(--accent);transition:width .2s}#exercise{padding:1.5rem 1.6rem 1.4rem;outline:none}.question-head{display:flex;gap:.8rem;align-items:start;justify-content:space-between}.question-head h2{font-size:1.2rem;line-height:1.4;margin:0}.question-tools{display:flex;gap:.2rem;flex-shrink:0}.tool-button{background:#f0f5ff;border:0;border-radius:9px;font-size:.875rem;color:var(--blue);padding:.45rem .6rem;min-height:40px;font-weight:700}.tool-button:hover{background:#dfeafe}.instruction-ko{color:var(--muted);font-size:.95rem;line-height:1.5;margin:.35rem 0 1rem}.context{border-left:3px solid #dfc749;background:#fffbdf;border-radius:0 10px 10px 0;padding:.7rem .85rem;font-size:1rem;line-height:1.5;margin-bottom:1rem}.stem{background:#f2f6ff;border-radius:16px;padding:1rem 1.1rem;font-size:1.55rem;font-weight:800;line-height:1.4;margin:0 0 1rem;overflow-wrap:anywhere}.options{display:grid;grid-template-columns:1fr;gap:.65rem}.option{border:2px solid var(--line);background:#fff;border-radius:12px;padding:.75rem 1rem;min-height:54px;text-align:left;color:var(--ink);display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;overflow-wrap:anywhere}.option:hover:not(:disabled){border-color:var(--accent);background:#f6f9ff}.option-mark{width:24px;height:24px;border-radius:7px;background:#edf2fc;flex-shrink:0;display:grid;place-items:center;font-size:.875rem;color:var(--muted)}.option.selected{border-color:var(--accent);background:#edf3ff}.option.selected .option-mark{background:var(--accent);color:#fff}.option.correct{border-color:var(--good);background:var(--good-bg)}.option.incorrect{border-color:#b96424;background:var(--try-bg)}.selection-note,.input-note{font-size:.875rem;color:var(--muted);margin:.55rem 0 0}.input-label{display:block;font-size:.95rem;font-weight:700;margin-bottom:.5rem}.answer-input{width:100%;border:2px solid #aabbdf;border-radius:12px;padding:.8rem 1rem;font-size:1.2rem;color:var(--ink);background:#fff}.answer-input:disabled{background:#f3f6fb;opacity:1;color:var(--ink)}.sentence-tray{min-height:84px;border:2px dashed #aebfde;border-radius:14px;background:#f6f8fd;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.7rem;margin-bottom:.85rem}.tray-empty{font-size:.95rem;color:var(--muted)}.word-bank{display:flex;gap:.45rem;flex-wrap:wrap}.word{background:#fff;color:var(--ink);border:2px solid #baccf0;border-bottom-width:4px;border-radius:10px;padding:.5rem .65rem;min-height:45px;font-weight:700;font-size:1.125rem}.word:hover:not(:disabled){border-color:var(--accent)}.word.used{visibility:hidden}.sentence-tray .word{background:#fff3b2;border-color:#d9c459}.word[draggable=true]{cursor:grab}.sentence-tray.drag-ready{background:#fff4bd;border-color:#b29c21}.word-tools{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.4rem}.text-button{border:0;border-radius:7px;background:transparent;color:var(--blue);font-size:.875rem;padding:.5rem 0;font-weight:700;min-height:40px}.text-button:hover{text-decoration:underline}.sort-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--muted)}.sort-target{background:#f2f6ff;border-radius:16px;text-align:center;padding:1.4rem 1rem;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.sort-answers{margin-top:.8rem;border:1px solid var(--line);border-radius:12px;overflow:hidden}.sort-answer{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .75rem;font-size:.95rem;border-bottom:1px solid #edf1f8}.sort-answer:last-child{border:0}.sort-answer.right{background:var(--good-bg)}.sort-answer.wrong{background:var(--try-bg)}.sort-answer span:last-child{color:var(--muted);text-align:right}.hint{background:#fff8d7;border:1px solid #e8d68d;color:#684e04;border-radius:12px;font-size:.95rem;padding:.8rem 1rem;margin-top:.85rem}.feedback{background:var(--good-bg);color:#155638;border:1px solid #badbc9;padding:.85rem 1rem;border-radius:14px;margin-top:1rem;line-height:1.5}.feedback.try{background:var(--try-bg);border-color:#e1c79f;color:#763905}.feedback strong{font-size:1.05rem}.feedback p{font-size:.95rem;margin:.3rem 0}.feedback .answer-key{font-weight:700;overflow-wrap:anywhere}.feedback small{font-size:.875rem}.star-earned{display:inline-block;font-size:.875rem;color:#725600;background:#ffe99a;padding:.15rem .4rem;border-radius:7px;margin-left:.5rem}.actions{margin-top:1.15rem}.primary-button{display:block;width:100%;min-height:50px;border:0;border-bottom:4px solid #153a9d;border-radius:12px;background:var(--blue);color:#fff;font-size:1.05rem;font-weight:800;padding:.75rem 1rem;text-align:center}.primary-button:hover:not(:disabled){background:#1d49b9}.primary-button:disabled{opacity:.4}.secondary-button{background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:11px;min-height:46px;padding:.65rem 1rem;font-size:1rem;font-weight:700}.secondary-button:hover{border-color:var(--blue)}.below-tools{display:flex;justify-content:center;margin-top:.65rem;gap:.5rem}.complete{padding:.8rem 0;text-align:center}.completion-number{background:var(--yellow);color:#615000;font-weight:800;font-size:2.7rem;display:grid;place-items:center;width:96px;height:96px;border-radius:27px;margin:.25rem auto 1.2rem;box-shadow:4px 4px 0 #dcc84b;transform:rotate(-4deg)}.complete h2{font-size:1.9rem;line-height:1.3;margin:.5rem 0}.complete p{color:var(--muted);font-size:1rem;margin:.5rem 0}.level-progress{display:flex;justify-content:center;gap:.45rem;margin:1.2rem 0 1.5rem}.level-dot{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--muted);background:#edf1f8;font-size:.875rem;font-weight:800}.level-dot.complete-dot{background:var(--blue);color:#fff}.next-title{font-size:.95rem;color:var(--muted);margin:1rem 0}.prize{padding:.3rem 0;text-align:center}.prize-title{font-size:1.6rem;margin:.3rem 0 .6rem}.prize-subtitle{font-size:.95rem;color:var(--muted);margin:.4rem 0 1.2rem}.prize-card{background:#2455d6;color:#fff;border-radius:20px;padding:1.6rem 1.1rem;border:4px solid #ffe66b;box-shadow:0 7px 0 #dfebff;margin:1rem 0 1.5rem;overflow:hidden}.prize-star{color:var(--yellow);font-size:3.8rem;line-height:1;margin:0 0 .8rem}.prize-card .award-label{font-size:.875rem;letter-spacing:.08em;color:#f5de71;font-weight:800}.prize-card h3{font-size:2rem;line-height:1.2;margin:.6rem 0}.prize-card p{font-size:1rem;margin:.5rem 0}.prize-card .award-count{font-size:1.5rem;font-weight:800;color:var(--yellow);margin:1rem 0}.prize-card .award-topics{font-size:.875rem;line-height:1.5;border-top:1px solid #ffffff40;padding-top:1rem;display:grid;grid-template-columns:1fr;gap:.45rem;text-align:left}.award-topic{display:flex;gap:.5rem}.save-status{font-size:.875rem;color:var(--muted);margin:.65rem 0}.save-status:empty{display:none}dialog{max-width:560px;width:calc(100% - 2rem);border:0;border-radius:20px;padding:1.2rem 1.4rem;color:var(--ink);box-shadow:0 15px 60px #10224650;max-height:85dvh;overflow-y:auto}dialog::backdrop{background:#10224680}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1rem}.dialog-header h2{font-size:1.2rem;line-height:1.4;margin:0}.lesson-item{background:#f3f6fd;border-radius:12px;padding:.85rem 1rem;margin-bottom:.75rem}.lesson-item strong{font-size:1rem;display:block}.lesson-item p{font-size:.95rem;color:var(--muted);margin:.4rem 0}.lesson-example{color:var(--blue);font-size:1rem;font-weight:700}.save-note{font-size:.95rem;color:var(--muted);line-height:1.6}.dialog-actions{display:grid;gap:.6rem}.dialog-actions button{width:100%}#reset-confirm{border-top:1px solid var(--line);padding-top:.7rem;margin-top:.5rem}#reset-confirm p{font-size:.95rem}#celebration{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden}.confetti{position:absolute;top:18%;left:var(--x);width:8px;height:14px;background:var(--color);border-radius:2px;animation:confetti-fall 1s var(--delay) ease-out both}@keyframes confetti-fall{0%{opacity:0;transform:translate(0,-20px)}15%{opacity:1}100%{opacity:0;transform:translate(var(--drift),48vh) rotate(var(--spin))}}
@media(min-width:600px){.options.short-options{grid-template-columns:repeat(2,minmax(0,1fr))}.prize-card .award-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.site-header{padding:.65rem 1rem .55rem;gap:.5rem}.brand{font-size:1.1rem;gap:.5rem}.brand-mark{width:30px;height:30px;border-radius:10px;font-size:1.3rem}.header-actions{gap:.35rem}.stars{font-size:.95rem;padding:.2rem .5rem}.workspace{padding:0 .65rem 1.2rem}.practice-panel{border-radius:17px}#level-header{padding:1rem 1rem .8rem}.level-row{gap:.5rem;margin-bottom:.25rem}h1{font-size:1.25rem}.level-ko{font-size:.875rem}.level-label,.question-count{font-size:.875rem}.progress-track{margin-top:.75rem}#exercise{padding:1rem}.question-head h2{font-size:1.1rem}.question-tools{gap:.2rem}.tool-button{font-size:.875rem;padding:.35rem .5rem;min-height:40px}.instruction-ko{font-size:.9rem;margin:.25rem 0 .8rem}.stem{font-size:1.4rem;padding:.85rem 1rem;margin-bottom:.85rem}.option{font-size:1.05rem;padding:.65rem .8rem;min-height:52px;gap:.6rem}.context{font-size:.95rem;padding:.6rem .75rem}.sentence-tray{min-height:78px}.word{font-size:1rem;padding:.45rem .6rem}.sort-target{font-size:1.6rem;padding:1.1rem 1rem}.sort-answer{font-size:.875rem;gap:.6rem}.input-note{font-size:.875rem}.complete h2{font-size:1.55rem}.complete p{font-size:.95rem}.prize-card{padding:1.4rem 1rem}.prize-card h3{font-size:1.8rem}.prize-title{font-size:1.4rem}dialog{padding:1rem;max-height:85dvh}.word-tools{gap:.5rem;align-items:start}.word-tools .input-note{max-width:70%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}