:root{--primary:rgb(77,107,254);--primary-ink:rgb(58,88,235);--primary-hover:rgb(46,72,210);--on-primary:#ffffff;--secondary:rgb(142,51,255);--error:rgb(255,86,48);--warning:rgb(255,171,0);--success:rgb(34,197,94);--info:rgb(0,184,217);--n0:#1d1e24;--n30:#ebeced;--n100:#7b8088;--n200:#6d717b;--n300:#5e636e;--n400:#525763;--n500:#434956;--n700:#262d3b;--bg:#f5f6f8;--surface:#ffffff;--surface-2:#fafbfc;--bg-sunken:#eceef2;--raised:#ffffff;--border:#e4e6ea;--border-strong:#cfd3da;--hairline:transparent;--text:var(--n0);--text-2:var(--n400);--muted:#656a73;--primary-soft:rgba(77,107,254,0.06);--primary-tint:rgba(77,107,254,0.12);--primary-border:rgba(77,107,254,0.22);--ring:rgba(77,107,254,0.35);--overlay:rgba(16,17,22,0.42);--ok:var(--primary-ink);--ok-soft:rgba(77,107,254,0.09);--partial:#15803d;--partial-soft:rgba(34,197,94,0.12);--wrong:#d83a22;--wrong-soft:rgba(255,86,48,0.1);--warn-soft:rgba(255,171,0,0.13);--warn-text:#8a5f10;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--s-10:76px;--t-2xs:11.5px;--t-xs:12.5px;--t-sm:13.5px;--t-md:15px;--t-lg:16.5px;--t-xl:19px;--t-2xl:23px;--t-3xl:28px;--t-hero:clamp(30px,1.6rem + 2.4vw,44px);--t-display:clamp(23px,1.3rem + 1.4vw,30px);--lh-tight:1.22;--lh-snug:1.5;--lh-body:1.7;--lh-read:2.5;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-full:999px;--shadow-1:0 1px 2px rgba(29,30,36,0.05);--shadow-2:0 2px 10px rgba(29,30,36,0.07),0 1px 2px rgba(29,30,36,0.04);--shadow-3:0 14px 38px rgba(29,30,36,0.13),0 2px 8px rgba(29,30,36,0.06);--shadow-lift:0 10px 26px rgba(29,30,36,0.1),0 2px 6px rgba(29,30,36,0.05);--nav-h:60px;--content-w:1140px;--measure:64ch;--font-ui:var(--font-noto),"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--font-read:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,"Roboto Mono",monospace;--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101216;--surface:#181a20;--surface-2:#1d2027;--bg-sunken:#22262e;--raised:#22262e;--border:#282c35;--border-strong:#3a3f4c;--hairline:rgba(255,255,255,0.048);--text:#eceef2;--text-2:#b9bdc6;--muted:#8d939e;--primary:rgb(126,150,255);--primary-ink:rgb(126,150,255);--primary-hover:rgb(150,170,255);--on-primary:#101216;--primary-soft:rgba(126,150,255,0.1);--primary-tint:rgba(126,150,255,0.18);--primary-border:rgba(126,150,255,0.28);--ring:rgba(126,150,255,0.45);--overlay:rgba(0,0,0,0.6);--ok-soft:rgba(126,150,255,0.14);--partial:#5fca8a;--partial-soft:rgba(95,202,138,0.14);--wrong:#ff8a72;--wrong-soft:rgba(255,138,114,0.14);--warn-soft:rgba(255,171,0,0.14);--warn-text:#e0b458;--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 2px 10px rgba(0,0,0,0.45);--shadow-3:0 16px 44px rgba(0,0,0,0.6);--shadow-lift:0 10px 26px rgba(0,0,0,0.5);color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--t-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);letter-spacing:-.022em;font-weight:700;text-wrap:balance}h1{font-size:var(--t-3xl);letter-spacing:-.03em}h2{font-size:var(--t-xl)}h3{font-size:var(--t-md)}p{margin:0}:where(h1,h2,h3,h4,p,li,td,th,dd,dt,figcaption,label,button,a){overflow-wrap:anywhere}:lang(ko) :where(h1,h2,h3,h4,p,li,td,th,dd,dt,figcaption,label,button,a){word-break:keep-all}li,p{text-wrap:pretty}::selection{background:var(--primary-tint)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 4px var(--ring)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}.mt{margin-top:var(--s-5)}.mt-s{margin-top:var(--s-3)}.mt-l{margin-top:var(--s-7)}.mb{margin-bottom:var(--s-4)}.mb-s{margin-bottom:var(--s-2)}.section{margin-top:var(--s-9)}.section>.section-head{margin-bottom:var(--s-4)}.section:first-of-type{margin-top:var(--s-8)}.stack{display:grid;gap:var(--s-4)}.stack-s{display:grid;gap:var(--s-2)}.stack-l{display:grid;gap:var(--s-6)}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.nav-in{max-width:var(--content-w);height:100%;margin:0 auto;padding:0 var(--s-5);display:flex;align-items:center;gap:var(--s-1)}.nav-in,.nav-in>*{min-width:0}.nav-brand{font-weight:800;font-size:var(--t-lg);letter-spacing:-.04em;margin-right:var(--s-4);white-space:nowrap}.nav-brand span{color:var(--primary-ink)}.nav-menus{display:flex;align-items:center;gap:1px;flex:1 1}.nav-group{position:relative}.nav-top{display:flex;align-items:center;gap:var(--s-1);padding:7px 11px;border:none;background:none;color:var(--text-2);font-size:var(--t-sm);font-weight:500;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-group[data-open=true] .nav-top,.nav-top:hover{background:var(--bg-sunken);color:var(--text)}.nav-top svg{opacity:.45;transition:transform var(--dur-2) var(--ease)}.nav-group[data-open=true] .nav-top svg{transform:rotate(180deg)}.nav-top[aria-current=true]{color:var(--primary-ink);font-weight:600}.nav-top[aria-current=true]:after{content:"";position:absolute;left:11px;right:11px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--primary)}.nav-drop{position:absolute;top:calc(100% + 7px);left:0;min-width:218px;padding:var(--s-1);background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);transform-origin:top left;animation:drop var(--dur-2) var(--ease-out)}@keyframes drop{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.nav-drop .dir-opt,.nav-drop a{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-2) 11px;border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--text-2);border:none;background:none;cursor:pointer;text-align:left;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-drop .dir-opt:hover,.nav-drop a:hover{background:var(--primary-soft);color:var(--primary-ink)}.nav-drop .dir-opt.on{color:var(--primary-ink);font-weight:600}.nav-drop .dir-opt small,.nav-drop a small{color:var(--muted);font-size:var(--t-2xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-right{display:flex;align-items:center;gap:var(--s-1)}.dir-switch{padding:2px;gap:2px;background:var(--bg-sunken);border-radius:var(--r-full)}.dir-switch,.dir-switch button{display:inline-flex;align-items:center}.dir-switch button{gap:5px;padding:4px 11px;border:none;background:none;color:var(--muted);font-size:var(--t-xs);font-weight:600;border-radius:var(--r-full);cursor:pointer;white-space:nowrap;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.dir-switch button[aria-pressed=true]{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-1)}.dir-menu{position:relative}.dir-menu-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid transparent;background:none;color:var(--text-2);font-size:var(--t-xs);font-weight:600;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.dir-menu-btn:hover{background:var(--bg-sunken);color:var(--text)}.page{max-width:var(--content-w);margin:0 auto;padding:var(--s-7) var(--s-5) var(--s-10)}.page-head{margin-bottom:var(--s-6)}.page-head .lede{color:var(--text-2);margin-top:var(--s-2);font-size:var(--t-lg);line-height:var(--lh-snug);max-width:var(--measure)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-ink);margin-bottom:var(--s-2)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.section-head h2{font-size:var(--t-xl)}.section-head .lede{color:var(--muted);font-size:var(--t-sm);margin-top:var(--s-1)}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:var(--s-6);align-items:start}.study-aside{position:sticky;top:calc(var(--nav-h) + var(--s-5));display:grid;gap:var(--s-4);min-width:0}.study-aside>*{min-width:0}@media (prefers-reduced-motion:no-preference){.page>*{animation:rise var(--dur-3) var(--ease-out) both}.page>:nth-child(2){animation-delay:40ms}.page>:nth-child(3){animation-delay:80ms}.page>:nth-child(n+4){animation-delay:.11s}.page>.editor,.page>.study-layout{animation-name:fade-in}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-1);background-image:linear-gradient(var(--hairline),transparent 42px)}.card-pad{padding:var(--s-6)}.card-head{padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border);justify-content:space-between;gap:var(--s-3)}.card-head,.card-head h3{display:flex;align-items:center}.card-head h3{font-size:var(--t-sm);font-weight:700;letter-spacing:-.01em;gap:var(--s-2);color:var(--text-2)}.card-head h3 svg{color:var(--muted)}.card-body{padding:var(--s-5)}.grid{display:grid;gap:var(--s-3)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(204px,1fr))}.tile{position:relative;overflow:hidden;display:block;padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-1);background-image:linear-gradient(var(--hairline),transparent 42px);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transform-origin:50% 0;transition:transform var(--dur-2) var(--ease-out)}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--primary-border)}.tile:hover:before{transform:scaleY(1)}.tile h3{margin-bottom:var(--s-1);font-size:var(--t-md)}.tile p{color:var(--muted);font-size:var(--t-sm);line-height:var(--lh-snug)}.tile-icon{width:40px;height:40px;margin-bottom:var(--s-3);display:grid;place-items:center;border-radius:var(--r);color:var(--primary-ink);background:var(--primary-soft);border:1px solid var(--primary-border);transition:background var(--dur-2) var(--ease)}.tile:hover .tile-icon{background:var(--primary-tint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-1);padding:9px var(--s-4);font-size:var(--t-sm);font-weight:600;letter-spacing:-.005em;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform 80ms var(--ease),box-shadow var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}.btn:hover:not(:disabled){background:var(--bg-sunken);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg:last-child{transition:transform var(--dur-2) var(--ease-out)}.btn:hover:not(:disabled) svg:last-child{transform:translateX(2px)}.btn-primary{background:var(--primary-ink);border-color:var(--primary-ink);color:var(--on-primary);box-shadow:0 1px 2px rgba(29,30,36,.16)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 3px 10px rgba(77,107,254,.28)}.btn-danger{background:var(--error);border-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.06);background:var(--error)}.btn-lg{padding:12px var(--s-6);font-size:var(--t-md);border-radius:var(--r)}.btn-sm{padding:5px 11px;font-size:var(--t-xs)}.btn-ghost{background:none;border-color:transparent;color:var(--text-2);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--bg-sunken);border-color:transparent}.btn-icon{width:32px;height:32px;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:9px var(--s-3);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);padding:3px 9px;font-size:var(--t-2xs);font-weight:600;border-radius:var(--r-full);background:var(--bg-sunken);color:var(--text-2);white-space:nowrap}.chip-wrap{white-space:normal;text-align:start}.chip-brand{background:var(--primary-soft);color:var(--primary-ink);border:1px solid var(--primary-border)}.chip-ok{background:var(--ok-soft);color:var(--ok)}.chip-warn{background:var(--warn-soft);color:var(--warn-text)}.chip-wrong{background:var(--wrong-soft);color:var(--wrong)}.bar{height:6px;background:var(--bg-sunken);border-radius:var(--r-full);overflow:hidden}.bar>i{display:block;height:100%;background:var(--primary);border-radius:inherit;transition:width var(--dur-3) var(--ease-out)}.skel{background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--surface-2) 37%,var(--bg-sunken) 63%);background-size:400% 100%;border-radius:var(--r-sm);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skel-line{height:12px}.skel-title{height:20px;width:42%}.skel-card{height:108px;border-radius:var(--r-xl)}@media (prefers-reduced-motion:reduce){.skel{animation:none;background:var(--bg-sunken)}}.quiz-head{justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border)}.quiz-head,.quiz-head .meta{display:flex;align-items:center}.quiz-head .meta{gap:var(--s-2);min-width:0}.quiz-head .title{font-size:var(--t-sm);font-weight:500;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer{display:inline-flex;align-items:center;gap:var(--s-1);font-family:var(--font-mono);font-size:var(--t-sm);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:4px 11px;border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--text-2);transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.timer.warn{background:var(--warn-soft);color:var(--warn-text)}.timer.danger{background:var(--wrong-soft);color:var(--wrong);animation:breathe 1.1s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.045)}}.quiz-body{padding:var(--s-6) var(--s-6) var(--s-7)}.stem{font-size:var(--t-lg);font-weight:600;line-height:var(--lh-snug);margin-bottom:var(--s-5);display:flex;align-items:flex-start;gap:var(--s-2);max-width:var(--measure)}.stem-lang{display:flex;align-items:center;gap:5px;margin:calc(var(--s-5) * -1) 0 var(--s-5)}.stem-lang svg{opacity:.6;flex:none}.explain-lang{display:block;margin-top:var(--s-2)}.passage{margin:0 0 var(--s-5);padding:var(--s-4) var(--s-5);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--primary-border);border-radius:var(--r)}.passage .en{font-family:var(--font-read);font-size:var(--t-lg);line-height:1.78;max-width:var(--measure)}.passage .ko{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--muted)}.body-text{font-size:var(--t-lg);line-height:var(--lh-read);white-space:pre-wrap;max-width:var(--measure)}.body-text .q{display:block;font-weight:600;margin-top:var(--s-3);color:var(--text-2)}.blank{font:inherit;font-family:var(--font-mono);font-size:var(--t-md);text-align:center;padding:1px var(--s-2);min-width:5ch;border:none;border-bottom:2px solid var(--border-strong);border-radius:3px 3px 0 0;background:transparent;color:var(--text);transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.blank::placeholder{color:var(--muted);opacity:.5;font-size:var(--t-xs)}.blank:focus{outline:none;background:var(--primary-soft);border-bottom-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.blank:disabled{background:transparent;opacity:.5;-webkit-text-fill-color:currentColor}.blank.mark-O,.blank.mark-V,.blank.mark-X{font-weight:700;border-bottom-width:3px;border-radius:4px 4px 0 0;animation:mark-settle var(--dur-2) var(--ease-out)}@keyframes mark-settle{0%{transform:translateY(-1px)}}.blank.mark-O,.blank.mark-O:focus{color:var(--ok);background:var(--ok-soft);border-bottom-color:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.blank.mark-V,.blank.mark-V:focus{color:var(--partial);background:var(--partial-soft);border-bottom-color:var(--partial);box-shadow:0 0 0 3px var(--partial-soft)}.blank.mark-X,.blank.mark-X:focus{color:var(--wrong);background:var(--wrong-soft);border-bottom-color:var(--wrong);box-shadow:0 0 0 3px var(--wrong-soft)}.blank.checking{border-bottom-color:var(--primary);background-image:linear-gradient(90deg,var(--primary) 50%,transparent 50%);background-size:8px 2px;background-repeat:repeat-x;background-position:0 100%;animation:crawl .7s linear infinite}@keyframes crawl{to{background-position:8px 100%}}.blank-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline}.blank-badge{position:absolute;top:-7px;right:-9px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1;color:#fff;pointer-events:none;box-shadow:0 0 0 2px var(--surface);animation:mark-pop var(--dur-2) var(--ease-out)}.blank-badge.b-O{background:var(--ok);color:var(--on-primary)}.blank-badge.b-V{background:var(--partial)}.blank-badge.b-X{background:var(--wrong)}@keyframes mark-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.blank-note{font-size:var(--t-2xs);line-height:1.4;font-family:var(--font-mono)}.blank-note.ans{color:var(--ok)}.blank-note.roman{color:var(--muted);font-size:10.5px}.options{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2);max-width:var(--measure)}.option{display:flex;align-items:flex-start;gap:var(--s-3);width:100%;text-align:left;font:inherit;font-size:var(--t-md);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),transform 80ms var(--ease)}.option:hover:not(:disabled){border-color:var(--primary-border);background:var(--surface-2)}.option:active:not(:disabled){transform:translateY(1px)}.option .num{flex:none;width:22px;height:22px;margin-top:1px;display:grid;place-items:center;border-radius:var(--r-full);border:1px solid var(--border-strong);font-size:var(--t-2xs);font-weight:700;color:var(--muted);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.option.chosen{border-color:var(--primary);background:var(--primary-soft)}.option.chosen .num{border-color:var(--primary-ink);background:var(--primary-ink);color:var(--on-primary)}.option.is-answer{border-color:var(--ok);background:var(--ok-soft)}.option.is-answer .num{border-color:var(--ok);background:var(--ok);color:var(--on-primary)}.option.is-miss{border-color:var(--wrong);background:var(--wrong-soft)}.option.is-miss .num{border-color:var(--wrong);background:var(--wrong);color:#fff}.veil{position:relative}.veil>.veil-content{filter:blur(5px);opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;transform:scale(.995)}.veil>.veil-cta{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--s-3);text-align:center}.veil-cta p{color:var(--muted);font-size:var(--t-sm);max-width:34ch}.result{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--border);animation:rise var(--dur-3) var(--ease-out) both}.result-top{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}.score{font-size:var(--t-3xl);font-weight:800;letter-spacing:-.035em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.score.pass{color:var(--ok)}.score.fail{color:var(--wrong)}.verdict{font-size:var(--t-2xl);font-weight:800;letter-spacing:-.03em}.verdict.pass{color:var(--ok)}.verdict.fail{color:var(--wrong)}.marks{display:inline-flex;gap:var(--s-1);flex-wrap:wrap}.mark{width:23px;height:23px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--muted);font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:700;font-style:normal}.mark-O{background:var(--ok-soft);color:var(--ok)}.mark-V{background:var(--partial-soft);color:var(--partial)}.mark-X{background:var(--wrong-soft);color:var(--wrong)}.explain{margin-top:var(--s-4);padding:var(--s-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);font-size:var(--t-sm);white-space:pre-wrap;line-height:var(--lh-body);max-width:var(--measure)}.explain,.howto{color:var(--text-2)}.howto{font-size:var(--t-xs);line-height:1.85}.howto b.k-ok{color:var(--ok)}.howto b.k-v{color:var(--partial)}.howto b.k-x{color:var(--wrong)}.howto .legend{display:flex;align-items:center;gap:var(--s-1);flex-wrap:wrap}.howto .legend b{width:19px;height:19px;flex:none;display:inline-grid;place-items:center;border-radius:5px;font-size:11px;font-weight:800}.howto .legend b.k-ok{background:var(--ok-soft)}.howto .legend b.k-v{background:var(--partial-soft)}.howto .legend b.k-x{background:var(--wrong-soft)}.howto kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:4px;background:var(--surface)}.vocab{display:grid;gap:1px;margin-top:var(--s-5);font-size:var(--t-sm)}.vocab-row{display:flex;gap:var(--s-2);padding:var(--s-1) 0;border-bottom:1px dashed var(--border)}.vocab-row dt{font-weight:600;min-width:13ch;margin:0;display:flex;align-items:center;gap:var(--s-1)}.vocab-row dd{margin:0;color:var(--muted)}.audio-bar{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-5);flex-wrap:wrap}.speak{display:inline-grid;place-items:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:var(--r-sm);color:var(--muted);transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.speak:hover{color:var(--primary-ink);background:var(--primary-soft)}.table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.table th{text-align:left;font-weight:700;font-size:var(--t-2xs);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:var(--s-2) var(--s-3);white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:var(--s-3)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur-1) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table .n{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--t-xs)}.table-wrap{overflow-x:auto;background:linear-gradient(to right,var(--surface) 30%,transparent),linear-gradient(to left,var(--surface) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(29,30,36,.12),transparent),radial-gradient(farthest-side at 100% 50%,rgba(29,30,36,.12),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.hw-grid td.n.left{color:var(--muted)}.hw-grid td.n.done{color:var(--ok);font-weight:600}.hw-grid td.n.rest{color:var(--wrong);font-weight:600}.game-stage{position:relative;height:420px;border-radius:var(--r-xl);border:1px solid var(--border);overflow:hidden;background:linear-gradient(180deg,rgba(77,107,254,.14) 0,rgba(0,184,217,.09) 52%,rgba(142,51,255,.07) 100%),var(--surface)}.game-hud{inset:11px 13px auto 13px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-2);pointer-events:none}.faller,.game-hud{position:absolute;font-weight:600}.faller{padding:6px 13px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--primary-border);box-shadow:var(--shadow-2);font-size:15px;color:var(--text);white-space:nowrap}.faller small{display:block;font-size:10.5px;font-weight:500;color:var(--muted)}.faller.hit{animation:pop .24s var(--ease) forwards}@keyframes pop{to{transform:scale(1.3);opacity:0}}.game-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:13px;background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;padding:20px}.game-input{width:100%;font-family:var(--font-mono);font-size:17px;text-align:center;padding:12px;margin-top:12px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-col{display:grid;gap:7px}.match-item{padding:11px 14px;font:inherit;font-size:15px;text-align:left;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),opacity .15s var(--ease)}.match-item:hover:not(:disabled){border-color:var(--primary-border)}.match-item.sel{border-color:var(--primary);background:var(--primary-soft)}.match-item.done{opacity:.32;cursor:default;border-style:dashed}.match-item.bad{animation:shake .32s var(--ease);border-color:var(--wrong)}.word-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.word-chip{padding:8px 14px;font:inherit;font-size:15.5px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);cursor:grab;box-shadow:var(--shadow-1);transition:transform .13s var(--ease),opacity .13s var(--ease)}.word-chip:hover{transform:translateY(-1px)}.word-chip.used{opacity:.24;pointer-events:none}.sentence-slot{min-height:62px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border:2px dashed var(--border-strong);border-radius:var(--r);background:var(--surface-2)}.sentence-slot.over{border-color:var(--primary);background:var(--primary-soft)}.sentence-slot:empty:before{content:"단어를 여기에 놓으세요";color:var(--muted);font-size:14px}.level-list{display:grid;gap:var(--s-2)}.level-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.level-row:hover{transform:translateX(2px);border-color:var(--border-strong)}.level-row.suggested{border-color:var(--primary);background:var(--primary-soft);box-shadow:var(--shadow-2)}.level-row .lv{font-weight:700;font-size:var(--t-md)}.level-row .grade{color:var(--muted);font-size:var(--t-xs)}.hk{margin-top:var(--s-5)}.hk-input{min-height:52px;padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);font-size:var(--t-2xl);cursor:text;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.hk-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hk-placeholder{color:var(--muted);font-size:var(--t-md)}.hk-caret{display:inline-block;width:1.5px;height:1.1em;background:var(--primary);vertical-align:text-bottom;animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.hk-roman{margin-top:var(--s-1);color:var(--muted);font-size:var(--t-xs);font-family:var(--font-mono)}.hk-keys{position:relative;margin-top:var(--s-3);padding:var(--s-2);border-radius:var(--r-lg);background:var(--bg-sunken);max-width:560px;margin-inline:auto}.hk-keys,.hk-row{display:grid;gap:var(--s-1)}.hk-row{grid-template-columns:repeat(10,minmax(0,1fr))}.hk-zones{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1);margin-bottom:2px}.hk-zone{text-align:center;padding:2px 0;font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hk-zone.cons{color:var(--muted)}.hk-zone.vowel{color:var(--primary-ink)}.hk-divider{position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--s-2) + 20px);bottom:var(--s-2);width:2px;border-radius:1px;background:linear-gradient(var(--primary-border),var(--border-strong));pointer-events:none}.hk-key{min-width:0;height:46px;display:grid;place-items:center;padding:0;border:solid var(--border);border-width:1px 1px 2px;border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-1);transition:background 90ms var(--ease),transform 90ms var(--ease),box-shadow 90ms var(--ease)}.hk-key:hover{border-color:var(--border-strong)}.hk-key:active{background:var(--primary-soft);transform:translateY(2px);border-bottom-width:1px;box-shadow:none}.hk-key-cons .hk-jamo{color:var(--text)}.hk-key-vowel{background:var(--primary-soft);border-color:var(--primary-border)}.hk-key-vowel .hk-jamo{color:var(--primary-ink)}.hk-key-shifted{border-color:var(--primary)}.hk-key-on{background:var(--primary-ink);color:var(--on-primary);border-color:var(--primary-ink)}.hk-key-space,.hk-key-wide{font-size:var(--t-xs)}.hk-key-space{grid-column:1/7;color:var(--muted)}.hk-jamo{font-size:var(--t-lg);line-height:1.1}.hk-latin{font-size:9.5px;color:var(--muted);line-height:1}.hk-hint{margin-top:var(--s-2);font-size:var(--t-xs)}.empty,.hk-hint{color:var(--muted);text-align:center}.empty{padding:var(--s-9) var(--s-5);display:grid;justify-items:center;gap:var(--s-2)}.empty .empty-icon{width:52px;height:52px;margin-bottom:var(--s-1);display:grid;place-items:center;border-radius:var(--r-lg);background:var(--bg-sunken);color:var(--muted)}.empty p{max-width:44ch}.muted{color:var(--muted)}.small{font-size:var(--t-sm)}.row{gap:var(--s-2);flex-wrap:wrap}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:var(--s-3)}.measure{max-width:var(--measure)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.code{font-family:var(--font-mono);font-size:.92em;background:var(--bg-sunken);padding:2px 7px;border-radius:5px}.footer{border-top:1px solid var(--border);padding:var(--s-8) var(--s-5) var(--s-9);color:var(--muted);font-size:var(--t-sm);background:var(--surface-2)}.footer-in{max-width:var(--content-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand{display:flex;flex-direction:column;gap:3px}.footer-brand strong{color:var(--text);font-size:15px;letter-spacing:-.02em}.footer-lang{display:flex;align-items:center;gap:10px}.skip-link{position:fixed;top:var(--s-2);left:var(--s-2);z-index:200;padding:9px var(--s-4);border-radius:var(--r-sm);background:var(--primary-ink);color:var(--on-primary);font-weight:600;font-size:var(--t-sm);box-shadow:var(--shadow-3);transform:translateY(-160%);transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}.nav-burger{display:none;width:36px;height:36px;margin-left:-6px;align-items:center;justify-content:center;border:none;background:none;color:var(--text-2);border-radius:var(--r-sm);cursor:pointer}.nav-burger:hover{background:var(--bg-sunken);color:var(--text)}.drawer-scrim{position:fixed;inset:0;z-index:120;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--dur-2) var(--ease)}@keyframes fade{0%{opacity:0}}.drawer{width:min(368px,88vw);height:100%;overflow-y:auto;overscroll-behavior:contain;padding:var(--s-4) var(--s-5) var(--s-8);background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-3);animation:slide-in var(--dur-3) var(--ease-out)}@keyframes slide-in{0%{transform:translateX(-100%)}}.drawer-top{flex-wrap:wrap;padding-bottom:var(--s-3);margin-bottom:var(--s-4);border-bottom:1px solid var(--border)}.drawer-cta,.drawer-top{display:flex;gap:var(--s-2)}.drawer-cta{align-items:center;justify-content:center;padding:var(--s-3);margin-bottom:var(--s-5);border-radius:var(--r);background:var(--primary-ink);color:var(--on-primary);font-weight:600;font-size:var(--t-md);box-shadow:0 3px 10px rgba(77,107,254,.28)}.drawer-group+.drawer-group{margin-top:var(--s-5)}.drawer-group h3{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-1);padding-bottom:var(--s-1);border-bottom:1px solid var(--border)}.drawer-links{display:grid}.drawer-links a{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-2);border-radius:var(--r-sm);font-size:var(--t-md);color:var(--text-2);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.drawer-links a:hover{background:var(--primary-soft);color:var(--primary-ink)}.drawer-links a small{color:var(--muted);font-size:var(--t-2xs)}.drawer-foot{display:flex;gap:var(--s-2);margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--border)}.drawer-foot .btn{flex:1 1}@media (max-width:1000px){.study-layout{grid-template-columns:minmax(0,1fr)}.study-aside{position:static}}@media (max-width:940px){.nav-burger{display:inline-flex}.nav-menus{display:none}.nav-brand{margin-right:auto}.nav-right{gap:6px}}@media (max-width:620px){.nav-hide-sm{display:none}}@media (max-width:720px){:root{--s-5:16px;--s-6:20px;--s-7:26px;--s-8:32px;--s-9:42px;--s-10:56px;--t-3xl:23px;--t-2xl:20px;--t-xl:17px}body{font-size:14.5px}.page{padding:var(--s-5) var(--s-3) var(--s-10)}.nav-in{padding:0 var(--s-3)}.quiz-body{padding:var(--s-5) var(--s-4) var(--s-6)}.body-text{font-size:16px;line-height:2.4}.match-grid{grid-template-columns:1fr}.game-stage{height:340px}.hk-key{height:42px}.footer-in{flex-direction:column;align-items:flex-start;gap:var(--s-3)}.card-body,.card-pad{padding:var(--s-4)}.teach-band{padding:var(--s-5)}}@media (max-width:420px){.hk-key{height:38px}.hk-latin{display:none}.hk-jamo{font-size:var(--t-md)}.hk-keys{gap:3px;padding:var(--s-1)}.pulse{grid-template-columns:1fr 1fr}.btn-lg{padding:11px var(--s-4)}.row>.btn{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mcq-body{margin-bottom:18px}.choice-slot{display:inline-block;min-width:7ch;margin:0 3px;padding:0 8px;text-align:center;border-bottom:2px solid var(--border-strong);color:var(--muted);transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.choice-slot.filled{color:var(--primary);font-weight:600;border-bottom-color:var(--primary);background:var(--primary-soft);border-radius:3px 3px 0 0}.step-card{border-color:var(--primary-border);box-shadow:var(--shadow-2)}.step-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.step-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--r);background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border)}.step-why{padding:14px 16px;margin-bottom:18px;background:var(--surface-2);border-left:3px solid var(--primary-border);border-radius:var(--r);color:var(--text-2);font-size:14.5px;line-height:1.75}.auth-wrap{max-width:420px;margin:0 auto}.auth-form{display:grid;gap:14px}.auth-form label>span{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:5px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{width:100%}.auth-error{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:var(--r);background:var(--wrong-soft);color:var(--wrong);font-size:13.5px}.btn-google{justify-content:center;gap:var(--s-3);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);font-weight:600}.btn-google:hover{background:var(--bg-sunken);border-color:var(--muted)}.auth-or{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-xs);color:var(--muted)}.auth-or:after,.auth-or:before{content:"";flex:1 1;height:1px;background:var(--border)}.role-pick{border:none;margin:0;padding:0;display:grid;gap:7px}.role-pick legend{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:5px;padding:0}.role-opt{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}.role-opt.on{border-color:var(--primary);background:var(--primary-soft)}.role-opt input{margin-top:3px;accent-color:var(--primary)}.role-opt strong{display:block;font-size:14.5px}.role-opt small{color:var(--muted);font-size:12.5px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}.editor-side{position:sticky;top:calc(var(--nav-h) + 20px)}.field-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:5px}.chips{display:flex;flex-wrap:wrap;gap:6px}.fmt{padding:7px 13px;font:inherit;font-size:13.5px;font-weight:600;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.fmt:hover{border-color:var(--primary-border)}.fmt.on{background:var(--primary-ink);border-color:var(--primary-ink);color:var(--on-primary)}.ans-pick{flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);color:var(--muted);font-size:var(--t-xs);font-weight:700;cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.ans-pick.on,.ans-pick:hover{border-color:var(--ok)}.ans-pick.on{background:var(--ok);color:var(--on-primary)}.dsl-help{margin-top:8px;font-size:13px}.dsl-help summary{cursor:pointer;color:var(--muted);font-size:12.5px}.dsl-help summary:hover,.prev-blank{color:var(--primary)}.prev-blank{display:inline-block;margin:0 3px;padding:0 4px;font-family:var(--font-mono);border-bottom:2px solid var(--primary-border);cursor:help}.ans-list{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px}.ans-list li{line-height:1.6}.ans-list .chip{margin-left:6px}.issue{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.6}.issue.err{color:var(--wrong)}.issue.warn{color:var(--warn-text)}.course-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);transition:border-color .15s var(--ease)}.course-row:hover{border-color:var(--primary-border)}@media (max-width:1000px){.editor{grid-template-columns:minmax(0,1fr)}.editor-side{position:static}}.media-chosen{display:grid;gap:7px}.media-chosen img,.media-chosen video{max-width:100%;max-height:200px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-sunken)}.media-chosen audio{width:100%}.media-grid{display:flex;flex-wrap:wrap;gap:8px}.media-thumb{width:68px;height:68px;padding:0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--muted);cursor:pointer;transition:border-color .15s var(--ease)}.media-thumb:hover{border-color:var(--primary)}.media-thumb img{width:100%;height:100%;object-fit:cover}.item-media{display:block;max-width:100%;max-height:320px;margin:0 auto 18px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-sunken)}.offer-card{display:grid;gap:4px}.offer-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:10px}.offer-price strong{font-size:22px;font-weight:800;letter-spacing:-.02em}.offer-price.big strong{font-size:32px;color:var(--primary)}.offer-price s{font-size:14px}.offer-next{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:var(--r);background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary);font-size:13.5px;line-height:1.6}.offer-calc{padding:14px 16px;border-radius:var(--r);border:1px solid var(--border);font-size:13.5px}.img-caption,.offer-calc{background:var(--surface-2)}.img-caption{display:flex;align-items:flex-start;gap:var(--s-2);padding:11px var(--s-4);margin-bottom:var(--s-4);border:1px dashed var(--border-strong);border-radius:var(--r);color:var(--text-2);font-size:var(--t-sm)}.img-caption em{color:var(--muted);font-style:normal;font-size:var(--t-xs)}.check-off{margin:12px 0 0;padding:8px 12px;border-radius:var(--r-sm);background:var(--wrong-soft);color:var(--wrong);font-size:12.5px;line-height:1.55}.band{display:inline-flex;align-items:center;gap:4px;padding:2px var(--s-2);border-radius:var(--r-full);font-size:var(--t-2xs);font-weight:700;letter-spacing:-.01em;border:1px solid transparent}.band-0{background:var(--primary-soft);color:var(--primary-ink);border-color:var(--primary-border)}.band-1{background:rgba(34,197,94,.1);color:#15803d;border-color:rgba(34,197,94,.25)}.band-2{background:rgba(101,163,13,.1);color:#4d7c0f;border-color:rgba(101,163,13,.25)}.band-3{background:rgba(202,138,4,.1);color:#a16207;border-color:rgba(202,138,4,.25)}.band-4{background:rgba(234,88,12,.1);color:#c2410c;border-color:rgba(234,88,12,.25)}.band-5{background:rgba(220,38,38,.1);color:#b91c1c;border-color:rgba(220,38,38,.25)}.band-6{background:rgba(147,51,234,.1);color:#7e22ce;border-color:rgba(147,51,234,.25)}@media (prefers-color-scheme:dark){.band-1{color:#5fca8a}.band-2{color:#a3d977}.band-3{color:#e3c15c}.band-4{color:#f5a06a}.band-5{color:#ff8a72}.band-6{color:#c99bf0}}.ladder{display:grid;gap:var(--s-1)}.rung{position:relative;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);transition:background var(--dur-1) var(--ease)}.rung.now{background:var(--primary-soft)}.rung.now:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:2px;background:var(--primary)}.rung .bar{margin:0}.rung small{font-size:var(--t-2xs);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toc ol{padding:14px 18px 14px 34px;display:grid;gap:2px}.toc li,.toc ol{margin:0}.toc a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px;border-radius:var(--r-sm);text-decoration:none;color:var(--text)}.toc a:hover{background:var(--surface-2)}.toc-title{font-size:13.5px}.note h2{font-size:17px;margin:0}.note .summary{margin:0 0 14px;padding:10px 14px;border-left:3px solid var(--primary);background:var(--primary-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:13.5px;line-height:1.6}.note .prose{margin:0 0 12px;font-size:13.5px;line-height:1.75;white-space:pre-line}.note .examples{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.note .examples li{display:grid;gap:2px;padding:10px 14px;background:var(--surface-2);border-radius:var(--r-sm)}.speak-line{display:inline-flex;align-items:center;gap:6px}.speak-line b{font-size:15px;font-weight:600}.note .rr{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.note .en{font-size:13px;color:var(--text-2)}.note .ex-note{font-size:11.5px;color:var(--muted);font-style:italic}.note .pitfall{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;padding:10px 14px;border-radius:var(--r-sm);background:var(--wrong-soft);color:var(--wrong);font-size:12.5px;line-height:1.6}.note .pitfall svg{flex:none;margin-top:2px}.paywall{text-align:center}.paywall .card-body{padding:36px 24px}.paywall h2{margin:12px 0 6px;font-size:20px}.paywall .lede{max-width:46ch;margin:0 auto;color:var(--text-2)}.quota{display:inline-flex;align-items:center;gap:var(--s-1);padding:3px var(--s-3);border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:var(--t-2xs);font-weight:500}.quota.low{background:var(--wrong-soft);border-color:transparent;color:var(--wrong)}.pulse{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));background:var(--border);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-1)}.pulse-cell{display:grid;gap:var(--s-2);align-content:start;padding:var(--s-4) var(--s-5) var(--s-5);background:var(--surface);background-image:linear-gradient(var(--hairline),transparent 40px)}.pulse-cell>div{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap}.pulse-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--primary-soft);color:var(--primary-ink)}.pulse-label{font-size:var(--t-xs);font-weight:600;color:var(--muted);letter-spacing:-.005em}.pulse-value{font-size:var(--t-3xl);font-weight:800;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pulse-value em{font-style:normal;font-size:var(--t-md);font-weight:600;color:var(--muted)}.pulse-bar{width:100%}.week{align-items:flex-end;height:34px;width:100%}.week,.week-day{display:flex;gap:3px}.week-day{flex:1 1;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.week-day i{display:block;width:100%;min-height:3px;border-radius:2px;background:var(--border-strong);transition:height var(--dur-3) var(--ease-out)}.week-day.on i{background:var(--primary);opacity:.55}.week-day.today i{opacity:1}.week-day.today em{color:var(--primary);font-weight:700}.week-day em{font-style:normal;font-size:9px;line-height:1;color:var(--muted);text-transform:uppercase}.pulse-note{font-size:var(--t-xs);color:var(--muted);line-height:1.55}.pulse-note.ok{color:var(--success);font-weight:600}.goal-dial{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--r-full);background:var(--bg-sunken);transition:opacity var(--dur-1) var(--ease)}.goal-dial[data-busy]{opacity:.55}.goal-dial b{min-width:26px;text-align:center;font-size:var(--t-sm);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-dial button{width:22px;height:22px;padding:0;display:grid;place-items:center;border:none;border-radius:50%;background:var(--surface);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-1);transition:color var(--dur-1) var(--ease),transform 80ms var(--ease)}.goal-dial button:hover:not(:disabled){color:var(--primary-ink)}.goal-dial button:active:not(:disabled){transform:scale(.9)}.goal-dial button:disabled{opacity:.35;cursor:not-allowed}.slip-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}.slip-list li{display:flex;align-items:center;gap:var(--s-3)}.slip-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--text-2)}.slip-text{flex:1 1;min-width:0;display:grid}.slip-text b{font-size:var(--t-sm)}.slip-text small{font-size:var(--t-xs);color:var(--muted)}.slip-share{flex:none;width:112px;display:flex;align-items:center;gap:var(--s-2)}.slip-share .bar{flex:1 1}.slip-share em{font-style:normal;font-size:var(--t-xs);font-weight:700;color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:34px;text-align:right}@media (max-width:560px){.slip-share{width:62px}.slip-share .bar{display:none}}.hero{position:relative;display:grid;gap:var(--s-8);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;padding:var(--s-6) 0 var(--s-2)}.hero:before{content:"";position:absolute;z-index:-1;left:50%;top:-180px;transform:translateX(-50%);width:min(1100px,130vw);height:460px;background:radial-gradient(48% 60% at 30% 40%,var(--primary-soft),transparent 70%),radial-gradient(42% 55% at 72% 30%,rgba(142,51,255,.055),transparent 70%);pointer-events:none}.hero h1{font-size:var(--t-hero);line-height:1.16;letter-spacing:-.04em;white-space:pre-line}.hero .lede{margin-top:var(--s-4);font-size:var(--t-lg);line-height:var(--lh-snug);color:var(--text-2);max-width:46ch}.hero-demo{padding:var(--s-5);border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-3);background-image:linear-gradient(var(--hairline),transparent 60px)}.hero-demo-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--s-3);align-items:start}.hero-demo-row+.hero-demo-row{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px dashed var(--border)}.hero-demo-label{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:var(--r-full);background:var(--bg-sunken);color:var(--muted);font-size:var(--t-2xs);font-weight:700}.hero-demo code{font-family:var(--font-mono);font-size:var(--t-sm);line-height:1.95;color:var(--text-2);word-break:break-word}.hero-demo code b{color:var(--primary-ink);font-weight:700}.hero-demo .shown{font-size:var(--t-md);line-height:2.15}.hero-demo .slot{display:inline-block;min-width:5.5ch;margin:0 3px;border-bottom:2px solid var(--border-strong)}.hero-demo .slot.filled{color:var(--ok);font-weight:600;border-bottom-color:var(--ok);background:var(--ok-soft);border-radius:3px 3px 0 0;padding:0 5px;min-width:0}.hero-demo .slot.miss{color:var(--wrong);font-weight:600;border-bottom-color:var(--wrong);background:var(--wrong-soft);border-radius:3px 3px 0 0;padding:0 5px;min-width:0}.stat-strip{display:grid;gap:1px;margin-top:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(148px,1fr));background:var(--border);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.stat-strip>div{background:var(--surface);padding:var(--s-4) var(--s-5);background-image:linear-gradient(var(--hairline),transparent 36px)}.stat-strip strong{display:block;font-size:var(--t-2xl);font-weight:800;letter-spacing:-.035em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.15}.stat-strip span{font-size:var(--t-xs);color:var(--muted)}.why-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(272px,1fr))}.why-card{padding:var(--s-5)}.why-card .tile-icon{margin-bottom:var(--s-3)}.why-card h3{font-size:var(--t-lg);margin-bottom:var(--s-2)}.why-card p{color:var(--text-2);font-size:var(--t-sm);line-height:var(--lh-body)}.teach-band{margin-top:var(--s-9);padding:var(--s-6) var(--s-7);border-radius:var(--r-2xl);background:var(--primary-soft);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:space-between;gap:var(--s-6)}.teach-band p{color:var(--text-2);margin-top:var(--s-2);max-width:62ch;font-size:var(--t-sm)}@media (max-width:860px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}.teach-band{flex-direction:column;align-items:flex-start}}.fact-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}.fact{padding:var(--s-5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);background-image:linear-gradient(var(--hairline),transparent 42px)}.fact-value{display:block;font-size:var(--t-3xl);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--primary-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fact-label{display:block;font-weight:700}.fact-body,.fact-label{margin-top:var(--s-2);font-size:var(--t-sm)}.fact-body{color:var(--text-2);line-height:var(--lh-body)}.fact-source{display:block;margin-top:var(--s-3);padding-top:var(--s-2);border-top:1px dashed var(--border);font-size:var(--t-2xs);color:var(--muted)}.origin-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.origin-card{padding:var(--s-5)}.origin-head{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-3)}.origin-glyph{flex:none;width:62px;height:62px;display:grid;place-items:center;border-radius:var(--r-lg);background:var(--primary-soft);border:1px solid var(--primary-border);font-size:36px;font-weight:500;line-height:1;color:var(--primary-ink)}.origin-name{font-size:var(--t-lg);font-weight:700}.origin-sub{font-size:var(--t-xs);color:var(--muted)}.mouth{color:var(--text-2)}.mouth-head{stroke:var(--border-strong)}.mouth-palate,.mouth-throat,.mouth-tongue{stroke:var(--muted)}.mouth-spot{stroke:var(--primary-ink)}.mouth-spot-halo{fill:var(--primary-tint)}.fact-row{display:flex;align-items:center;justify-content:center;gap:var(--s-5);flex-wrap:wrap;text-align:center}.fact-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.fact-row span{font-size:var(--t-sm);color:var(--text-2)}.fact-n{font-size:var(--t-3xl);line-height:1;font-weight:800;letter-spacing:-.03em}.fact-hi{color:var(--primary-ink)}.coda-set{display:flex;flex-wrap:wrap;gap:var(--s-2);font-size:var(--t-lg)}.coda-set span{min-width:30px;padding:2px 6px;text-align:center;border-radius:var(--r-sm);background:var(--bg-sunken)}.trace-row{display:flex;flex-wrap:wrap;gap:var(--s-4)}.trace{display:flex;align-items:center;gap:var(--s-3)}.trace-box{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:crosshair;touch-action:none}.trace-grid{fill:none;stroke:var(--border);stroke-width:1}.trace-cross{stroke-dasharray:3 4;opacity:.7}.trace-ghost{fill:none;stroke:var(--border-strong);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.45}.trace-ink{fill:none;stroke:var(--primary-ink);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.trace-side{display:flex;flex-direction:column;gap:var(--s-2);align-items:flex-start}.trace-jamo{font-size:var(--t-2xl);line-height:1}.jck-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.jck-glyph{font-size:76px;line-height:1.15;font-weight:500;text-align:center;margin:var(--s-4) 0}.jck-opts{display:grid;gap:var(--s-2);justify-content:center;grid-template-columns:repeat(auto-fit,minmax(84px,190px))}.jck-opt{padding:var(--s-3) var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer;color:var(--text);font:inherit;font-family:var(--font-mono);font-size:var(--t-xl);font-weight:600;letter-spacing:.01em}.jck-opt:hover:not(:disabled){border-color:var(--primary)}.jck-opt:disabled{cursor:default}.jck-opt.is-right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok);font-weight:700}.jck-opt.is-wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong)}.jck-next{margin-top:var(--s-4)}.jck-end{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.jck-end>div{flex:1 1;min-width:0}.hgp{margin:var(--s-4) 0 var(--s-5)}.hgp-row{display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none;margin:0;padding:0}.hgp-item{flex:1 1 auto;min-width:0}.hgp-item a{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);font-size:var(--t-sm);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hgp-item a:hover{border-color:var(--primary);color:var(--text)}.hgp-no{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--bg-sunken);color:var(--muted);font-size:var(--t-xs);font-weight:700}.hgp-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.hgp-item.is-done .hgp-no{background:var(--ok-soft);color:var(--ok)}.hgp-item.is-now a{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.hgp-item.is-now .hgp-no{background:var(--primary);color:#fff}.hgp-count{margin-top:var(--s-2)}@media (max-width:560px){.hgp-item{flex:0 0 auto}.hgp-item:not(.is-now) .hgp-label{display:none}}.sord{position:relative;display:block;padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;flex:none}.sord:hover{border-color:var(--primary)}.sord svg{display:block;fill:none;stroke-linecap:round;stroke-linejoin:round}.sord-ghost{stroke:var(--border-strong);stroke-width:7;opacity:.28}.sord-ink{stroke:var(--primary-ink);stroke-width:7;stroke-dasharray:300;stroke-dashoffset:300}.sord-ink.on{stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.sord-ink{transition:stroke-dashoffset var(--ease-out)}}@media (prefers-reduced-motion:reduce){.sord-ink{stroke-dashoffset:0}}.sord-n{position:absolute;inset-block-start:2px;inset-inline-end:4px;font-size:var(--t-xs);font-weight:700;color:var(--muted)}.vsp-row{display:grid;gap:var(--s-5);align-items:center;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(180px,260px));margin-top:var(--s-4)}.vsp-chart,.vsp-face{width:100%;height:auto}.vsp-chin{fill:none;stroke:var(--border-strong);stroke-width:1.6;stroke-linecap:round}.vsp-lips{fill:var(--primary-soft);stroke:var(--primary);stroke-width:2.4}.vsp-teeth{stroke:var(--surface);stroke-width:3.4;stroke-linecap:round}@media (prefers-reduced-motion:no-preference){.vsp-lips{transition:rx var(--dur-3) var(--ease-out),ry var(--dur-3) var(--ease-out)}}.vsp-frame{fill:none;stroke:var(--border-strong);stroke-width:1.2}.vsp-path{fill:none;stroke:var(--primary);stroke-width:1.6;stroke-dasharray:4 4;opacity:.55}.vsp-dot circle{fill:var(--surface);stroke:var(--border-strong);stroke-width:1.4}.vsp-dot text{fill:var(--text-2);font-size:9px;font-weight:700}.vsp-dot.on circle{fill:var(--primary-soft);stroke:var(--primary);stroke-width:2}.vsp-dot.on text{fill:var(--primary-ink)}.vsp-pick{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}.vsp-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;font:inherit}.vsp-btn b{font-size:var(--t-lg)}.vsp-btn span{font-size:var(--t-xs);color:var(--muted);font-family:var(--font-mono)}.vsp-btn.on{border-color:var(--primary);background:var(--primary-soft)}.vsp-btn.on,.vsp-btn.on span{color:var(--primary-ink)}.vsp-note{margin-top:var(--s-3);color:var(--text-2)}.vsp-note b{font-size:var(--t-md)}.mouth-box{display:grid;place-items:center;padding:var(--s-2);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border)}.stroke-chain{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.stroke-step{display:grid;place-items:center;gap:2px;min-width:52px;padding:var(--s-2);border-radius:var(--r);border:1px solid var(--border);background:var(--surface)}.stroke-step b{font-size:26px;font-weight:500;line-height:1.1}.stroke-step small{font-size:var(--t-2xs);color:var(--muted)}.stroke-step.is-base{border-color:var(--primary-border);background:var(--primary-soft)}.stroke-step.is-aspirated{border-color:var(--warn-soft);background:var(--warn-soft)}.stroke-arrow{color:var(--muted)}.seed-row{display:flex;gap:var(--s-3);flex-wrap:wrap}.seed{flex:1 1 168px;padding:var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);text-align:center}.seed-mark{font-size:34px;line-height:1.2;font-weight:500}.seed b{font-size:var(--t-sm)}.seed b,.seed small{display:block;margin-top:var(--s-1)}.seed small{font-size:var(--t-xs);color:var(--muted)}.vowel-grid{display:grid;gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:560px){.vowel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:900px){.vowel-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.vowel-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r);border:1px solid var(--border);background:var(--surface)}.vowel-card b{font-size:26px;font-weight:500;line-height:1}.vowel-card .rr{font-size:var(--t-sm);font-weight:700;color:var(--primary-ink)}.vowel-card small{display:block;font-size:var(--t-2xs);color:var(--muted)}.vowel-card.bright{border-left:3px solid var(--warning)}.vowel-card.dark{border-left:3px solid var(--n300)}.builder{display:grid;gap:var(--s-5);grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start}.builder-out{display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-xl);background:var(--surface-2);border:1px solid var(--border);position:sticky;top:calc(var(--nav-h) + var(--s-4))}.builder-stage{display:flex;align-items:center;gap:var(--s-4);justify-content:center;flex-wrap:wrap}.builder-glyph{font-size:96px;line-height:1.1;font-weight:500;min-height:1.1em;letter-spacing:0}.builder-read{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.builder-read b{font-family:var(--font-mono);font-size:var(--t-lg);color:var(--primary-ink)}.builder-parts{display:flex;align-items:center;gap:var(--s-1);color:var(--muted);font-size:var(--t-sm)}.builder-parts span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:var(--t-md);color:var(--text)}.builder-picks{display:grid;gap:var(--s-4)}.builder-picks fieldset{border:none;margin:0;padding:0}.builder-picks legend{padding:0;margin-bottom:var(--s-2);font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.jamo-row{display:flex;flex-wrap:wrap;gap:var(--s-1)}.jamo-key{min-width:42px;height:42px;padding:0 var(--s-2);display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--t-xl);font-weight:500;cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform 80ms var(--ease)}.jamo-key:hover{border-color:var(--border-strong)}.jamo-key:active{transform:translateY(1px)}.jamo-key.vowel{background:var(--primary-soft);border-color:var(--primary-border)}.jamo-key.on{background:var(--primary-ink);border-color:var(--primary-ink);color:var(--on-primary)}.jamo-key.jamo-none{font-size:var(--t-xs);font-weight:600;color:var(--muted)}.chart-wrap{overflow-x:auto}.chart{border-collapse:separate;border-spacing:3px}.chart th{padding:var(--s-1);text-align:center;font-weight:700;color:var(--text-2);border:none}.chart th .chart-jamo{display:block;font-size:var(--t-lg);font-weight:500}.chart th small{display:block;font-size:10px;color:var(--muted);font-family:var(--font-mono)}.chart td{padding:0;border:none}.chart tbody tr:hover{background:none}.chart-cell{width:100%;min-width:52px;padding:var(--s-1) 2px;display:grid;justify-items:center;gap:1px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.chart-cell b{font-size:var(--t-xl);font-weight:500;line-height:1.15}.chart-cell small{font-size:9.5px;color:var(--muted);font-family:var(--font-mono)}.chart-cell:hover{background:var(--primary-soft);border-color:var(--primary-border)}.chart-cell.on{background:var(--primary-ink);border-color:var(--primary-ink);color:var(--on-primary)}.chart-cell.on small{color:var(--on-primary);opacity:.75}.chart-row-play{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);cursor:pointer}.chart-row-play:hover:not(:disabled){color:var(--primary-ink);border-color:var(--primary-border)}.chart-picked{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--primary-soft);border:1px solid var(--primary-border)}.chart-picked-glyph{font-size:40px;line-height:1;font-weight:500}.chart-picked b{font-family:var(--font-mono);font-size:var(--t-lg);color:var(--primary-ink)}.chart-picked small{display:block;font-size:var(--t-xs);color:var(--muted)}.word-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(146px,1fr))}.word-card{display:grid;justify-items:center;gap:var(--s-1);padding:var(--s-4) var(--s-3);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);text-align:center;cursor:pointer;width:100%;transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.word-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-2)}.word-pic{width:56px;height:56px;display:grid;place-items:center;color:var(--primary-ink);margin-bottom:var(--s-1)}.word-ko{font-size:var(--t-xl);font-weight:600;letter-spacing:-.01em}.word-rr{font-family:var(--font-mono);color:var(--primary-ink)}.word-en,.word-rr{font-size:var(--t-xs)}.word-en{color:var(--muted)}.steps{gap:var(--s-2);counter-reset:step}.step-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.step-row:hover{border-color:var(--primary-border);transform:translateX(2px)}.step-no{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--bg-sunken);color:var(--text-2);font-size:var(--t-xs);font-weight:700}.step-row.done .step-no{background:var(--ok-soft);color:var(--ok)}.step-row b{display:block;font-size:var(--t-md)}.step-row small{display:block;font-size:var(--t-xs);color:var(--muted)}@media (max-width:720px){.builder{grid-template-columns:minmax(0,1fr)}.builder-out{position:static}.builder-glyph{font-size:76px}}.quiz-progress{height:3px;background:var(--bg-sunken);border-radius:var(--r-xl) var(--r-xl) 0 0;overflow:hidden}.quiz-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width var(--dur-3) var(--ease-out)}.combo{display:inline-flex;align-items:center;gap:3px;padding:2px var(--s-2);border-radius:var(--r-full);background:var(--warn-soft);color:var(--warn-text);font-size:var(--t-2xs);font-weight:800;animation:combo-pop var(--dur-2) var(--ease-out)}.blank-wrap.shake{animation:shake .38s var(--ease)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.coach-tip{display:inline-flex;align-items:flex-start;gap:4px;max-width:30ch;margin-top:2px;font-size:var(--t-2xs);line-height:1.45;font-weight:500;color:var(--warn-text);text-align:left;white-space:normal;animation:rise var(--dur-2) var(--ease-out) both}.coach-tip svg{margin-top:2px;flex:none}.sound-toggle{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);cursor:pointer;transition:color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.sound-toggle[aria-pressed=true]{color:var(--primary-ink);border-color:var(--primary-border)}.finish{display:grid;justify-items:center;gap:var(--s-3);text-align:center;padding:var(--s-6) 0}.finish-ring{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:var(--ok-soft);color:var(--ok);animation:ring-in .42s var(--ease-out) both}@keyframes ring-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.finish-score{font-size:var(--t-hero);font-weight:800;letter-spacing:-.04em;line-height:1}.pair{position:relative;margin-right:var(--s-3)}.pair-btn{display:inline-flex;align-items:stretch;gap:2px;padding:2px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-sunken)}.pair-half{display:inline-flex;align-items:center;gap:5px;padding:3px var(--s-3);border:none;border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:var(--t-2xs);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-1);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.pair-half b{font-size:var(--t-xs);font-weight:700;color:var(--text)}.pair-long{display:inline}.pair-abbr{display:none}.pair-half:hover{background:var(--primary-soft)}.pair-half:hover b{color:var(--primary-ink)}.pair-half.is-target{background:var(--primary-ink)}.pair-half.is-target b,.pair-half.is-target svg{color:var(--on-primary)}.pair-half.is-target .pair-tag{color:var(--on-primary);opacity:.7}.pair-half.is-target:hover{filter:brightness(1.08)}.pair-tag{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pair-arrow{color:var(--muted)}.pair-arrow,.pair-swap{align-self:center;flex:none}.pair-swap{width:22px;height:22px;padding:0;margin:0 1px;display:grid;place-items:center;border:none;border-radius:50%;background:none;color:var(--muted);cursor:pointer;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.pair-swap:hover{color:var(--primary-ink);background:var(--surface);transform:rotate(180deg)}.pair-drop{position:absolute;top:calc(100% + 7px);left:0;z-index:60;min-width:268px;padding:var(--s-2);background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);animation:drop var(--dur-2) var(--ease-out)}.pair-head{padding:var(--s-2) var(--s-2) var(--s-1);font-size:var(--t-2xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pair-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;padding:var(--s-2) 11px;border:none;background:none;border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;text-align:left;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.pair-opt:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-ink)}.pair-opt.on{color:var(--primary-ink);font-weight:700}.pair-opt:disabled{opacity:.38;cursor:not-allowed}.pair-drop-right{left:auto;right:0}.pair-head-soon{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--border)}.pair-opt.is-own{color:var(--text-2)}.pair-opt.is-own small{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-2xs);padding:2px 8px;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.pair-opt.is-own:hover small{background:var(--primary-tint)}.pair-opt.is-soon{display:flex;justify-content:space-between;align-items:center;padding:var(--s-2) 11px;color:var(--muted);cursor:default}.pair-opt.is-soon small{font-size:var(--t-2xs);padding:1px 7px;border-radius:var(--r-full);background:var(--bg-sunken);color:var(--muted)}.pair-make{display:flex;align-items:center;gap:6px;margin-top:var(--s-1);padding:var(--s-2) 11px;border-top:1px solid var(--border);font-size:var(--t-xs);font-weight:600;color:var(--primary-ink)}.pair-make:hover{background:var(--primary-soft)}.pair-note{padding:var(--s-2);margin-top:var(--s-1);border-top:1px solid var(--border);font-size:var(--t-2xs);color:var(--muted);line-height:1.5}.chooser{padding:var(--s-7);margin-bottom:var(--s-7);border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--primary-border);box-shadow:var(--shadow-2);background-image:linear-gradient(var(--hairline),transparent 60px)}.chooser h2{font-size:var(--t-2xl)}.chooser .lede{margin-top:var(--s-2);color:var(--text-2);max-width:var(--measure)}.chooser-grid{display:grid;gap:var(--s-3);margin-top:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}.chooser-card{display:grid;gap:var(--s-2);justify-items:start;text-align:left;padding:var(--s-5);border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:100%;transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.chooser-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.chooser-langs{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em}.chooser-langs .target{color:var(--primary-ink)}.chooser-say{font-size:var(--t-sm);color:var(--muted);line-height:var(--lh-snug)}.nav-group.nav-divide{margin-left:var(--s-3);padding-left:var(--s-3);position:relative}.nav-group.nav-divide:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:var(--border-strong)}.drawer-group.drawer-divide{margin-top:var(--s-6);padding-top:var(--s-5);border-top:2px solid var(--border-strong)}@media (max-width:940px){.pair{margin-right:auto}}@media (max-width:700px){.pair-tag{display:none}.pair-half{padding:4px var(--s-2)}}@media (max-width:560px){.pair-long{display:none}.pair-abbr{display:inline}.pair{margin-right:0}.pair-half{gap:3px;padding:4px 9px}.pair-half b{font-size:var(--t-sm)}.pair-swap{width:19px;height:19px}.nav-in{gap:4px}.nav-brand{margin-right:var(--s-2);font-size:var(--t-md);flex:none}.nav-right{flex:none}}@media (max-width:380px){.nav-brand span{display:none}}@media (max-width:520px){.nav-drop,.pair-drop{position:fixed;top:calc(var(--nav-h) + 6px);left:var(--s-3);right:var(--s-3);min-width:0;max-height:calc(100dvh - var(--nav-h) - 24px);overflow-y:auto;overscroll-behavior:contain}.nav-drop[style]{left:var(--s-3)!important;right:var(--s-3)!important}.chooser{padding:var(--s-5)}}.plan{border-color:var(--primary-border)}.plan-head{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-3)}.plan-head h2{font-size:var(--t-xl)}.plan-price{margin-top:2px;font-size:var(--t-lg);font-weight:800;color:var(--primary-ink);letter-spacing:-.02em}.plan-free{display:grid;gap:2px;margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--ok-soft);border:1px solid var(--primary-border)}.plan-free b{font-size:var(--t-sm);color:var(--primary-ink)}.plan-free span{font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-snug)}.dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--border-strong);margin:0 var(--s-2);vertical-align:middle}.linkish{border:none;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:3px;color:var(--primary-ink);font-size:var(--t-xs);font-weight:600}.linkish:hover{text-decoration:underline}.chip-lg{padding:6px var(--s-4);font-size:var(--t-sm)}.btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.tabs{display:flex;gap:2px;padding:3px;margin-top:var(--s-4);background:var(--bg-sunken);width:fit-content;max-width:100%;overflow-x:auto}.tab,.tabs{border-radius:var(--r-full)}.tab{padding:6px var(--s-4);font-size:var(--t-sm);color:var(--text-2);white-space:nowrap}.tab:hover{color:var(--text)}.tab.on{background:var(--surface);color:var(--primary-ink);font-weight:600;box-shadow:var(--shadow-1)}.course-filter{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-3)}.course-filter .chip{display:inline-flex;align-items:center;gap:5px}.course-other{display:flex;align-items:center;gap:6px;margin-top:var(--s-6);padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--bg-sunken)}.course-grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr))}.ccard{position:relative;display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.ccard:focus-visible,.ccard:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-lift)}.ccard-cover{position:relative;margin:0;display:flex;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-3) var(--s-4);background:linear-gradient(135deg,var(--ac-1) 0,var(--ac-2) 100%)}.ccard-title{flex:1 1;min-width:0;margin:0;font-size:var(--t-md);line-height:var(--lh-tight);letter-spacing:-.015em;text-shadow:0 1px 6px rgba(11,13,18,.32);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccard-price,.ccard-title{color:#fff;font-weight:700}.ccard-price{flex:none;padding:5px 11px;line-height:1;border-radius:var(--r-full);font-size:var(--t-sm);letter-spacing:-.02em;background:rgba(12,14,20,.42)}.ccard-price.is-free{font-size:var(--t-2xs);font-weight:600}.ccard-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary-ink);border:1px solid var(--primary-border);font-size:var(--t-2xs);font-weight:700;line-height:1;text-transform:none;letter-spacing:0;white-space:nowrap}.ccard-body{display:flex;flex-direction:column;gap:6px;padding:var(--s-3) var(--s-4) var(--s-4);flex:1 1}.ccard-cat{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--t-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ccard-cat svg{opacity:.5}.ccard-org{margin-inline-start:auto;text-transform:none;letter-spacing:0;font-weight:600;color:var(--text-2)}.ccard-sub{font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-snug)}.ccard-foot{display:flex;align-items:center;gap:var(--s-4);margin:0;padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);background:var(--surface-2);list-style:none;font-size:var(--t-xs);color:var(--muted);flex-wrap:wrap;row-gap:var(--s-2)}.ccard-foot li{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.ccard-go{margin-inline-start:auto}.ccard-go span{display:inline-flex;align-items:center;gap:4px;padding:5px 13px;border-radius:var(--r-full);border:1.5px solid var(--primary-border);color:var(--primary-ink);font-weight:600;line-height:1;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.ccard:hover .ccard-go span{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.ccard[data-accent=sky]{--ac-1:#38bdf8;--ac-2:#0369a1}.ccard[data-accent=blue]{--ac-1:#60a5fa;--ac-2:#1d4ed8}.ccard[data-accent=indigo]{--ac-1:#818cf8;--ac-2:#3730a3}.ccard[data-accent=teal]{--ac-1:#2dd4bf;--ac-2:#0f766e}.ccard[data-accent=violet]{--ac-1:#a78bfa;--ac-2:#5b21b6}.ccard[data-accent=amber]{--ac-1:#fbbf24;--ac-2:#b45309}.ccard[data-accent=green]{--ac-1:#4ade80;--ac-2:#15803d}.ccard[data-accent=rose]{--ac-1:#fb7185;--ac-2:#9f1239}@media (max-width:560px){.ccard-cover{padding:var(--s-3)}.ccard-body{padding:var(--s-3) var(--s-4) var(--s-4)}.ccard-foot{padding:var(--s-3) var(--s-4);gap:var(--s-3)}}@media (max-width:380px){.ccard-foot li:nth-child(2):not(.ccard-go){display:none}.ccard-foot{gap:var(--s-2)}}@media (prefers-reduced-motion:reduce){.ccard,.ccard-go span{transition:none}.ccard:hover{transform:none}}.cat-head{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4)}.cat-head h2{font-size:var(--t-xl);letter-spacing:-.01em}.cat-head .cat-n{font-size:var(--t-xs);font-weight:700;color:var(--muted);padding:2px 8px;border-radius:var(--r-full);background:var(--bg-sunken)}.cat-head p{flex-basis:100%;margin:0;font-size:var(--t-sm);color:var(--text-2);max-width:76ch;line-height:var(--lh-snug)}.stage+.stage{margin-top:var(--s-8)}.stage-head{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}.stage+.stage .stage-head{border-top:1px solid var(--border);padding-top:var(--s-6);margin-top:calc(var(--s-8) * -1 + var(--s-6))}.stage-head h3{margin:0;font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em}.stage-head p{flex-basis:100%;margin:0;font-size:var(--t-sm);color:var(--muted);max-width:76ch;line-height:var(--lh-snug)}.stage-head .band{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home-head{padding:var(--s-8) 0 var(--s-6);max-width:68ch}.home-head h1{font-size:clamp(28px,4.4vw,40px);line-height:var(--lh-tight);letter-spacing:-.025em;margin-top:var(--s-2)}.home-head .lede{margin-top:var(--s-3);color:var(--text-2);font-size:var(--t-md);line-height:var(--lh-snug)}@media (max-width:560px){.home-head{padding:var(--s-6) 0 var(--s-4)}.home-head .row{flex-direction:column;align-items:stretch}.home-head .row .btn{justify-content:center}}.quick-row{display:grid;gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,152px),1fr))}.quick{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);font-size:var(--t-sm);font-weight:600;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.quick:hover{border-color:var(--primary);background:var(--primary-soft)}.quick svg{color:var(--primary-ink);flex:none}.filterbar{align-items:center;justify-content:space-between;gap:var(--s-4) var(--s-5);padding:var(--s-2) var(--s-3);border-radius:var(--r-lg);background:var(--bg-sunken)}.filterbar,.filterbar-tabs{display:flex;flex-wrap:wrap}.filterbar-tabs{gap:2px}.filterbar-tab{padding:7px 14px;border-radius:var(--r-full);font-size:var(--t-sm);font-weight:600;color:var(--text-2);white-space:nowrap;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.filterbar-tab:hover{color:var(--text)}.filterbar-tab.is-on{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-1)}.filterbar-right{gap:var(--s-3);padding-inline-end:var(--s-2)}.filterbar-right,.filterbar-sort{display:flex;align-items:center;flex-wrap:wrap}.filterbar-sort{gap:var(--s-2)}.filterbar-sortlink{font-size:var(--t-xs);font-weight:600;color:var(--muted);white-space:nowrap;transition:color var(--dur-1) var(--ease)}.filterbar-sortlink:hover{color:var(--text)}.filterbar-sortlink.is-on{color:var(--primary-ink);text-decoration:underline;text-underline-offset:3px}@media (max-width:720px){.filterbar{flex-direction:column;align-items:stretch}.filterbar-right{justify-content:space-between;padding-inline-end:0}}.lang-grid{display:grid;gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.lang-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.lang-card:hover{border-color:var(--primary);background:var(--primary-soft)}.lang-card-code{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--r);background:var(--primary-ink);color:var(--on-primary);font-size:var(--t-sm);font-weight:800}.lang-card-body{display:grid;min-width:0}.lang-card-body b{font-size:var(--t-md)}.lang-card-body small{font-size:var(--t-2xs);color:var(--muted)}.lang-card-n{margin-inline-start:auto;font-size:var(--t-sm);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lang-card.is-soon{opacity:.5;pointer-events:none}.lang-card.is-soon .lang-card-code{background:var(--bg-sunken);color:var(--muted)}.course-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-7);align-items:start;margin-bottom:var(--s-7)}.course-hero h1{font-size:var(--t-display);line-height:var(--lh-tight)}.course-hero .lede{margin-top:var(--s-2)}.course-desc{margin-top:var(--s-3);max-width:var(--measure);color:var(--text-2);line-height:var(--lh-body)}.course-facts{display:grid;grid-auto-flow:column;gap:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border)}.course-facts div{text-align:center}.course-facts dt{font-size:var(--t-2xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.course-facts dd{font-size:var(--t-xl);font-weight:800;letter-spacing:-.02em}.course-progress{display:grid;gap:var(--s-2);margin-bottom:var(--s-6);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--primary-soft);border:1px solid var(--primary-border)}.curri-week+.curri-week{margin-top:var(--s-6)}.curri-week-head{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:var(--s-2);margin-bottom:var(--s-2);border-bottom:1px solid var(--border)}.curri{display:grid;gap:2px;list-style:none}.curri-link{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1px solid transparent;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}a.curri-link:hover{background:var(--surface);border-color:var(--border)}.curri-row.is-locked .curri-link{opacity:.55;cursor:not-allowed}.curri-day{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;font-size:var(--t-sm);font-weight:700;border:1.5px solid var(--border-strong);color:var(--text-2)}.curri-done{background:var(--primary-ink);border-color:var(--primary-ink);color:var(--on-primary)}.curri-open{border-color:var(--primary);color:var(--primary-ink)}.curri-locked{background:var(--bg-sunken);border-color:transparent;color:var(--muted)}.curri-main{display:grid;gap:1px;min-width:0}.curri-main b{font-size:var(--t-md)}.curri-main small{font-size:var(--t-sm);color:var(--text-2)}.curri-main em{font-style:normal;font-size:var(--t-xs);color:var(--muted);line-height:var(--lh-snug)}.curri-meta{margin-inline-start:auto;display:flex;align-items:center;gap:var(--s-2);flex:none;text-align:end}.offer-buy .offer-price.big strong{font-size:var(--t-2xl)}.offer-free{display:flex;align-items:center;gap:6px;margin-top:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r);background:var(--ok-soft);color:var(--primary-ink);font-size:var(--t-sm);font-weight:600}.offer-free.is-out{background:var(--bg-sunken);color:var(--muted)}.lec-head{margin-bottom:var(--s-5)}.lec-head h1{font-size:var(--t-display);line-height:var(--lh-tight)}.lec-head .lede{margin-top:var(--s-1)}.lec-goal{display:flex;align-items:flex-start;gap:var(--s-2);margin-top:var(--s-3);margin-bottom:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--primary-soft);border-inline-start:3px solid var(--primary);font-size:var(--t-sm);color:var(--text);max-width:var(--measure)}.lec-goal svg{flex:none;margin-top:2px;color:var(--primary-ink)}.lec-wrap{position:relative}.lec-shell{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:var(--s-7);align-items:start}.lec-bar{position:sticky;top:calc(var(--nav-h) + 8px);z-index:30;display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-2);margin-bottom:var(--s-5);border-radius:var(--r-full);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border:1px solid var(--border);overflow:hidden}.lec-bar-fill{position:absolute;inset:0 auto 0 0;z-index:0;background:var(--primary-soft);border-inline-end:2px solid var(--primary);transition:width .12s linear;pointer-events:none}.lec-bar>:not(.lec-bar-fill){position:relative;z-index:1}.lec-bar-pct{font-size:var(--t-xs);font-weight:600;color:var(--primary-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lec-lang-note{margin-inline-start:auto}.lec-body{width:100%;max-width:var(--measure);margin-inline:auto;min-width:0}.lec-block{scroll-margin-top:calc(var(--nav-h) + 70px)}.lec-block+.lec-block{margin-top:var(--s-5)}.lec-side{position:sticky;top:calc(var(--nav-h) + 74px)}.lec-side-in{display:grid;gap:var(--s-3);max-height:calc(100vh - var(--nav-h) - 100px);overflow-y:auto;padding:var(--s-4);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border)}.lec-side-tabs{width:100%}.lec-side-tabs .tab{flex:1 1;text-align:center;padding-inline:var(--s-2)}.lec-toc{display:grid;gap:1px}.lec-toc a{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-snug);border-inline-start:2px solid transparent}.lec-toc a.on,.lec-toc a:hover{background:var(--primary-soft);color:var(--primary-ink)}.lec-toc a.on{font-weight:600;border-inline-start-color:var(--primary)}@media (prefers-reduced-motion:no-preference){.lec-block{opacity:0;transform:translateY(10px)}.lec-block.is-in{opacity:1;transform:none;transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}.lec-example .tl-main b{position:relative}.lec-example .tl-main b:after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;height:2px;width:100%;border-radius:2px;background:var(--primary);transform:scaleX(0);transform-origin:left center}.lec-block.is-in .lec-example .tl-main b:after{transform:scaleX(1);transition:transform .52s var(--ease-out) .12s}.lec-block.is-in .lec-h{animation:lec-head var(--dur-3) var(--ease-out) both}.lec-block.is-in .lec-turn,.lec-block.is-in .lec-word{animation:rise var(--dur-2) var(--ease-out) both}.lec-block.is-in .lec-turn:nth-child(2),.lec-block.is-in .lec-word:nth-child(2){animation-delay:50ms}.lec-block.is-in .lec-turn:nth-child(3),.lec-block.is-in .lec-word:nth-child(3){animation-delay:.1s}.lec-block.is-in .lec-turn:nth-child(4),.lec-block.is-in .lec-word:nth-child(4){animation-delay:.15s}.lec-block.is-in .lec-turn:nth-child(5),.lec-block.is-in .lec-word:nth-child(5){animation-delay:.2s}.lec-block.is-in .lec-turn:nth-child(n+6),.lec-block.is-in .lec-word:nth-child(n+6){animation-delay:.24s}}@keyframes lec-head{0%{opacity:0;transform:translateY(-4px)}}.lec-h{font-size:var(--t-xl);line-height:var(--lh-tight);margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--border)}.lec-block:first-child .lec-h{margin-top:0;padding-top:0;border-top:none}.lec-text p{line-height:var(--lh-body);color:var(--text)}.lec-text p+p{margin-top:var(--s-3)}.lec-note code,.lec-text code{padding:1px 5px;border-radius:var(--r-sm);background:var(--bg-sunken);font-family:var(--font-mono);font-size:.92em}.lec-note a,.lec-text a{color:var(--primary-ink);text-decoration:underline}.lec-body mark{background:var(--warn-soft);color:inherit;padding:1px 2px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.term{display:inline-flex;align-items:baseline;gap:4px;padding:0 4px;border:none;border-radius:var(--r-sm);background:var(--primary-soft);color:var(--primary-ink);font:inherit;font-weight:600;cursor:pointer;border-bottom:1.5px dotted var(--primary-border)}.term:hover{background:var(--primary-tint)}.term i{font-style:normal;font-size:.8em;color:var(--muted)}.lec-note{padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);border-inline-start:3px solid var(--border-strong)}.lec-note p{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--text-2)}.lec-note p+p{margin-top:var(--s-2)}.lec-note-head{display:flex;align-items:center;gap:6px;margin-bottom:var(--s-1);font-size:var(--t-2xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tchr{display:flex;gap:var(--s-3);align-items:flex-start}.tchr-face{flex:none}.tchr-head{fill:var(--primary-soft);stroke:var(--primary)}.tchr-ink{fill:var(--primary-ink);stroke:var(--primary-ink)}.tchr-mouth{fill:none}.tchr-say{min-width:0;align-self:center}.tchr-bubble .tchr-say{position:relative;padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);line-height:var(--lh-body)}.tchr-bubble .tchr-say:before{content:"";position:absolute;inset-inline-start:-5px;top:16px;width:9px;height:9px;transform:rotate(45deg);background:var(--surface);border-inline-start:1px solid var(--border);border-block-end:1px solid var(--border)}@media (max-width:420px){.tchr{flex-direction:column;gap:var(--s-2)}.tchr-bubble .tchr-say:before{inset-inline-start:14px;top:-5px;transform:rotate(135deg)}}.lec-goal-say{margin-top:var(--s-4)}.step-say{margin:var(--s-4) 0}.quiz-say{margin:var(--s-4) auto;max-width:34rem;text-align:start}@media (prefers-reduced-motion:no-preference){.lec-goal-say{animation:rise var(--dur-3) var(--ease-out) .12s both}.tchr-mouth{animation:lec-pop .38s var(--ease-out) .26s both;transform-origin:32px 40px}}.lec-note-fold{padding:0}.lec-note-btn{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-3) var(--s-4);background:none;border:0;cursor:pointer;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--text-2);text-align:start}.lec-note-btn:hover{color:var(--text)}.lec-note-title{flex:1 1;min-width:0}.lec-note-btn>svg:last-child{flex:none;opacity:.5;transition:transform var(--dur-2) var(--ease-out)}.lec-note-fold.is-open .lec-note-btn>svg:last-child{transform:rotate(180deg)}.lec-note-in{padding:0 var(--s-4) var(--s-3)}@media (prefers-reduced-motion:no-preference){.lec-note-fold.is-open .lec-note-in{animation:lec-pop .26s var(--ease-out) both}}@keyframes lec-pop{0%{opacity:0;transform:translateY(-6px) scale(.985)}}.lec-note-tip{border-inline-start-color:var(--primary)}.lec-note-tip .lec-note-head{color:var(--primary-ink)}.lec-note-warn{border-inline-start-color:var(--warning);background:var(--warn-soft)}.lec-note-warn .lec-note-head{color:var(--warn-text)}.lec-note-culture{border-inline-start-color:var(--secondary)}.lec-note-culture .lec-note-head{color:var(--secondary)}.lec-note-why{border-inline-start-color:var(--partial)}.lec-note-why .lec-note-head{color:var(--partial)}.tl{display:grid;gap:1px;min-width:0}.tl-main{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tl-main b{font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em}.tl-big .tl-main b{font-size:var(--t-2xl)}.tl-roman{font-size:var(--t-xs);color:var(--muted);font-style:italic}.tl-gloss{font-size:var(--t-sm);color:var(--text-2)}.tl-gloss,.tl-note{line-height:var(--lh-snug)}.tl-note{font-size:var(--t-xs);color:var(--muted);margin-top:2px}.tl-save{width:22px;height:22px;display:grid;place-items:center;border:none;border-radius:50%;background:none;color:var(--muted);cursor:pointer;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.tl-save:hover{color:var(--primary-ink);background:var(--primary-soft)}.lec-example{padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-1)}.lec-dialogue,.lec-example{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.lec-dialogue{padding:var(--s-5)}.lec-dialogue h3{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-3)}.lec-turn{display:flex;gap:var(--s-3)}.lec-turn+.lec-turn{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border)}.lec-who{flex:none;width:72px;padding-top:3px;font-weight:700}.lec-speak,.lec-who{font-size:var(--t-xs);color:var(--primary-ink)}.lec-speak{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-4);padding:6px var(--s-3);border:1px solid var(--primary-border);border-radius:999px;background:var(--primary-soft);font-weight:600;text-decoration:none}.lec-speak:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.lec-vocab{padding:var(--s-5);border-radius:var(--r-lg);background:var(--primary-soft);border:1px solid var(--primary-border)}.lec-vocab h3{display:flex;align-items:center;gap:6px;margin-bottom:var(--s-3);font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-ink)}.lec-vocab-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}.lec-word{position:relative;padding:var(--s-3);border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.lec-pos{position:absolute;top:var(--s-2);inset-inline-end:var(--s-2);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.lec-table{margin:0}.lec-table-scroll{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}.lec-table-scroll .table{margin:0;min-width:100%}.lec-figure figcaption,.lec-table figcaption{margin-top:var(--s-2);font-size:var(--t-xs);color:var(--muted);text-align:center}.lec-figure{margin:0}.lec-figure img,.lec-figure video{width:100%;border-radius:var(--r-lg);border:1px solid var(--border)}.lec-embed{position:relative;padding-top:56.25%;border-radius:var(--r-lg);overflow:hidden}.lec-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lec-link{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.lec-link:hover{border-color:var(--primary);background:var(--primary-soft)}.lec-link-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary-ink)}.lec-link-body{display:grid;gap:1px;min-width:0;flex:1 1 12ch}.lec-link-body b{font-size:var(--t-sm)}.lec-link-body small{font-size:var(--t-xs);color:var(--muted);line-height:var(--lh-snug)}.lec-link .chip{margin-inline-start:auto;flex:0 1 auto;white-space:normal;text-align:start}.lec-wiki{padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--surface-2);border:1px dashed var(--border-strong)}.lec-wiki-head{display:flex;align-items:center;gap:6px;margin-bottom:var(--s-1);font-size:var(--t-sm);font-weight:700}.lec-wiki p{font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-body)}.lec-wiki a{display:inline-flex;align-items:center;gap:4px;margin-top:var(--s-2);font-size:var(--t-xs);font-weight:600;color:var(--primary-ink)}.lec-drill{padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--surface);border-style:solid;border:1px dashed var(--border-strong)}.lec-drill.is-ok{border-color:var(--ok);border-style:solid;background:var(--ok-soft)}.lec-drill.is-no{border-color:var(--wrong);border-style:solid;background:var(--wrong-soft)}.lec-drill-prompt{display:flex;align-items:flex-start;gap:6px;font-size:var(--t-sm);font-weight:600;margin-bottom:var(--s-3)}.lec-drill-prompt svg{flex:none;margin-top:2px;color:var(--muted)}.lec-drill-row{display:flex;gap:var(--s-2);flex-wrap:wrap}.lec-drill-row input{flex:1 1;min-width:0;font-size:var(--t-lg)}.lec-drill .hk{margin-top:var(--s-2)}.lec-drill .hk-input{min-height:46px;font-size:var(--t-xl)}.lec-drill .hk-keys{margin-inline:0}.lec-drill-say{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:var(--s-2);font-size:var(--t-sm);font-weight:600}.lec-drill-say.ok{color:var(--ok)}.lec-drill-say.no{color:var(--wrong)}.lec-drill-hint{font-weight:400;color:var(--text-2)}.lec-check{padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--ok-soft);border:1px solid var(--primary-border)}.lec-check h3{display:flex;align-items:center;gap:6px;margin-bottom:var(--s-2);font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-ink)}.lec-check ul{padding-inline-start:var(--s-5);display:grid;gap:4px}.lec-check li{font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-snug)}.lec-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--border)}.lec-foot-label{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-tools{position:fixed;z-index:90;transform:translate(-50%,calc(-100% - 10px));display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-full);background:var(--n0);box-shadow:var(--shadow-3);animation:drop var(--dur-2) var(--ease-out)}.sel-colors{display:flex;gap:3px;padding:0 4px}.sel-color{width:17px;height:17px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);cursor:pointer;padding:0}.sel-color:hover{transform:scale(1.15)}.sel-yellow{background:#f5c518}.sel-green{background:#46c06a}.sel-blue{background:#4d6bfe}.sel-pink{background:#f06292}.sel-sep{width:1px;height:18px;background:rgba(255,255,255,.18);margin:0 2px}.sel-btn{display:inline-flex;align-items:center;gap:5px;padding:5px var(--s-3);border:none;border-radius:var(--r-full);background:none;color:#fff;font-size:var(--t-xs);font-weight:600;cursor:pointer}.sel-btn:hover{background:rgba(255,255,255,.14)}.note-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:var(--s-5);background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--dur-2) var(--ease)}.note-card{width:min(520px,100%);display:grid;gap:var(--s-3);padding:var(--s-6);border-radius:var(--r-xl);background:var(--raised);box-shadow:var(--shadow-3)}.note-quote{font-size:var(--t-lg);line-height:var(--lh-snug);padding-inline-start:var(--s-3);border-inline-start:3px solid var(--warning)}.note-roman{font-size:var(--t-sm);color:var(--muted);font-style:italic}.note-card textarea{width:100%;font:inherit;font-size:var(--t-md)}.dict-list{display:grid;gap:var(--s-2)}.dict-list dt{font-size:var(--t-md);font-weight:700}.dict-list dt i{font-style:italic;font-weight:400;color:var(--muted);font-size:var(--t-xs)}.dict-list dd{font-size:var(--t-sm);color:var(--text-2)}.note-empty{line-height:var(--lh-body);padding:var(--s-3) 0}.note-groups{display:grid;gap:var(--s-6);margin-top:var(--s-5)}.note-group>h2{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:var(--t-md);margin-bottom:var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--border)}.note-group>h2 a{display:inline-flex;align-items:center;gap:4px}.note-group>h2 a:hover{color:var(--primary-ink)}.note-group>h2 small{margin-inline-start:auto;font-weight:400;font-size:var(--t-xs);color:var(--muted)}.note-group-day{flex:none;padding:2px var(--s-2);border-radius:var(--r-full);background:var(--primary-ink);color:var(--on-primary);font-size:var(--t-2xs);font-weight:700}.note-list{display:grid;gap:var(--s-2);list-style:none}.note-list-wide{grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}.note-item{padding:var(--s-3);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);border-inline-start:3px solid var(--border-strong)}.note-yellow{border-inline-start-color:#f5c518}.note-green{border-inline-start-color:#46c06a}.note-blue{border-inline-start-color:#4d6bfe}.note-pink{border-inline-start-color:#f06292}.note-item.kind-question{background:var(--warn-soft)}.note-item-quote{font-size:var(--t-sm);line-height:var(--lh-snug)}.note-item-body{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-body)}.note-item-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-2)}.note-item-foot a{display:inline-flex;align-items:center;gap:3px;font-size:var(--t-xs);color:var(--primary-ink);font-weight:600}.lec-toast{position:fixed;left:50%;bottom:var(--s-7);transform:translateX(-50%);z-index:150;padding:var(--s-3) var(--s-5);border-radius:var(--r-full);background:var(--n0);color:#fff;font-size:var(--t-sm);font-weight:600;box-shadow:var(--shadow-3);animation:drop var(--dur-2) var(--ease-out)}.quiz-result{padding:var(--s-7);border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2)}.quiz-result.is-pass{border-color:var(--primary-border);background-image:linear-gradient(var(--ok-soft),transparent 140px)}.quiz-result.is-fail{border-color:var(--border-strong)}.quiz-result h2{font-size:var(--t-2xl);margin-top:var(--s-1)}.quiz-score{display:flex;align-items:baseline;gap:var(--s-3);margin:var(--s-4) 0 var(--s-2)}.quiz-score strong{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1}.quiz-result.is-pass .quiz-score strong{color:var(--ok)}.quiz-result.is-fail .quiz-score strong{color:var(--text-2)}.quiz-score span{font-size:var(--t-sm);color:var(--muted)}.bar-mark{position:absolute;top:0;bottom:0;width:2px;background:var(--n0);opacity:.5}.quiz-result .bar{position:relative;height:10px}.quiz-missed{margin-top:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--warn-soft)}.quiz-missed h3{font-size:var(--t-sm);font-weight:700}.quiz-missed ul{list-style:none;display:grid;gap:var(--s-2);margin-top:var(--s-3)}.quiz-missed li{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);font-size:var(--t-sm);padding-bottom:var(--s-2);border-bottom:1px solid var(--border)}.quiz-missed li b{flex:none;color:var(--wrong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quiz-cert{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--ok-soft);border:1px solid var(--primary-border);color:var(--primary-ink)}.quiz-cert div{display:grid}.quiz-cert b{font-size:var(--t-md)}.quiz-cert span{font-size:var(--t-xs);color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.locked{display:grid;justify-items:center;text-align:center;gap:var(--s-2);padding:var(--s-10) var(--s-5);border-radius:var(--r-2xl);background:var(--surface);border:1px dashed var(--border-strong)}.locked-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bg-sunken);color:var(--muted);margin-bottom:var(--s-2)}.locked h2{font-size:var(--t-xl)}.locked p{max-width:46ch;color:var(--text-2);line-height:var(--lh-body)}.about-dsl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-6);align-items:center;padding:var(--s-7);margin-bottom:var(--s-8);border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--primary-border);box-shadow:var(--shadow-2)}.about-dsl h2{font-size:var(--t-2xl)}.about-dsl p{margin-top:var(--s-3);color:var(--text-2);line-height:var(--lh-body)}.how-steps{list-style:none;display:grid;gap:var(--s-3);counter-reset:step}.how-steps li{display:flex;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.how-n{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--primary-ink);color:var(--on-primary);font-size:var(--t-sm);font-weight:800}.how-steps b{font-size:var(--t-md)}.how-steps p{margin-top:2px;font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-body)}.why-card .linkish{margin-top:var(--s-2)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--s-4)}.footer-links a{font-size:var(--t-sm);color:var(--text-2)}.footer-links a:hover{color:var(--primary-ink)}@media (max-width:1000px){.lec-shell{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}.lec-side{position:static}.lec-side-in{max-height:none}}@media (max-width:900px){.course-hero{grid-template-columns:minmax(0,1fr)}.course-facts{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.about-dsl{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.curri-meta{flex-direction:column;align-items:flex-end;gap:2px}.curri-main em{display:none}.lec-turn{flex-direction:column;gap:var(--s-1)}.lec-who{width:auto}.lec-foot{flex-wrap:wrap}.lec-foot-label{display:none}.lec-foot .btn-lg{order:-1;flex:1 1 100%;justify-content:center}.quiz-score strong{font-size:38px}.sel-tools{transform:translate(-50%,14px);flex-wrap:wrap;max-width:92vw;justify-content:center}.course-facts{grid-template-columns:repeat(2,1fr)}}.btn-block{width:100%;justify-content:center}.ticks{list-style:none;display:grid;gap:7px}.ticks li{position:relative;padding-inline-start:22px;font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-snug)}.ticks li:before{content:"";position:absolute;inset-inline-start:0;top:6px;width:12px;height:7px;border-inline-start:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(-45deg)}.steps{list-style:none}.step,.steps{display:grid;gap:var(--s-4)}.step{grid-template-columns:34px minmax(0,1fr);padding:var(--s-5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border)}.step-n{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-full);background:var(--primary-tint);color:var(--primary-ink);font-size:var(--t-sm);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.step h3{display:flex;align-items:center;gap:7px;font-size:var(--t-md);line-height:var(--lh-tight)}.step h3 svg{color:var(--primary-ink);flex:none}.step p{margin-top:6px;font-size:var(--t-sm);color:var(--text-2);line-height:var(--lh-snug)}.step p.muted{color:var(--muted)}@media (max-width:560px){.step{grid-template-columns:28px minmax(0,1fr);gap:var(--s-3);padding:var(--s-4)}.step-n{width:28px;height:28px}}.mine-row{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:var(--s-4);align-items:center;padding:var(--s-3);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border)}.mine-cover{display:block;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:linear-gradient(135deg,var(--ac-1),var(--ac-2))}.mine-cover img{width:100%;height:100%;object-fit:cover;display:block}.mine-main{min-width:0}.mine-main h3{font-size:var(--t-md);line-height:var(--lh-tight)}.mine-main h3 a:hover{color:var(--primary-ink)}.mine-go{flex:none}.mine-row[data-accent=sky]{--ac-1:#38bdf8;--ac-2:#0369a1}.mine-row[data-accent=blue]{--ac-1:#60a5fa;--ac-2:#1d4ed8}.mine-row[data-accent=indigo]{--ac-1:#818cf8;--ac-2:#3730a3}.mine-row[data-accent=teal]{--ac-1:#2dd4bf;--ac-2:#0f766e}.mine-row[data-accent=violet]{--ac-1:#a78bfa;--ac-2:#5b21b6}.mine-row[data-accent=amber]{--ac-1:#fbbf24;--ac-2:#b45309}.mine-row[data-accent=green]{--ac-1:#4ade80;--ac-2:#15803d}.mine-row[data-accent=rose]{--ac-1:#fb7185;--ac-2:#9f1239}@media (max-width:620px){.mine-row{grid-template-columns:minmax(0,1fr);gap:var(--s-3);padding:var(--s-4)}.mine-cover{display:none}.mine-go .btn{width:100%;justify-content:center}}@media (min-width:1000px){.cat-head p,.home-head,.home-head .lede,.page-head .lede,.teach-band p{max-width:none}}.pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-6);align-items:start}.pay-slip{display:grid;gap:var(--s-3);margin:0;padding:var(--s-5);border-radius:var(--r-lg);background:var(--bg-sunken)}.pay-slip>div{display:grid;gap:2px}.pay-slip dt{font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pay-slip dd{margin:0;font-size:var(--t-md);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-all}.pay-amount{font-size:var(--t-2xl);font-weight:700;letter-spacing:-.02em}.pay-card-box{min-height:62px;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.pay-pick{border:0;padding:0;margin:0;display:grid;gap:var(--s-2)}.pay-pick legend{padding:0;margin-bottom:var(--s-1)}.pay-opt{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r);border:1.5px solid var(--border);cursor:pointer;font-size:var(--t-sm);font-weight:600;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.pay-opt:hover{border-color:var(--border-strong)}.pay-opt.is-on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.pay-opt input{accent-color:var(--primary)}.pay-field{display:grid;gap:5px}.pay-field input{padding:10px var(--s-3);border-radius:var(--r);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--t-md);font-family:inherit}.pay-field input:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}@media (max-width:900px){.pay-layout{grid-template-columns:minmax(0,1fr)}}.pass-band{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:var(--s-6);align-items:center;margin-top:var(--s-8);padding:var(--s-6);border-radius:var(--r-2xl);background:var(--primary-soft);border:1px solid var(--primary-border)}.pass-band h2{font-size:var(--t-xl);line-height:var(--lh-tight);margin-top:var(--s-1)}.pass-band.is-mine{grid-template-columns:minmax(0,1fr)}.pass-buy{display:grid;gap:6px;align-content:start;padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);min-width:0}.pass-inc-head{margin-top:var(--s-4);font-size:var(--t-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pass-inc{list-style:none;display:grid;gap:7px;margin-top:6px}.pass-inc li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:baseline;gap:var(--s-2);font-size:var(--t-sm);line-height:var(--lh-snug)}.pass-inc svg{color:var(--primary-ink);align-self:center}.pass-inc em{font-style:normal;white-space:nowrap}.pass-free,.pass-inc em{font-size:var(--t-xs);color:var(--muted)}.pass-free{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--primary-border)}.pass-free,.pay-note{line-height:var(--lh-snug)}.pay-note{padding:8px 11px;border-radius:var(--r);background:var(--warn-soft);color:var(--warn-text);font-size:var(--t-xs)}.pay-note.is-err{background:var(--wrong-soft);color:var(--wrong)}.pass-price{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap}.pass-price strong{font-size:var(--t-2xl);letter-spacing:-.02em}.pass-per{font-size:var(--t-xs);color:var(--muted);font-weight:600}.pass-buy .btn{margin-top:var(--s-1)}@media (max-width:780px){.pass-band{grid-template-columns:minmax(0,1fr);padding:var(--s-5)}.pass-inc li{grid-template-columns:16px minmax(0,1fr);row-gap:2px}.pass-inc em{grid-column:2}}.pass-band{align-items:start}.pass-main{min-width:0}.admin{max-width:1180px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}.admin-head h1{font-size:var(--t-2xl);line-height:var(--lh-tight)}.admin-me{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-sm);color:var(--muted)}.admin-tabs{display:flex;gap:var(--s-1);overflow-x:auto;margin-bottom:var(--s-5);border-bottom:1px solid var(--border)}.admin-tabs a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:9px var(--s-4);font-size:var(--t-sm);font-weight:600;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px}.admin-tabs a:hover{color:var(--text);background:var(--bg-sunken)}.admin>.card,.admin>section.card{margin-bottom:var(--s-5)}.admin-pending{list-style:none;display:grid;gap:var(--s-2)}.admin-pending li{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:var(--s-3);align-items:baseline;font-size:var(--t-sm)}.admin-pending strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-pending em{font-style:normal}.admin-pending .more,.admin-pending em{color:var(--muted);font-size:var(--t-xs)}.admin-pending .more{display:block}.admin-pay{display:grid;gap:var(--s-3)}.admin-pay p{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.admin-stats{margin-bottom:var(--s-5)}.stat-label{font-size:var(--t-xs);color:var(--muted);font-weight:600}.stat-value{font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-hint{font-size:var(--t-xs);color:var(--muted);margin-top:2px}.admin-audit-mini{list-style:none;display:grid;gap:6px;font-size:var(--t-sm)}.admin-audit-mini li{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:var(--s-3);align-items:baseline}.admin-audit-mini code{font-size:var(--t-xs);color:var(--primary-ink)}.admin-audit-mini em{font-style:normal;color:var(--muted);font-size:var(--t-xs)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin-bottom:var(--s-5)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.admin-table th{text-align:left;font-size:var(--t-2xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:var(--surface-2)}.admin-table td,.admin-table th{padding:10px var(--s-4);border-bottom:1px solid var(--border)}.admin-table td{vertical-align:top}.admin-table tr:last-child td{border-bottom:none}.admin-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.admin-table .sub{display:block;color:var(--muted);font-size:var(--t-xs)}.admin-table .sub.dep{color:var(--primary-ink)}.admin-table tr.is-pending{background:var(--warn-soft)}.admin-table tr.is-system td{opacity:.6}.admin-table .chip{margin-left:5px}.admin-table .detail{max-width:320px;word-break:break-all}.admin-filter{display:flex;align-items:center;gap:var(--s-1);flex-wrap:wrap;margin-bottom:var(--s-4)}.admin-filter a{padding:6px var(--s-4);border-radius:999px;font-size:var(--t-sm);font-weight:600;color:var(--text-2)}.admin-filter a:hover{background:var(--bg-sunken)}.admin-filter a.on{background:var(--primary-tint);color:var(--primary-ink)}.admin-expire{margin-left:auto}.admin-expire,.admin-search{display:flex;align-items:center;gap:var(--s-2)}.admin-search{margin-bottom:var(--s-3)}.admin-search svg{color:var(--muted)}.admin-search input{flex:1 1;max-width:320px;padding:7px 11px;border:1px solid var(--border);background:var(--surface)}.admin-bankline,.admin-search input{border-radius:var(--r);font-size:var(--t-sm)}.admin-bankline{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;padding:9px var(--s-4);margin-bottom:var(--s-4);background:var(--primary-soft);border:1px solid var(--primary-border);line-height:var(--lh-snug)}.admin-bankline em{font-style:normal;font-weight:600}.admin-confirm{display:grid;gap:6px;min-width:210px;padding:var(--s-3);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border-strong)}.admin-confirm-q{font-size:var(--t-sm);line-height:var(--lh-snug)}.admin-note{padding:6px 9px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--t-xs);background:var(--surface);width:100%}.admin-confirm-btns{display:flex;gap:6px}.admin-err{color:var(--wrong);font-size:var(--t-xs);display:block;margin-top:3px}.admin-role{display:flex;align-items:center;gap:5px}.admin-role select{padding:5px 8px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:var(--t-xs);color:var(--text)}.admin-ok{display:flex;align-items:center;gap:var(--s-2);padding:9px var(--s-4);margin-bottom:var(--s-5);border-radius:var(--r);background:var(--partial-soft);color:var(--partial);font-size:var(--t-sm);font-weight:600}.admin-findings{list-style:none;display:grid;gap:var(--s-4)}.admin-findings li{font-size:var(--t-sm);line-height:var(--lh-snug)}.admin-findings .lvl{display:inline-block;margin-right:7px;padding:1px 7px;border-radius:999px;font-size:var(--t-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-sunken);color:var(--muted)}.admin-findings li.critical .lvl{background:var(--wrong-soft);color:var(--wrong)}.admin-findings li.warn .lvl{background:var(--warn-soft);color:#8a5a00}.admin-findings em{font-style:normal;color:var(--muted);font-size:var(--t-xs)}.admin-findings .why{color:var(--text-2);font-size:var(--t-xs);margin-top:3px}.admin-findings .rows{margin-top:6px;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg-sunken);font-size:var(--t-2xs);line-height:1.55;overflow-x:auto;white-space:pre}.admin-findings .fixhint{font-size:var(--t-xs);color:var(--muted);margin-top:4px}.admin-findings code,.admin-ok code,.pay-note code{padding:1px 5px;border-radius:3px;background:var(--bg-sunken);font-size:.92em}.muted-line{color:var(--muted);font-size:var(--t-sm);line-height:var(--lh-snug)}@media (max-width:640px){.admin-head{align-items:flex-start}.admin-pending li{grid-template-columns:80px minmax(0,1fr)}.admin-pending em{grid-column:2}.admin-audit-mini li{grid-template-columns:minmax(0,1fr);gap:2px}}.admin .crumb{display:inline-flex;align-items:center;gap:5px}.tbl-op{color:var(--muted);font-size:.78em;opacity:.75}.phrase-front{font-size:var(--t-lg);line-height:1.35;letter-spacing:-.01em}.phrase-front.is-cjk{font-size:var(--t-xl)}.phrase-back{display:inline-flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.chip-xs{font-size:var(--t-2xs);padding:1px 6px;opacity:.7}.cat-langs{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-3) 0 var(--s-4)}.cat-langs .chip{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none}.cat-langs .chip em{font-style:normal;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cat-langs .chip-on{background:var(--primary-soft);color:var(--primary-ink);border-color:var(--primary-border)}.cat-langs .chip-on em{color:var(--primary-ink);opacity:.7}.lang-warn{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);margin-bottom:var(--s-4);background:var(--warn-soft,var(--bg-sunken));border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);font-size:var(--t-sm)}.lang-warn svg{flex:none;margin-top:2px;opacity:.7}.lang-warn b{color:var(--text)}.purse{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-4);margin-bottom:var(--s-3)}.purse-cell{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.purse-cell.is-points{background:var(--primary-soft);border-color:var(--primary-border)}.purse-label{font-size:var(--t-2xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.purse-n{display:block;margin:var(--s-2) 0 var(--s-1);font-size:var(--t-3xl);letter-spacing:-.02em}.purse-cell.is-points .purse-n{color:var(--primary-ink)}.topup-row{display:flex;flex-wrap:wrap;gap:var(--s-3)}.topup{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;font-size:var(--t-md);transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.topup:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.topup:disabled{opacity:.5;cursor:wait}.topup-bonus{font-size:var(--t-2xs);font-weight:700;color:var(--primary-ink);background:var(--primary-tint);padding:2px 6px;border-radius:var(--r-full)}.earn-list{display:grid;gap:var(--s-2)}.earn-list li{display:flex;align-items:baseline;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.earn-list b{min-width:64px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.earn-list b,.up{color:var(--primary-ink)}.down{color:var(--text-2)}.meter{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.meter-bar{height:8px;background:var(--bg-sunken);overflow:hidden}.meter-bar,.meter-bar>i{border-radius:var(--r-full)}.meter-bar>i{display:block;height:100%;background:var(--primary);transition:width .26s cubic-bezier(.22,1,.36,1)}.meter-count{font-size:var(--t-xs);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.flame-1{background:var(--ok-soft);color:var(--ok)}.flame-2{background:var(--warn-soft);color:var(--warn-text)}.flame-3{background:var(--wrong-soft,var(--warn-soft));color:var(--wrong,var(--warn-text))}@media (prefers-reduced-motion:no-preference){.flame-3 svg{animation:breathe 1.6s ease-in-out infinite}}.finish-streak.flame-1,.finish-streak.flame-2,.finish-streak.flame-3{padding:4px 12px;border-radius:var(--r-full)}.xp-pop{display:inline-flex;align-items:baseline;gap:6px;padding:3px 10px;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary-ink);font-size:var(--t-sm);font-weight:700;white-space:nowrap}.xp-pop em{font-style:normal;font-weight:500;font-size:var(--t-xs);opacity:.8}@media (prefers-reduced-motion:no-preference){.xp-pop{animation:xp-rise .42s var(--ease-out) both}}@keyframes xp-rise{0%{opacity:0;transform:translateY(8px) scale(.9)}}.finish-ring:has(.tchr-face){background:var(--primary-soft)}.meter-combo{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-full);font-size:var(--t-xs);font-weight:700;white-space:nowrap;animation:combo-pop .32s cubic-bezier(.22,1,.36,1)}@keyframes combo-pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.meter-combo{animation:none}.meter-bar>i{transition:none}}.gains{list-style:none;display:grid;gap:2px;margin-top:var(--s-5)}.gains li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--s-3);padding:7px 11px;border-radius:var(--r);font-size:var(--t-sm)}.gains li:nth-child(odd){background:var(--surface-2)}.gains li b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ok)}.gains-total{margin-top:4px;border-top:1px solid var(--border);font-weight:700;background:none!important}.level{margin-top:var(--s-5);display:grid;gap:6px}.level-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--t-sm)}.finish-streak{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-4);font-size:var(--t-sm);color:var(--muted)}.badge-pop{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:var(--s-4);margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-lg);background:var(--primary-soft);border:1px solid var(--primary-border)}.badge-ico{width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r-full);color:var(--primary-ink)}.badge-ico,.standing{background:var(--surface)}.standing{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-xl);border:1px solid var(--border)}.standing>div{min-width:0;display:grid;gap:6px;align-content:start}.standing .big{font-size:var(--t-3xl);line-height:1;letter-spacing:-.02em}.standing-streak .btn{justify-self:start}.weak-list{list-style:none;display:grid;gap:var(--s-2)}.weak-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}.weak-list li>div{min-width:0;display:grid;gap:2px}@media (max-width:560px){.weak-list li{grid-template-columns:minmax(0,1fr)}.weak-list li .btn{justify-self:start}}.write-checks,.writing-result{margin-top:var(--s-3)}.write-checks{list-style:none;display:grid;gap:4px}.write-checks li{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:baseline;gap:var(--s-2);font-size:var(--t-sm);line-height:var(--lh-snug)}.write-checks svg{align-self:center}.write-checks .is-ok svg{color:var(--ok)}.write-checks .is-no svg{color:var(--warning)}.write-checks .is-no{color:var(--ink)}.write-good{display:flex;align-items:baseline;gap:6px;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--ok-soft);font-size:var(--t-sm)}.write-fixes{display:grid;gap:var(--s-3);margin-top:var(--s-3);padding-left:1.2em}.write-fixes li{display:grid;gap:3px;font-size:var(--t-sm)}.write-fixes s{color:var(--muted);text-decoration-color:var(--wrong)}.write-fixes b{color:var(--ok)}.write-fixes em{font-style:normal;font-size:var(--t-xs);color:var(--muted)}.write-next{margin-top:var(--s-3);font-size:var(--t-sm)}.write-locked{padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);font-size:var(--t-sm);color:var(--muted);line-height:var(--lh-snug)}.ask-box,.write-locked{display:grid;gap:var(--s-2);justify-items:start;margin-top:var(--s-3)}.ask-box{padding:var(--s-4);border-radius:var(--r-lg);background:var(--primary-soft);border:1px solid var(--primary-border)}.ask-answer{font-size:var(--t-sm);line-height:var(--lh-body)}.ask-more{display:flex;gap:var(--s-2);width:100%;flex-wrap:wrap}.ask-more input{flex:1 1 180px;min-width:0;padding:8px 11px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);font:inherit;font-size:var(--t-sm)}.sub-panel{display:grid;gap:var(--s-5)}.sub-pick{display:grid;gap:var(--s-2);border:0;padding:0;margin:0 0 var(--s-2)}.sub-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer}.sub-opt.is-on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.sub-opt input{position:absolute;opacity:0;pointer-events:none}.sub-opt:focus-within{outline:2px solid var(--primary);outline-offset:2px}.sub-opt-name{font-weight:600;font-size:var(--t-sm)}.sub-opt-price{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sub-opt-save{grid-column:1/-1;font-size:var(--t-xs);color:var(--ok);font-weight:700}.drawer-sec,.nav-sec{margin:var(--s-2) 0 2px;padding:var(--s-2) 11px 0;border-top:1px solid var(--border);font-size:var(--t-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:default}.drawer-links>.drawer-sec:first-child,.nav-drop>.nav-sec:first-child{border-top:0;margin-top:0}.price-two{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--s-4);align-items:start}.price-two>.card{min-width:0;display:flex;flex-direction:column}.price-two .btn-block{margin-top:auto}.price-tag{font-size:var(--t-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.price-free{border-color:var(--primary-border);background:var(--primary-soft)}.price-free .price-tag{color:var(--primary-ink)}@media (max-width:720px){.price-two{grid-template-columns:minmax(0,1fr)}}.sub-hint{margin-top:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--border);display:grid;gap:4px;justify-items:start}.sub-hint-price{font-size:var(--t-sm);font-weight:700;color:var(--text)}.home-paid{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--text-2)}.hgs{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-5);align-items:start;margin:var(--s-5) 0;padding:var(--s-5);border-radius:var(--r-xl);background:var(--primary-soft);border:1px solid var(--primary-border)}.hgs-say h2{font-size:var(--t-xl);margin:0 0 var(--s-2)}.hgs-say .tchr-say p{color:var(--text-2);margin:0;max-width:46ch}.hgs-steps{gap:var(--s-2)}.hgs-steps .step-row{padding:var(--s-2) var(--s-3)}.hgs-steps .step-row small{display:none}.hgs-note{margin-top:var(--s-3)}@media (min-width:861px){.hgs-steps .step-row small{display:block}}@media (max-width:860px){.hgs{grid-template-columns:minmax(0,1fr)}}.ccard-mine{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-4) var(--s-2);font-size:var(--t-xs);color:var(--muted)}.ccard-mine>span{display:inline-flex;align-items:center;gap:4px;flex:none}.ccard-mine .is-done{color:var(--ok);font-weight:700}.ccard-bar{flex:1 1 auto;min-width:40px;height:5px;border-radius:var(--r-full);background:var(--bg-sunken);overflow:hidden}.ccard-bar i{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width var(--dur-2) var(--ease)}@media (prefers-reduced-motion:reduce){.ccard-bar i{transition:none}}.vsp-axis{font-size:6px;fill:var(--muted);letter-spacing:.02em}.tgt{font-size:1.12em;font-weight:600;letter-spacing:-.005em}.table .tgt{font-size:1.22em}.lec-h .tgt,b .tgt,strong .tgt{font-weight:inherit}.tl-save.is-on{color:var(--primary-ink)}.tl-save.is-on svg{fill:currentColor}.unit-tile{padding:14px 16px;position:relative}.unit-tile h3{display:flex;align-items:center;gap:var(--s-2)}.unit-no{flex:none;width:22px;height:22px;display:grid;place-items:center;color:var(--text-2);font-size:var(--t-2xs);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.unit-bar,.unit-no{border-radius:var(--r-full);background:var(--bg-sunken)}.unit-bar{display:block;height:4px;margin-top:var(--s-2);overflow:hidden}.unit-bar i{display:block;height:100%;background:var(--primary);border-radius:inherit}.unit-state{display:block;margin-top:4px;color:var(--muted);min-height:1.2em}.unit-state .is-done{color:var(--ok)}.unit-state .is-next{color:var(--primary-ink)}.unit-tile.is-full .unit-no{background:var(--ok-soft);color:var(--ok)}.unit-tile.is-next{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.unit-tile.is-next .unit-no{background:var(--primary);color:#fff}.talk-tabs{margin-bottom:var(--s-4)}.talk-card{padding:var(--s-5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1)}.talk-count{margin-bottom:var(--s-2)}.talk-line{font-size:var(--t-2xl);font-weight:600;line-height:1.45;margin:var(--s-2) 0}.talk-gloss{color:var(--text-2);margin:var(--s-2) 0}.talk-acts{display:flex;flex-wrap:wrap;gap:var(--s-2)}.talk-acts,.talk-next{margin-top:var(--s-4)}.btn.is-live{animation:pulse 1.2s var(--ease) infinite}@keyframes pulse{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.btn.is-live{animation:none}}.talk-said{margin-top:var(--s-3);display:grid;gap:2px}.talk-said.is-good b{color:var(--ok)}.talk-said.is-close b{color:var(--warning)}.talk-said.is-off b{color:var(--wrong)}.talk-said i{font-style:normal;font-weight:600}.talk-note{display:flex;align-items:center;gap:var(--s-2);color:var(--muted);margin:var(--s-3) 0}.talk-note a{color:var(--primary-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}.talk-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.talk-pick{width:100%;text-align:left;display:grid;gap:2px;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit}.talk-pick:hover{border-color:var(--primary-border)}.talk-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.talk-turns{list-style:none;margin:var(--s-4) 0 0;padding:0;display:grid;gap:var(--s-2)}.talk-turns li{display:grid;gap:2px;justify-items:start}.talk-turns li.is-me{justify-items:end}.talk-turn{margin-top:var(--s-4);display:grid;gap:var(--s-2);justify-items:start}.talk-turn.is-me{justify-items:stretch}.bubble{display:grid;gap:2px;text-align:left;font:inherit;cursor:pointer;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2);max-width:32ch}.talk-turns li.is-me .bubble{background:var(--primary-soft);border-color:var(--primary-border)}.bubble b{font-size:var(--t-lg);font-weight:600}.bubble.is-big b{font-size:var(--t-2xl)}.bubble small{color:var(--muted)}.talk-ask{font-weight:600;margin-bottom:var(--s-2)}.talk-opts{display:grid;gap:var(--s-2)}.talk-opt{padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);text-align:left;border:1px solid var(--border-strong);background:var(--surface);font:inherit;font-size:var(--t-lg);font-weight:600;color:var(--text);cursor:pointer}.talk-opt:hover:not(:disabled){border-color:var(--primary)}.talk-opt.is-right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.talk-opt.is-wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong)}.talk-end{display:grid;gap:var(--s-3)}.talk-scene{display:grid;gap:2px;margin:var(--s-3) 0 var(--s-2)}.exam-q .card-head h3{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.exam-passage{padding:var(--s-4);border-radius:var(--r);background:var(--surface-2,var(--primary-soft));border:1px solid var(--border);font-size:var(--t-md);line-height:1.75}.exam-passage p{margin:0}.exam-passage p+p{margin-top:var(--s-2)}.exam-ask{margin-top:var(--s-4);font-weight:700}.exam-opts{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:var(--s-2)}.exam-opt{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:inherit;font:inherit;font-size:var(--t-md);text-align:start;cursor:pointer}.exam-opt:hover:not(:disabled){border-color:var(--primary)}.exam-opt:disabled{cursor:default}.exam-no{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--bg-2,var(--primary-soft));font-size:var(--t-2xs);font-weight:700;color:var(--muted)}.exam-opt.is-right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.exam-opt.is-right .exam-no{background:var(--ok);color:#fff}.exam-opt.is-wrong{border-color:var(--wrong);background:color-mix(in srgb,var(--wrong) 10%,transparent)}.exam-script{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--border)}.exam-script p{margin-top:var(--s-1,4px)}.exam-model{margin:var(--s-3) 0 0;padding-inline-start:var(--s-5);font-size:var(--t-md)}.exam-model li+li{margin-top:var(--s-2)}.exam-why{display:flex;align-items:flex-start;gap:var(--s-2);margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-inline-start:3px solid var(--primary);border-radius:0 var(--r) var(--r) 0;background:var(--primary-soft);color:var(--text-2);font-size:var(--t-sm);line-height:1.7}.exam-why svg{flex:none;margin-top:3px;color:var(--primary-ink)}.snd-label{display:block;font-weight:600;margin-bottom:var(--s-2)}.snd-in{width:100%;font-size:var(--t-xl);font-weight:600;padding:var(--s-3) var(--s-4)}.snd-out{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border)}.snd-out>div{display:flex;flex-direction:column;gap:2px}.snd-out b{font-size:var(--t-xl);line-height:1.3}.snd-said{color:var(--primary-ink)}.snd-changes{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:var(--s-2)}.snd-changes li{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.snd-changes b{font-size:var(--t-md)}.snd-ex{display:flex;flex-wrap:wrap;gap:var(--s-3)}.snd-pair{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border)}.snd-pair b{font-size:var(--t-lg)}.snd-pair .speak-line b{font-size:var(--t-lg);color:var(--primary-ink)}.word-said{font-size:var(--t-sm);font-weight:600;color:var(--primary-ink)}.hgs.is-compact{grid-template-columns:1fr;gap:var(--s-4);margin:var(--s-4) 0 0;padding:0;background:none;border:0}.hgs.is-compact .hgs-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}