.lesson-title{font-family:var(--font-primary)!important;font-size:var(--text-3xl)!important;font-weight:var(--font-bold)!important;line-height:var(--leading-tight)!important;margin:0 0 var(--space-lg) 0!important;color:#111827!important;text-align:left!important}@font-face{font-family:Noto Sans KR;src:url(/fonts/noto-sans-kr-v37-latin-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-blod.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans KR;src:url(/fonts/noto-sans-kr.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans KR;src:url(/fonts/noto-sans-kr-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans KR;src:url(/fonts/noto-sans-kr-black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--font-primary: "Inter", system-ui, sans-serif;--font-korean: "Noto Sans KR", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-interactive: .5rem;--radius-container: 1rem}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:#374151}h1,.blog-content h1,.content h1{font-family:var(--font-primary)!important;font-size:var(--text-3xl)!important;font-weight:var(--font-bold)!important;line-height:var(--leading-tight)!important;margin:0 0 var(--space-lg) 0!important;color:#111827!important;text-align:center!important}h2,.blog-content h2,.content h2{font-family:var(--font-primary)!important;font-size:var(--text-2xl)!important;font-weight:var(--font-semibold)!important;line-height:var(--leading-tight)!important;margin:0 0 var(--space-md) 0!important;color:#1f2937!important;text-align:left!important}h3,.blog-content h3,.content h3{font-family:var(--font-primary)!important;font-size:var(--text-lg)!important;font-weight:var(--font-semibold)!important;line-height:var(--leading-normal)!important;margin:0 0 var(--space-sm) 0!important;color:#1f2937!important;text-align:left!important}h4,.blog-content h4,.content h4{font-family:var(--font-primary)!important;font-size:var(--text-base)!important;font-weight:var(--font-medium)!important;line-height:var(--leading-normal)!important;margin:0 0 var(--space-sm) 0!important;color:#374151!important;text-align:left!important}h5,.blog-content h5,.content h5{font-family:var(--font-primary)!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;line-height:var(--leading-normal)!important;margin:0 0 var(--space-xs) 0!important;color:#374151!important;text-align:left!important}h6,.blog-content h6,.content h6{font-family:var(--font-primary)!important;font-size:var(--text-xs)!important;font-weight:var(--font-medium)!important;line-height:var(--leading-normal)!important;margin:0 0 var(--space-xs) 0!important;color:#374151!important;text-align:left!important}p,.paragraph{font-family:var(--font-primary)!important;font-size:var(--text-base)!important;line-height:var(--leading-relaxed)!important;margin:0 0 var(--space-md) 0!important;color:#4b5563!important}.paragraph-sm{font-size:var(--text-sm)!important;line-height:var(--leading-normal)!important;margin:0 0 var(--space-sm) 0!important;color:#4b5563!important}.paragraph-lg{font-size:var(--text-lg)!important;line-height:var(--leading-relaxed)!important;margin:0 0 var(--space-lg) 0!important;color:#4b5563!important}.text-lead{font-family:var(--font-primary)!important;font-size:var(--text-xl)!important;line-height:var(--leading-relaxed)!important;color:#4b5563!important;margin:0 0 var(--space-lg) 0!important;font-weight:var(--font-normal)!important}small,.text-small{font-family:var(--font-primary)!important;font-size:var(--text-sm)!important;line-height:var(--leading-normal)!important;color:#6b7280!important;margin:0!important}.text-tiny{font-family:var(--font-primary)!important;font-size:var(--text-xs)!important;line-height:var(--leading-normal)!important;color:#9ca3af!important;margin:0!important}.text-meta{font-family:var(--font-primary)!important;font-size:var(--text-xs)!important;line-height:var(--leading-normal)!important;color:#9ca3af!important;font-weight:var(--font-medium)!important;margin:0!important}.text-description{font-family:var(--font-primary)!important;font-size:var(--text-sm)!important;line-height:var(--leading-relaxed)!important;color:#6b7280!important;margin:0 0 var(--space-sm) 0!important}.text-xs{font-size:var(--text-xs)!important}.text-sm{font-size:var(--text-sm)!important}.text-base{font-size:var(--text-base)!important}.text-lg{font-size:var(--text-lg)!important}.text-xl{font-size:var(--text-xl)!important}.text-2xl{font-size:var(--text-2xl)!important}.text-3xl{font-size:var(--text-3xl)!important}.text-4xl{font-size:var(--text-4xl)!important}.text-5xl{font-size:var(--text-5xl)!important}.text-6xl{font-size:var(--text-6xl)!important}.font-light{font-weight:var(--font-light)!important}.font-normal{font-weight:var(--font-normal)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.text-primary{color:#2563eb!important}.text-secondary{color:#6b7280!important}.text-muted{color:#9ca3af!important}.text-success{color:#059669!important}.text-warning{color:#d97706!important}.text-danger{color:#dc2626!important}@media (max-width: 640px){html{font-size:14px!important}h1,.heading-1,.heading-1-left,.heading-1-center,.heading-1-right{font-size:var(--text-3xl)!important}h2,.heading-2,.heading-2-left,.heading-2-center,.heading-2-right{font-size:var(--text-2xl)!important}h3,.heading-3,.heading-3-left,.heading-3-center,.heading-3-right{font-size:var(--text-xl)!important}h4,.heading-4,.heading-4-left,.heading-4-center,.heading-4-right{font-size:var(--text-lg)!important}h5,.heading-5,.heading-5-left,.heading-5-center,.heading-5-right{font-size:var(--text-base)!important}.text-lead{font-size:var(--text-lg)!important}}@media (max-width: 640px){h1,.blog-content h1,.content h1{font-size:var(--text-2xl)!important;line-height:var(--leading-tight)!important;margin-bottom:var(--space-md)!important}h2,.blog-content h2,.content h2{font-size:var(--text-xl)!important;line-height:var(--leading-snug)!important}h3,.blog-content h3,.content h3{font-size:var(--text-base)!important;line-height:var(--leading-snug)!important}h4,.blog-content h4,.content h4{font-size:var(--text-sm)!important}h5,.blog-content h5,.content h5,h6,.blog-content h6,.content h6{font-size:var(--text-xs)!important}p,.paragraph,.blog-content p{font-size:var(--text-base)!important;line-height:var(--leading-relaxed)!important}}@media (min-width: 641px) and (max-width: 1024px){h1,.blog-content h1,.content h1{font-size:var(--text-4xl)!important}h2,.blog-content h2,.content h2{font-size:var(--text-3xl)!important}h3,.blog-content h3,.content h3{font-size:var(--text-xl)!important}}@media (min-width: 1280px){h1,.blog-content h1,.content h1{font-size:var(--text-4xl)!important}h2,.blog-content h2,.content h2{font-size:var(--text-3xl)!important}h3,.blog-content h3,.content h3{font-size:var(--text-xl)!important}}.text-korean{font-family:var(--font-korean)!important;font-weight:var(--font-normal)!important}.text-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-truncate-2{display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.text-truncate-3{display:-webkit-box!important;-webkit-line-clamp:3!important;line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0}.text-primary-600{color:#2563eb}.bg-primary-600{background-color:#2563eb}.border-primary-600{border-color:#2563eb}.animate-fade-in{animation:fadeIn .6s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.loading-hidden{opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.loading-visible{opacity:1;transform:scale(1)}.level-filter-btn{color:#6b7280;background-color:transparent;transition:all .2s ease}.level-filter-btn:hover{color:#374151;background-color:#f3f4f6}.level-filter-btn.active{color:#fff;background-color:#3b82f6}.level-filter-btn.active:hover{background-color:#2563eb}.scroll-container{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.scroll-container::-webkit-scrollbar{display:none}.scroll-gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,rgba(255,255,255,.9),transparent);pointer-events:none;z-index:10}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dragging{opacity:.5;transform:rotate(2deg)}.drag-over{border-color:#10b981!important;background-color:#ecfdf5!important}