.lm{--lm-blue:var(--blue,#3355e0);--lm-blue-deep:var(--blue-deep,#2238a8);--lm-blue-tint:var(--blue-tint,#e6ebff);--lm-ink:var(--ink,#1b2250);--lm-ink-2:var(--ink-2,#4e5680);--lm-ink-3:var(--ink-3,#6b7296);--lm-line:var(--line,#d5daea);--lm-line-strong:var(--line-strong,#aeb6d3);--lm-surface:var(--surface,#fff);--lm-sunken:var(--sunken,#e9edf6);--lm-green:var(--green,#17966b);--lm-green-deep:var(--green-deep,#0b6b4b);--lm-green-tint:var(--green-tint,#e1f5ec);--lm-r:var(--r-ctl,14px);height:100%;min-height:0;color:var(--lm-ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.main:has(>.lm){flex-direction:column;padding:0;display:flex;overflow:hidden}.main>.lm{flex:1}.lm-units{background:var(--lm-surface);border-bottom:1px solid var(--lm-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px;display:grid}.lm-unit{border:2px solid var(--lm-line-strong);border-radius:var(--lm-r);background:var(--lm-surface);min-height:52px;box-shadow:0 3px 0 var(--lm-line-strong);color:var(--lm-ink);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-items:center;gap:1px;margin-bottom:3px;padding:4px 2px;line-height:1.15;transition:transform 60ms ease-out,box-shadow 60ms ease-out,background-color 60ms ease-out;display:grid}.lm-unit b{font-size:.9375rem;font-weight:800}.lm-unit span{color:var(--lm-ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:.75rem;font-weight:700;display:inline-flex}.lm-unit:active{box-shadow:0 0 0 var(--lm-line-strong);background:var(--lm-sunken);transform:translateY(3px)}.lm-unit[aria-selected=true]{border-color:var(--lm-blue);background:var(--lm-blue-tint);color:var(--lm-blue-deep);box-shadow:0 1px 0 var(--lm-blue),inset 0 2px 0 #2238a824;transform:translateY(2px)}.lm-unit[aria-selected=true] span{color:var(--lm-blue-deep)}.lm-unit[data-complete="1"] span{color:var(--lm-green-deep)}.lm-unit:focus-visible,.lm-go:focus-visible,.lm-recenter:focus-visible{outline:3px solid var(--lm-ink);outline-offset:2px}.lm-map{touch-action:none;cursor:grab;background:linear-gradient(#cfebfa,#8fd3f5);min-height:220px;position:relative;overflow:hidden}.lm-map[data-drag="1"]{cursor:grabbing}.lm-map>svg{width:100%;height:100%;display:block}.lm-scene{transition:transform .45s cubic-bezier(.2,.7,.3,1)}.lm-map[data-drag="1"] .lm-scene,.lm-scene[data-instant="1"]{transition:none}.lm-cat{pointer-events:none;transition:transform .32s linear}.lm-cat[data-instant="1"]{transition:none}.lm-node{cursor:pointer;outline:none}.lm-node .lm-focus{opacity:0}.lm-node:focus-visible .lm-focus{opacity:1}.lm-node .lm-tag{transition:transform 60ms ease-out}.lm-node:active .lm-tag{transform:translateY(3px)}.lm-node:active .lm-tag-edge{opacity:0}.lm-tag text{font-variant-numeric:tabular-nums;font:800 13px/1 inherit}.lm-beacon{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite lm-beacon}@keyframes lm-beacon{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.lm-recenter{border-radius:var(--lm-r);border:2px solid var(--lm-line-strong);background:var(--lm-surface);width:48px;height:48px;box-shadow:0 3px 0 var(--lm-line-strong);color:var(--lm-blue-deep);cursor:pointer;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.lm-recenter:active{box-shadow:0 0 0 var(--lm-line-strong);transform:translateY(3px)}.lm-start{background:var(--lm-surface);border-top:1px solid var(--lm-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:8px 12px;display:grid}.lm-level{background:var(--lm-blue-tint);min-width:52px;height:40px;color:var(--lm-blue-deep);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;padding:0 8px;font-size:1.0625rem;font-weight:800;display:grid}.lm-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.lm-go{border-radius:var(--lm-r);background:var(--lm-blue);color:#fff;min-height:52px;font:inherit;box-shadow:0 4px 0 var(--lm-blue-deep);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;grid-column:1/-1;justify-content:center;align-items:center;margin-bottom:4px;padding:8px 16px;font-size:1.0625rem;font-weight:700;transition:transform 60ms ease-out,box-shadow 60ms ease-out,background-color 60ms ease-out;display:flex}.lm-go:active{box-shadow:0 1px 0 var(--lm-blue-deep);background:var(--lm-blue-deep);transform:translateY(3px)}.lm-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width>=600px){.lm-start{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 16px}.lm-go{grid-column:auto;min-width:14rem}.lm-units{gap:10px;padding:10px 16px}}@media (height<=620px){.lm-unit{min-height:46px}.lm-go{min-height:48px}.lm-start{padding:6px 12px}}@media (prefers-reduced-motion:reduce){.lm *,.lm :before{transition:none!important;animation:none!important}.lm-unit[aria-selected=true],.lm-unit:active,.lm-go:active,.lm-node:active .lm-tag{transform:none!important}}.lm-name{pointer-events:none;background:#fffffff0;border-radius:999px;max-width:calc(100% - 20px);padding:5px 12px;font-size:.9375rem;font-weight:800;line-height:1.3;position:absolute;top:10px;left:10px}.lm-prop,.lm-prop *,.lm-cat,.lm-cat *{pointer-events:none}.lm-map{min-height:0}.lm-tag text{font-family:inherit;font-size:13px;font-weight:800}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f5fa;--surface:#fff;--sunken:#e9edf6;--ink:#1b2250;--ink-2:#4e5680;--ink-3:#6b7296;--line:#d5daea;--line-strong:#aeb6d3;--blue:#3355e0;--blue-deep:#2238a8;--blue-tint:#e6ebff;--sun:#ffc940;--sun-deep:#b07a00;--sun-tint:#fff4cf;--pink:#f2578e;--pink-deep:#b8275c;--pink-tint:#ffe6ef;--green:#17966b;--green-deep:#0b6b4b;--green-tint:#e1f5ec;--violet:#7c5ce0;--violet-deep:#5437b5;--violet-tint:#eee9ff;--ok:var(--green);--ok-deep:var(--green-deep);--ok-tint:var(--green-tint);--retry-deep:#8a4b00;--retry-tint:#fff0d6;--retry-line:#e9b25a;--danger:#b3261e;--r-cell:10px;--r-ctl:14px;--r-card:20px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--t-meta:.875rem;--t-body:1rem;--t-lead:1.125rem;--t-h3:1.25rem;--t-h2:1.5rem;--t-h1:1.875rem;--g-sm:1.75rem;--g-md:3rem;--g-lg:5.5rem;--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;--edge:0 3px 0 var(--line-strong);--edge-blue:0 4px 0 var(--blue-deep);--focus:0 0 0 3px var(--surface),0 0 0 6px var(--ink);--tap:48px;--side-w:256px;--page-max:1080px;--lesson-max:640px;--ad-h:0px;--ad-gap:12px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--ease:cubic-bezier(.2,.7,.3,1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font);font-size:var(--t-body);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.55;display:flex}h1,h2,h3,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}button,input,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default}svg{flex:none;display:block}:focus{outline:none}:focus-visible{border-radius:var(--r-ctl);box-shadow:var(--focus)!important}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}h1{font-size:var(--t-h1);letter-spacing:-.02em;font-weight:800;line-height:1.25}h2{font-size:var(--t-h2);letter-spacing:-.015em;font-weight:800;line-height:1.3}h3{font-size:var(--t-h3);font-weight:700;line-height:1.35}.muted{color:var(--ink-2)}.meta{font-size:var(--t-meta);color:var(--ink-2)}.num{font-variant-numeric:tabular-nums}.proto-bar{background:var(--ink);color:#fff;flex-wrap:wrap;flex:none;align-items:center;gap:6px 16px;padding:6px 12px;font-size:.8125rem;display:flex}.proto-bar strong{opacity:.7;font-weight:700}.proto-bar label{align-items:center;gap:6px;display:flex}.proto-bar select{color:#fff;background:#2b3470;border:1px solid #5560a0;border-radius:6px;max-width:44vw;padding:3px 6px;font-size:.8125rem}.app{flex:1;grid-template:"top""main"minmax(0,1fr)"dock""ad"/minmax(0,1fr);min-height:0;display:grid}.side{grid-area:side;display:none}.top{justify-content:space-between;align-items:center;gap:var(--s3);padding:calc(var(--s2) + var(--safe-t)) calc(var(--s4) + var(--safe-r)) var(--s2) calc(var(--s4) + var(--safe-l));background:var(--paper);grid-area:top;display:flex}.main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--s2) calc(var(--s4) + var(--safe-r)) var(--s6) calc(var(--s4) + var(--safe-l));grid-area:main;overflow-y:auto}.dock{background:var(--surface);border-top:1px solid var(--line);padding-left:var(--safe-l);padding-right:var(--safe-r);grid-area:dock}.adslot{background:var(--sunken);padding-bottom:var(--safe-b);grid-area:ad}.app[data-ad=off] .dock{padding-bottom:var(--safe-b)}.app[data-ad=off] .adslot{display:none}.wrap{max-width:var(--page-max);gap:var(--s5);flex-direction:column;margin:0 auto;display:flex}.adslot-in{padding-top:var(--ad-gap);flex-direction:column;align-items:center;display:flex}.adslot-label{margin:calc(2px - var(--ad-gap)) 0 0 calc(var(--s4) + var(--safe-l));color:var(--ink-3);align-self:flex-start;font-size:.6875rem;line-height:1}.ad-ph{width:min(100%,728px);height:var(--ad-h);font-size:var(--t-meta);color:var(--ink-3);background:repeating-linear-gradient(135deg,#dde2ef 0 10px,#e6eaf4 10px 20px);place-items:center;display:grid}.brand{min-height:var(--tap);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:800;display:flex}.brand img{border-radius:9px;width:36px;height:36px}.top .brand small{display:none}.brand small{color:var(--ink-2);letter-spacing:0;font-size:.75rem;font-weight:500;display:block}.lang{position:relative}.lang-btn{white-space:nowrap;min-height:var(--tap);border:2px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);box-shadow:var(--edge);align-items:center;gap:8px;padding:0 12px;font-weight:600;display:flex}.lang-btn:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.lang-menu{z-index:30;background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-ctl);min-width:184px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #1b225033}.lang-opt{width:100%;min-height:var(--tap);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:600;display:flex}.lang-opt[aria-selected=true]{background:var(--blue-tint);color:var(--blue-deep)}.lang-opt:hover{background:var(--sunken)}.btn{border-radius:var(--r-ctl);min-height:52px;font-weight:700;font-size:var(--t-lead);text-align:center;transition:transform 80ms var(--ease);justify-content:center;align-items:center;gap:8px;padding:10px 20px;line-height:1.25;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--edge-blue);margin-bottom:4px}.btn-primary:active{box-shadow:0 1px 0 var(--blue-deep);transform:translateY(3px)}.btn-primary:disabled{background:var(--sunken);color:var(--ink-3);box-shadow:none;transform:none}.btn-secondary{background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);box-shadow:var(--edge);margin-bottom:3px}.btn-secondary:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.btn-text{min-height:var(--tap);font-size:var(--t-body);color:var(--blue-deep);text-underline-offset:4px;padding:8px 10px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.btn-text:disabled{color:var(--ink-3);text-decoration:none}.btn-danger{color:var(--danger)}.btn-block{width:100%}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-ctl);border:2px solid var(--line-strong);background:var(--surface);box-shadow:var(--edge);color:var(--blue-deep);place-items:center;display:inline-grid}.icon-btn:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.cell{isolation:isolate;aspect-ratio:1;border-radius:var(--r-cell);background:var(--surface);border:1.5px solid var(--line);width:3.5rem;font-weight:700;font-size:var(--g-sm);color:var(--ink);flex:none;place-items:center;line-height:1;display:grid;position:relative}.cell:before,.cell:after{content:"";z-index:-1;pointer-events:none;border:0 dashed var(--line);position:absolute}.cell:before{border-left-width:1px;top:10%;bottom:10%;left:50%}.cell:after{border-top-width:1px;top:50%;left:10%;right:10%}.cell-md{width:5.5rem;font-size:var(--g-md)}.cell-lg{width:9rem;font-size:var(--g-lg);border-radius:14px}.cell-wide{aspect-ratio:auto;width:auto;min-height:5.5rem;padding:var(--s3) var(--s5);text-align:center;font-size:2rem;line-height:1.3}.cell-wide:before{display:none}.cell[data-c=blue]{background:var(--blue-tint);color:var(--blue-deep);border-color:#c3cefa}.cell[data-c=green]{background:var(--green-tint);color:var(--green-deep);border-color:#b5e3cf}.cell[data-c=sun]{background:var(--sun-tint);color:#6e4c00;border-color:#f1dd95}.cell[data-c=pink]{background:var(--pink-tint);color:var(--pink-deep);border-color:#f7c3d6}.cell[data-c] :before,.cell[data-c]:before,.cell[data-c]:after{border-color:#1b225024}.card{background:var(--surface);border-radius:var(--r-card);padding:var(--s5)}.home{gap:var(--s5);display:grid}.hello{justify-content:space-between;align-items:flex-end;gap:var(--s4);display:flex}.next{gap:var(--s4);background:var(--blue-tint);border-radius:var(--r-card);padding:var(--s5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:relative}.next>div:first-child{flex:11rem;min-width:0}.next h2{margin:2px 0 6px}.next .btn{margin-top:var(--s4)}.next-art{padding-bottom:18px;position:relative}.next-art .chr{width:64px;height:auto;position:absolute;bottom:-12px;right:-14px}.today{gap:var(--s3);display:grid}.today-row{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.bar{background:var(--sunken);border-radius:5px;height:10px;overflow:hidden}.bar>i{background:var(--green);border-radius:5px;height:100%;display:block}.facts{gap:var(--s2) var(--s5);padding-top:var(--s3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.fact{color:var(--ink-2);align-items:center;gap:8px;display:flex}.fact b{color:var(--ink);font-weight:800;font-size:var(--t-lead)}.path-head{justify-content:space-between;align-items:flex-end;gap:var(--s3);flex-wrap:wrap;display:flex}.unit{background:var(--surface);border-radius:var(--r-card)}.unit+.unit{margin-top:var(--s3)}.unit>summary{align-items:center;gap:var(--s3);padding:var(--s4);cursor:pointer;border-radius:var(--r-card);grid-template-columns:auto minmax(0,1fr) auto;min-height:72px;list-style:none;display:grid}.unit>summary::-webkit-details-marker{display:none}.unit>summary .chev{color:var(--blue-deep);transition:transform .15s var(--ease)}.unit-count{color:var(--ink-2);font-weight:700}.unit .bar{height:6px;margin-top:6px}.unit[data-c=blue] .bar>i{background:var(--blue)}.unit[data-c=green] .bar>i{background:var(--green)}.unit[data-c=sun] .bar>i{background:var(--sun-deep)}.unit[data-c=pink] .bar>i{background:var(--pink)}.lessons{padding:0 var(--s4) var(--s4);gap:10px;display:grid}.lrow{align-items:center;gap:var(--s3);border-radius:var(--r-ctl);grid-template-columns:auto minmax(0,1fr) auto;width:100%;min-height:68px;padding:8px 14px 8px 8px;display:grid}.lrow b{font-weight:700;line-height:1.3;display:block}.lrow .cell{width:3rem;font-size:1.5rem}button.lrow{background:var(--surface);border:2px solid var(--line-strong);box-shadow:var(--edge);margin-bottom:3px}button.lrow:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}button.lrow[data-state=next]{border-color:var(--blue);box-shadow:0 3px 0 var(--blue)}.lrow[data-state=locked]{background:var(--sunken);color:var(--ink-3)}.lrow[data-state=locked] .cell{color:var(--ink-3);background:0 0;border-style:dashed}.lrow[data-state=locked] .meta{color:var(--ink-3)}.pill{border-radius:var(--r-pill);font-size:var(--t-meta);white-space:nowrap;align-items:center;gap:4px;padding:4px 12px;font-weight:700;display:inline-flex}.pill-go{background:var(--blue);color:#fff}.pill-done{background:var(--green-tint);color:var(--green-deep)}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab{min-height:60px;color:var(--ink-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:.8125rem;font-weight:600;line-height:1.2;display:flex;position:relative}.tab .tab-ic{border-radius:var(--r-pill);place-items:center;width:52px;height:28px;display:grid}.tab[aria-current=page]{color:var(--blue-deep);font-weight:800}.tab[aria-current=page] .tab-ic{background:var(--blue-tint)}.badge{background:var(--pink-deep);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-weight:800;line-height:20px;position:absolute;top:4px;left:calc(50% + 10px)}.app[data-mode=lesson] .top{display:none}.app[data-mode=lesson] .main{padding-top:calc(var(--s2) + var(--safe-t))}.lesson{max-width:var(--lesson-max);gap:var(--s4);flex-direction:column;min-height:100%;margin:0 auto;display:flex}.lhead{align-items:center;gap:var(--s3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.segs{gap:2px;height:12px;display:flex}.segs i{background:var(--sunken);border-radius:3px;flex:1}.segs i[data-r="1"]{background:var(--green)}.segs i[data-r="0"]{background:var(--retry-line)}.segs i[data-r=now]{background:var(--surface);box-shadow:inset 0 0 0 2px var(--blue)}.q{align-items:center;gap:var(--s4);text-align:center;flex-direction:column;flex:1;display:flex}.qtype{font-size:var(--t-meta);color:var(--ink-2);align-items:center;gap:6px;font-weight:700;display:inline-flex}.prompt{font-size:var(--t-h2)}.prompt:focus-visible{text-decoration:underline;box-shadow:none!important}.stim{align-items:center;gap:var(--s2);flex-direction:column;display:flex}.stim-row{align-items:center;gap:var(--s3);display:flex}.roman{font-size:var(--t-lead);color:var(--ink-2)}.picture{font-size:5.5rem;line-height:1.1}.en-stim{font-size:1.75rem;font-weight:800;line-height:1.3}.listen-big{background:var(--blue);color:#fff;width:9rem;min-height:9rem;box-shadow:0 5px 0 var(--blue-deep);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-bottom:5px;font-weight:700;display:flex}.listen-big:active{box-shadow:0 2px 0 var(--blue-deep);transform:translateY(3px)}.hint{color:var(--ink-2)}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.choices[data-cols="1"]{grid-template-columns:minmax(0,1fr)}.choice{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-ctl);min-height:64px;box-shadow:var(--edge);font-size:var(--t-lead);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:3px;padding:10px 14px;font-weight:600;display:grid}.choice[lang=ko],.choice .ko{font-size:1.5rem;font-weight:700}.choices[data-cols="1"] .choice .ko{font-size:1.25rem}.choice:active:not(:disabled){box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.radio{border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.choice[aria-pressed=true]{border-color:var(--blue);background:var(--blue-tint);box-shadow:0 3px 0 var(--blue)}.choice[aria-pressed=true] .radio{border-color:var(--blue)}.choice[aria-pressed=true] .radio:after{content:"";background:var(--blue);border-radius:50%;width:10px;height:10px}.choice:disabled{box-shadow:none;color:var(--ink-2);margin-bottom:3px}.choice[data-res=ok]{border-color:var(--ok);background:var(--ok-tint);color:var(--ok-deep)}.choice[data-res=no]{border-color:var(--retry-line);background:var(--retry-tint);color:var(--retry-deep)}.choice[data-res] .radio{border:0}.choice[data-res] .radio:after{display:none}.pairs{gap:12px var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.pair{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-ctl);min-height:64px;box-shadow:var(--edge);font-weight:600;font-size:var(--t-lead);text-align:center;justify-content:center;align-items:center;gap:6px;margin-bottom:3px;padding:10px 12px;display:flex}.pair[lang=ko]{font-size:1.5rem;font-weight:700}.pair[aria-pressed=true]{border-color:var(--blue);background:var(--blue-tint);box-shadow:0 3px 0 var(--blue)}.pair[data-res=ok]{background:var(--ok-tint);color:var(--ok-deep);box-shadow:none;border-color:#0000}.pair[data-res=no]{border-color:var(--retry-line);background:var(--retry-tint);color:var(--retry-deep)}.block{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;gap:6px;width:9rem;height:9rem;padding:8px;display:grid}.block[data-shape=lr]{grid-template:"i v"1fr/1fr 1fr}.block[data-shape=lrf]{grid-template:"i v"1.2fr"f f"1fr/1fr 1fr}.block[data-shape=tb]{grid-template:"i"1fr"v"1fr/1fr}.block[data-shape=tbf]{grid-template:"i"1fr"v".8fr"f"1fr/1fr}.slot{border:2px dashed var(--line-strong);border-radius:8px;place-items:center;min-height:0;font-size:1.75rem;font-weight:700;line-height:1;display:grid}.slot[data-a=i]{grid-area:i}.slot[data-a=v]{grid-area:v}.slot[data-a=f]{grid-area:f}button.slot{border:2px solid var(--blue);background:var(--blue-tint);color:var(--blue-deep)}.answer-line{border-radius:var(--r-ctl);background:var(--sunken);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;min-height:76px;padding:10px;display:flex}.answer-line:empty:before{content:attr(data-empty);color:var(--ink-3)}.tiles{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.tile{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-ctl);min-width:56px;min-height:56px;box-shadow:var(--edge);text-align:center;margin-bottom:3px;padding:6px 16px;font-size:1.5rem;font-weight:700}.tile:active:not(:disabled){box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.tile[data-used="1"]{visibility:hidden}.tile.placed{border-color:var(--blue);background:var(--blue-tint);color:var(--blue-deep);box-shadow:0 3px 0 var(--blue)}.trace{align-items:center;gap:var(--s2);flex-direction:column;width:100%;display:flex}.trace canvas{aspect-ratio:1;border-radius:var(--r-card);background:var(--surface);border:2px solid var(--line-strong);touch-action:none;width:min(100%,18rem)}.trace-tools{justify-content:center;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.act{max-width:var(--lesson-max);gap:var(--s3);padding:var(--s3) var(--s4);margin:0 auto;display:grid}.act .hint{font-size:var(--t-meta);text-align:center}.dock[data-fb=ok]{background:var(--ok-tint);border-top-color:var(--ok)}.dock[data-fb=no]{background:var(--retry-tint);border-top-color:var(--retry-line)}.fb{gap:var(--s3);animation:rise .18s var(--ease);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.fb-ic{color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.dock[data-fb=ok] .fb-ic{background:var(--ok)}.dock[data-fb=no] .fb-ic{background:var(--retry-deep)}.dock[data-fb=ok] .fb{color:var(--ok-deep)}.dock[data-fb=no] .fb{color:var(--retry-deep)}.fb strong{font-size:var(--t-lead);font-weight:800;display:block}.fb .ans{color:var(--ink);font-weight:600}.fb .ans [lang=ko]{font-size:1.25rem;font-weight:800}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.intro{gap:var(--s5);flex-direction:column;flex:1;display:flex}.intro-head{gap:var(--s4);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.intro-head .chr{width:72px;height:auto}.tip{background:var(--sun-tint);border-radius:var(--r-card);padding:var(--s4) var(--s5);font-size:var(--t-lead)}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:12px;display:grid}.sound{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-ctl);box-shadow:var(--edge);flex-direction:column;align-items:center;gap:2px;min-height:5.5rem;margin-bottom:3px;padding:10px 6px 8px;display:flex}.sound:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.sound .g{font-size:2rem;font-weight:700;line-height:1.2}.sound .s{font-size:var(--t-meta);color:var(--blue-deep);align-items:center;gap:4px;font-weight:600;display:flex}.sound-grid[data-kind=sentence]{grid-template-columns:minmax(0,1fr)}.sound-grid[data-kind=sentence] .sound{min-height:var(--tap);text-align:left;flex-direction:row;justify-content:space-between;padding:10px 14px}.sound-grid[data-kind=sentence] .g{font-size:1.25rem}.result{align-items:center;gap:var(--s4);text-align:center;padding-top:var(--s4);flex-direction:column;display:flex}.result-art{justify-content:center;align-items:flex-end;gap:4px;min-height:120px;display:flex;position:relative}.stamp{border:5px solid var(--pink-deep);width:124px;height:124px;color:var(--pink-deep);animation:thump .45s var(--ease) .15s both;border-radius:50%;place-items:center;font-size:1.375rem;font-weight:900;line-height:1.15;display:grid;position:relative;transform:rotate(-10deg)}.stamp:before{content:"";border:1.5px solid;border-radius:50%;position:absolute;inset:5px}@keyframes thump{0%{opacity:0;transform:rotate(-10deg)scale(1.9)}60%{opacity:1;transform:rotate(-10deg)scale(.94)}to{transform:rotate(-10deg)scale(1)}}.score{letter-spacing:-.03em;font-size:3rem;font-weight:900;line-height:1}.score small{color:var(--ink-2);letter-spacing:0;font-size:1.25rem;font-weight:700}.dots{grid-template-columns:repeat(10,1fr);gap:6px;width:min(100%,20rem);display:grid}.dots i{aspect-ratio:1;color:#fff;border-radius:6px;place-items:center;display:grid}.dots i[data-r="1"]{background:var(--green)}.dots i[data-r="0"]{background:var(--retry-tint);box-shadow:inset 0 0 0 2px var(--retry-line);color:var(--retry-deep)}.result-actions{gap:var(--s3);width:100%;max-width:26rem;display:grid}.missed{text-align:left;width:100%}.missed ul{margin-top:var(--s2);flex-wrap:wrap;gap:8px;display:flex}.missed li{background:var(--surface);border-radius:var(--r-ctl);align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.missed .cell{width:2.5rem;font-size:1.25rem}.section{gap:var(--s3);display:grid}.callout{gap:var(--s4);background:var(--surface);border-radius:var(--r-card);padding:var(--s5);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.callout .chr{width:72px;height:auto}.callout .btn{grid-column:1/-1}.items{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:12px;display:grid}.item{background:var(--surface);border-radius:var(--r-ctl);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"c s""m m";align-items:center;gap:8px 10px;padding:12px;display:grid}.item .cell{grid-area:c}.item .icon-btn{grid-area:s;justify-self:end}.item .m{grid-area:m;line-height:1.35}.item .m b{display:block}.item[data-kind=sentence],.item[data-kind=word]{grid-template-areas:"k s""m s"}.item .k{grid-area:k;font-size:1.25rem;font-weight:700;line-height:1.3}.item[data-kind=sentence]{grid-column:1/-1}.item[data-new="1"]{box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.item .emoji{margin-right:6px;font-size:1.5rem}.rows{gap:10px;display:grid}.rrow{gap:var(--s3);background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-ctl);min-height:60px;box-shadow:var(--edge);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;width:100%;margin-bottom:3px;padding:8px 14px;font-weight:600;display:grid}.rrow:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);border-radius:var(--r-pill);border:2px solid var(--line-strong);background:var(--surface);padding:0 16px;font-weight:600}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.search{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-ctl);min-height:52px;color:var(--ink-2);align-items:center;gap:8px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--ink);min-height:var(--tap);background:0 0;border:0;outline:none;flex:1}.search:focus-within{border-color:var(--blue)}.stamps{gap:var(--s4) var(--s3);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.st{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.st-seal{border:2px dashed var(--line-strong);width:72px;height:72px;color:var(--ink-3);border-radius:50%;place-items:center;display:grid}.st[data-on="1"] .st-seal{border:4px solid var(--pink-deep);color:var(--pink-deep);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4.5px var(--pink-deep);transform:rotate(-8deg)}.st b{line-height:1.3}.group{background:var(--surface);border-radius:var(--r-card);padding:0 var(--s5)}.row{justify-content:space-between;align-items:center;gap:var(--s3) var(--s4);padding:var(--s4) 0;flex-wrap:wrap;display:flex}.row+.row{border-top:1px solid var(--line)}.row>div:first-child{flex:14rem;min-width:0}.row h3{font-size:var(--t-lead)}.switch{background:var(--line-strong);border-radius:18px;flex:none;width:60px;height:36px;transition:background .15s;position:relative}.switch:after{content:"";width:28px;height:28px;transition:transform .15s var(--ease);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.switch[aria-checked=true]{background:var(--blue)}.switch[aria-checked=true]:after{transform:translate(24px)}.switch-wrap{min-width:60px;min-height:var(--tap);place-items:center;display:grid}.seg{border-radius:var(--r-ctl);background:var(--sunken);gap:4px;padding:4px;display:inline-flex}.seg button{min-height:44px;color:var(--ink-2);border-radius:10px;padding:0 16px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--blue)}.ctl-row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.scrim{z-index:50;padding:var(--s4) var(--s4) calc(var(--s4) + var(--safe-b));background:#1b225073;place-items:end center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-card);width:min(100%,26rem);padding:var(--s5);gap:var(--s4);animation:rise .18s var(--ease);display:grid}.modal-actions{gap:var(--s3);display:grid}.toast{left:50%;bottom:calc(140px + var(--safe-b));z-index:60;background:var(--ink);color:#fff;border-radius:var(--r-ctl);max-width:90vw;padding:10px 16px;position:fixed;transform:translate(-50%)}@media (width<=359px){:root{--t-h1:1.625rem;--t-h2:1.375rem}.main,.top{padding-left:calc(var(--s3) + var(--safe-l));padding-right:calc(var(--s3) + var(--safe-r))}.brand span,.next-art{display:none}.choices{gap:10px}.choice{gap:8px;padding:8px 10px}.cell-lg,.block,.listen-big{width:7.5rem}.block{height:7.5rem}.listen-big{min-height:7.5rem}.cell-lg{font-size:4.5rem}.group{padding:0 var(--s4)}}@media (width<=599px){.next-art .cell{width:6.5rem;font-size:4rem}.next-art .chr{width:52px}}@media (width>=600px){.main{padding-left:calc(var(--s6) + var(--safe-l));padding-right:calc(var(--s6) + var(--safe-r))}.scrim{place-items:center}.lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.callout{grid-template-columns:auto minmax(0,1fr) auto}.callout .btn{grid-column:auto}.modal-actions{grid-template-columns:1fr 1fr}}@media (width>=960px),(orientation:landscape) and (height<=520px) and (width>=560px){.app{grid-template-columns:var(--side-w) minmax(0,1fr);grid-template-areas:"side top""side main""side dock""side ad"}.app[data-mode=lesson]{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main""dock""ad"}.side{gap:var(--s2);background:var(--surface);border-right:1px solid var(--line);padding:calc(var(--s4) + var(--safe-t)) var(--s3) var(--s4) calc(var(--s3) + var(--safe-l));flex-direction:column;display:flex;overflow-y:auto}.app[data-mode=lesson] .side{display:none}.side .brand{margin-bottom:var(--s3);padding:0 8px}.side nav{gap:4px;display:grid}.top .brand{visibility:hidden}.app[data-mode=tabs] .dock{display:none}.side .tab{border-radius:var(--r-ctl);min-height:52px;font-size:var(--t-body);flex-direction:row;justify-content:flex-start;gap:12px;padding:0 12px}.side .tab .tab-ic{background:0 0;width:28px}.side .tab[aria-current=page]{background:var(--blue-tint)}.side .badge{margin-left:auto;position:static}.side-deco{padding:var(--s4) 8px 0;border-top:1px solid var(--line);margin-top:auto}.side-deco .cast{align-items:flex-end;gap:2px;margin-bottom:8px;display:flex}.side-deco .chr{width:36px;height:auto}}@media (orientation:landscape) and (height<=520px) and (width>=560px) and (width<=959px){.app{--side-w:84px}.side .brand span,.side-deco{display:none}.side .tab{flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:4px;font-size:.75rem}.side .badge{margin:0;position:absolute}.q{align-content:start;justify-items:center;gap:var(--s2) var(--s5);grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-auto-flow:dense;display:grid}.q>.qtype,.q>.prompt,.q>.stim{grid-column:1}.q>:not(.qtype):not(.prompt):not(.stim){grid-column:2}.prompt{font-size:var(--t-h3)}.q>.choices,.q>.pairs,.q>.trace,.q>.tiles{grid-row:span 4;align-self:start}.act{padding-top:var(--s2);padding-bottom:var(--s2);grid-template-columns:minmax(0,1fr) auto;align-items:center}.act .hint{text-align:left}.act .btn{min-width:12rem;min-height:48px}:root{--ad-gap:8px}.cell-lg,.block,.listen-big{width:6rem}.block{height:6rem}.listen-big{min-height:6rem}.cell-lg{font-size:3.5rem}}@media (width>=960px){.main{padding:var(--s2) var(--s7) var(--s7)}.top{padding-right:var(--s7)}.home{align-items:start;column-gap:var(--s6);grid-template-columns:minmax(0,1fr) 20rem}.home>.hello,.home>.next{grid-column:1}.home>.rail{gap:var(--s4);grid-area:1/2/span 4;display:grid;position:sticky;top:0}.home>.path{grid-column:1}.next{padding:var(--s6)}.act{grid-template-columns:minmax(0,1fr) auto;align-items:center}.act .hint{text-align:left}.act .btn{min-width:14rem}.lesson{padding-top:var(--s5)}.two{gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#root{flex-direction:column;height:100dvh;min-height:0;display:flex}.app{height:100%;overflow:hidden}.chr{object-fit:contain;flex:none;display:block}.unit-summary-end{align-items:center;gap:8px;display:flex}.unit>summary .chev{transform:rotate(90deg)}.unit[open]>summary .chev{transform:rotate(-90deg)}.language-select select{appearance:auto;cursor:pointer;background:0 0;border:0;min-width:95px;max-width:140px;min-height:44px;font-weight:600}.settings-wrap{max-width:44rem}.ad-native-space{height:var(--ad-h);pointer-events:none;width:100%}.scrim{z-index:100;overflow-y:auto}.modal{max-height:calc(100dvh - 32px);position:relative;overflow-y:auto}.modal-close{width:36px;height:36px;min-height:36px;box-shadow:none;border:0;position:absolute;top:12px;right:12px}.modal h2{padding-right:28px}.modal>p{color:var(--ink-2)}.pairing-grid{gap:12px var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.pair-column{gap:12px;display:grid}.pair-item{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-ctl);min-height:64px;box-shadow:var(--edge);font-weight:600;font-size:var(--t-lead);text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:3px;padding:10px 12px;display:flex}.pair-item [lang=ko]{font-size:1.5rem;font-weight:700}.pair-item.selected{border-color:var(--blue);background:var(--blue-tint);box-shadow:0 3px 0 var(--blue)}.pair-item.matched{background:var(--ok-tint);color:var(--ok-deep);box-shadow:none;border-color:#0000}.pair-item.wrong{border-color:var(--retry-line);background:var(--retry-tint);color:var(--retry-deep)}.pair-status,.question-hint,.fine-print{font-size:var(--t-meta);color:var(--ink-2)}.trace-area{justify-items:center;gap:8px;width:100%;max-width:320px;display:grid}.trace-canvas{height:auto;display:block}.trace-tools{font-size:var(--t-meta)}.trace-tools .text-button{min-height:48px;color:var(--blue-deep);align-items:center;gap:6px;padding:8px;text-decoration:underline;display:flex}.trace-warning{color:var(--retry-deep)}.alternate-question{min-height:48px}.question-count{font-weight:700}.intro-shell>.btn-text{align-items:center;display:flex}@media (width>=960px){.app[data-mode=tabs][data-ad=on] .adslot{grid-column:1/-1}}@media (orientation:landscape) and (height<=520px) and (width>=560px) and (width<=959px){.q>.pairing-grid{grid-area:span 4/2;align-self:start}}@media (width<=359px){.language-select select{min-width:86px;max-width:110px}.lang-btn{padding:0 9px}}@media (width>=960px){.home{grid-template-columns:minmax(0,1fr) minmax(15rem,20rem)}}@media (width<=360px){.lessons{padding-left:10px;padding-right:10px}.lrow{gap:8px;padding-right:8px}.pill{padding:4px 8px}.stamps{grid-template-columns:repeat(2,minmax(0,1fr))}}.adslot,.adslot-in{border:0;gap:0;margin:0;padding:0}.adslot-in{display:block}.ad-native-space{border:0;margin:0;padding:0;line-height:0;display:block}.app[data-ad=on]{max-height:calc(100% - var(--safe-b))}.app[data-mode=lesson] .main{padding-top:calc(4px + var(--safe-t));padding-bottom:8px}.app[data-mode=lesson] .lesson{gap:8px}.app[data-mode=lesson] .lhead{gap:10px}.app[data-mode=lesson] .lhead .icon-btn{width:44px;height:44px}.app[data-mode=lesson] .segs{height:10px}.app[data-mode=lesson] .q{gap:10px}.app[data-mode=lesson] .q>.qtype,.app[data-mode=lesson] .q>.hint,.app[data-mode=lesson] .q>.question-hint,.app[data-mode=lesson] .trace-area>.fine-print{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app[data-mode=lesson] .prompt{font-size:1.25rem;line-height:1.3}.app[data-mode=lesson] .stim{gap:6px}.app[data-mode=lesson] .stim-row{gap:10px}.app[data-mode=lesson] .cell-lg{width:6.5rem;font-size:4rem}.app[data-mode=lesson] .cell-md{width:3.5rem;font-size:2rem}.app[data-mode=lesson] .cell-wide{min-height:0;padding:10px 16px;font-size:1.5rem;line-height:1.3}.app[data-mode=lesson] .picture{font-size:4rem;line-height:1.05}.app[data-mode=lesson] .en-stim{font-size:1.375rem;line-height:1.25}.app[data-mode=lesson] .listen-big{width:auto;min-width:11rem;min-height:64px;box-shadow:0 4px 0 var(--blue-deep);border-radius:20px;flex-direction:row;gap:10px;margin-bottom:4px;padding:8px 24px;font-size:1.125rem}.app[data-mode=lesson] .listen-big svg{width:30px;height:30px}.app[data-mode=lesson] .choices{gap:8px}.app[data-mode=lesson] .choice{gap:8px;min-height:56px;padding:8px 12px}.app[data-mode=lesson] .choices[data-cols="1"] .choice{min-height:52px;font-size:1rem;line-height:1.3}.app[data-mode=lesson] .choices[data-cols="1"] .choice .ko{font-size:1.125rem;line-height:1.3}.app[data-mode=lesson] .radio{width:20px;height:20px}.app[data-mode=lesson] .pairing-grid{gap:8px 12px}.app[data-mode=lesson] .pair-column{gap:8px}.app[data-mode=lesson] .pair-item{min-height:54px;padding:6px 10px;line-height:1.25}.app[data-mode=lesson] .pair-item [lang=ko]{font-size:1.375rem}.app[data-mode=lesson] .pair-status{margin:0}.app[data-mode=lesson] .block{width:7.5rem;height:7.5rem;padding:6px}.app[data-mode=lesson] .slot{font-size:1.5rem}.app[data-mode=lesson] .answer-line{gap:6px;min-height:60px;padding:6px}.app[data-mode=lesson] .tiles{gap:8px}.app[data-mode=lesson] .tile{min-width:48px;min-height:48px;padding:4px 12px;font-size:1.375rem}.app[data-mode=lesson] .trace{gap:4px}.app[data-mode=lesson] .trace-area{gap:4px;max-width:none}.app[data-mode=lesson] .trace-canvas,.app[data-mode=lesson] .trace canvas{border-radius:16px;width:min(100%,16rem,40dvh);height:auto}.app[data-mode=lesson] .trace-area>.question-hint{font-size:var(--t-meta);margin:0}.app[data-mode=lesson] .trace-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.app[data-mode=lesson] .alternate-question{padding-top:0;padding-bottom:0}.app[data-mode=lesson] .lesson-footer{padding:8px var(--s4);gap:8px}.app[data-mode=lesson] .lesson-footer>.hint:not(:only-child){display:none}.app[data-mode=lesson] .lesson-footer>.hint:only-child{padding:4px 0}.app[data-mode=lesson] .lesson-footer .btn{width:100%;min-height:52px}.app[data-mode=lesson] .fb{gap:10px}.app[data-mode=lesson] .fb-ic{width:32px;height:32px}.app[data-mode=lesson] .fb-ic svg{width:18px;height:18px}.app[data-mode=lesson] .fb strong{font-size:1rem;line-height:1.3}.app[data-mode=lesson] .fb .ans{line-height:1.3}@media (height<=620px){.app[data-mode=lesson] .q{gap:8px}.app[data-mode=lesson] .prompt{font-size:1.125rem}.app[data-mode=lesson] .cell-lg{width:5rem;font-size:3rem}.app[data-mode=lesson] .picture{font-size:3rem}.app[data-mode=lesson] .listen-big{min-height:56px}.app[data-mode=lesson] .choice{min-height:52px}.app[data-mode=lesson] .choices[data-cols="1"] .choice{min-height:48px;padding:6px 10px}.app[data-mode=lesson] .pair-item{min-height:48px}.app[data-mode=lesson] .block{width:6.5rem;height:6.5rem}.app[data-mode=lesson] .answer-line{min-height:54px}.app[data-mode=lesson] .lesson-footer{padding-top:6px;padding-bottom:6px}.app[data-mode=lesson] .lesson-footer .btn{min-height:48px}}@media (width<=359px){.app[data-mode=lesson] .choice{gap:6px;padding:6px 8px}.app[data-mode=lesson] .choice .ko{font-size:1.375rem}.app[data-mode=lesson] .lesson-footer{padding-left:var(--s3);padding-right:var(--s3)}}@media (width>=960px){.app[data-mode=lesson] .lesson-footer .btn{width:auto}}.app[data-mode=lesson] :is(.choice,.tile,.slot,.pair-item,.sound,.listen-big,.icon-btn,.btn-primary,.btn-secondary){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform 60ms ease-out,box-shadow 60ms ease-out,background-color 60ms ease-out}.app[data-mode=lesson] :is(.choice,.tile,.pair-item,.sound,.icon-btn,.btn-secondary):active:not(:disabled){box-shadow:0 0 0 var(--line-strong);background:var(--sunken);transform:translateY(3px)}.app[data-mode=lesson] :is(.btn-primary,.listen-big):active:not(:disabled){box-shadow:0 1px 0 var(--blue-deep);background:var(--blue-deep);transform:translateY(3px)}.app[data-mode=lesson] button.slot:active:not(:disabled){background:#d5ddfb;transform:translateY(2px)}.app[data-mode=lesson] .choice[aria-pressed=true]:not([data-res]),.app[data-mode=lesson] .pair-item.selected:not(.wrong),.app[data-mode=lesson] .tile.placed{border-color:var(--blue);background:var(--blue-tint);color:var(--blue-deep);box-shadow:0 1px 0 var(--blue),inset 0 2px 0 #2238a824;transform:translateY(2px)}.app[data-mode=lesson] .choice[aria-pressed=true]:not([data-res]) .radio{border-color:var(--blue);background:var(--surface)}.app[data-mode=lesson] .choice[aria-pressed=true]:not([data-res]):active,.app[data-mode=lesson] .pair-item.selected:active,.app[data-mode=lesson] .tile.placed:active:not(:disabled){box-shadow:0 0 0 var(--blue),inset 0 2px 0 #2238a833;background:#d5ddfb;transform:translateY(3px)}.app[data-mode=lesson] :is(.choice,.tile,.slot,.pair-item,.btn):disabled{transform:none}.app[data-mode=lesson] .choice[data-res]{box-shadow:none;transform:none}.app[data-mode=lesson] .btn-primary:disabled{box-shadow:none;background:var(--sunken);color:var(--ink-3)}.app[data-mode=lesson] :is(.choice,.tile,.slot,.pair-item,.sound,.listen-big,.icon-btn,.btn):focus-visible{outline:2px solid #0000;box-shadow:var(--focus)!important}@media (prefers-reduced-motion:reduce){.app[data-mode=lesson] :is(.choice,.tile,.slot,.pair-item,.sound,.listen-big,.icon-btn,.btn-primary,.btn-secondary),.app[data-mode=lesson] :is(.choice,.tile,.slot,.pair-item,.sound,.listen-big,.icon-btn,.btn-primary,.btn-secondary):active:not(:disabled),.app[data-mode=lesson] .choice[aria-pressed=true]:not([data-res]),.app[data-mode=lesson] .pair-item.selected:not(.wrong),.app[data-mode=lesson] .tile.placed{transition:none!important;transform:none!important}}@media (forced-colors:active){.app[data-mode=lesson] .choice[aria-pressed=true],.app[data-mode=lesson] .pair-item.selected,.app[data-mode=lesson] .tile.placed{outline-offset:-3px;outline:3px solid highlight}}@media (height<=620px){.app[data-mode=lesson] .lesson-footer:has(.feedback){grid-template-columns:minmax(0,1fr) auto;align-items:center}.app[data-mode=lesson] .lesson-footer:has(.feedback) .btn{width:auto;min-width:88px;max-width:110px;padding:6px 10px;font-size:1rem;line-height:1.25}.app[data-mode=lesson] .fb .ans [lang=ko]{font-size:1rem}.app[data-mode=lesson] .fb .ans [lang=en]{font-size:.875rem}}.app[data-mode=lesson] .choice-wrap,.app[data-mode=lesson] .pair-row{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;min-width:0;display:grid}.app[data-mode=lesson] .choice,.app[data-mode=lesson] .pair-item{width:100%}.app[data-mode=lesson] .mini-audio{width:44px;min-width:44px;height:44px;min-height:44px}.app[data-mode=lesson] .mini-audio svg{width:18px;height:18px}.app[data-mode=lesson] .pair-column{grid-auto-rows:1fr}.app[data-mode=lesson] .pair-plain{display:grid}.app[data-mode=lesson] .assemble-stim{flex-direction:row;max-width:100%}.app[data-mode=lesson] .assemble-stim .en-stim{min-width:0}.app[data-mode=lesson] .q .tiles:not(:has(.tile[data-used="0"])){display:none}@media (height<=620px){.app[data-mode=lesson] .q{gap:6px}.app[data-mode=lesson] .main{padding-bottom:6px}}.app[data-mode=lesson] .listen-big{width:min(11rem,100%);min-width:0;max-width:100%}