:root{--ink-900: #0F1419;--ink-700: #2A3038;--ink-600: #4B5563;--ink-400: #8A93A1;--ink-300: #C2C8D2;--paper-0: #FFFFFF;--paper-50: #FAFBFC;--paper-100: #F1F3F6;--paper-200: #E3E7EC;--paper-300: #C8CFD8;--signal-300: #9CC8FF;--signal-500: #2A85F0;--signal-700: #1561B8;--amber-300: #E8C28E;--amber-500: #B97A2C;--amber-700: #7E4F18;--jade-300: #9DCFB7;--jade-500: #2E8C66;--jade-700: #1A5E45;--clay-500: #B04A2E;--clay-700: #7C2D12;--fg-1: var(--ink-900);--fg-2: var(--ink-600);--fg-3: var(--ink-400);--fg-warm: var(--amber-500);--fg-error: var(--clay-500);--bg-1: var(--paper-50);--bg-2: var(--paper-100);--bg-lift: var(--paper-0);--border-1: var(--paper-200);--border-2: var(--paper-300);--font-display: "Pretendard", "Pretendard Variable", sans-serif;--font-sans: "Pretendard", "Pretendard Variable", sans-serif;--font-mono: "Pretendard", "Pretendard Variable", sans-serif;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-22: 22px;--fs-28: 28px;--fs-36: 36px;--fs-48: 48px;--fs-64: 64px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--r-0: 0;--r-1: 2px;--r-2: 4px;--r-3: 8px;--r-pill: 999px;--radius-sm: 10px;--vc-radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-1: 0 1px 2px rgba(21, 20, 15, .06);--shadow-2: 0 8px 24px rgba(21, 20, 15, .08);--ease-1: cubic-bezier(.2, 0, 0, 1);--t-fast: .18s;--t-base: .32s;--t-slow: .6s}:root[data-theme=dark]{--ink-900: #E8EBEE;--ink-700: #C5CAD1;--ink-600: #99A1AC;--ink-400: #6B7480;--ink-300: #404853;--paper-0: #1B2026;--paper-50: #15191E;--paper-100: #0E1115;--paper-200: #2B323B;--paper-300: #3A424D;--signal-300: #8FC0FF;--signal-500: #3E92F5;--signal-700: #79B4F8;--amber-300: #E8C28E;--amber-500: #D08B3F;--amber-700: #E3AC62;--jade-300: #9DCFB7;--jade-500: #3DA67C;--jade-700: #83D6AD;--clay-500: #CB5C3E;--clay-700: #E89071;--shadow-1: 0 1px 2px rgba(0, 0, 0, .45);--shadow-2: 0 10px 28px rgba(0, 0, 0, .55)}:root[data-theme=dark] .setd-scrim,:root[data-theme=dark] .son-scrim,:root[data-theme=dark] .sew-scrim{background:#0000008c}:root[data-theme=dark] .fcd-lightbox,:root[data-theme=dark] .rd-lightbox{background:#000000b8}:root[data-theme=dark] .rd-judge-btn.good:not(.sel):not(.dim):not(:hover),:root[data-theme=dark] .fcd-judge-btn.good:not(.sel):not(.dim):not(:hover),:root[data-theme=dark] .ms-nav-item.on,:root[data-theme=dark] .qd-next,:root[data-theme=dark] .son-cta,:root[data-theme=dark] .scb-done,:root[data-theme=dark] .sew-btn.confirm{background:#bcc2cb}:root[data-theme=dark] .qd-next:not(:disabled):hover,:root[data-theme=dark] .son-cta:hover,:root[data-theme=dark] .scb-done:hover,:root[data-theme=dark] .sew-btn.confirm:hover{background:#acb3bd}:root[data-theme=dark] .fcd-judge-btn.good.sel,:root[data-theme=dark] .rd-judge-btn.good.sel{background:#2a8460;color:#f2f7f4}:root[data-theme=dark] .fcd-judge-btn.bad.sel,:root[data-theme=dark] .rd-judge-btn.bad.sel{background:#c0492c;color:#f8efeb}:lang(ko){letter-spacing:-.005em}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--paper-100);font-family:var(--font-sans);color:var(--fg-1);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","ss02"}.pill{display:inline-flex;align-items:center;height:22px;gap:4px;padding:0 9px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;border-radius:var(--r-pill);border:1px solid}.pill svg{width:10px;height:10px}.pill.good{background:color-mix(in oklch,var(--jade-500) 12%,var(--paper-50));border-color:color-mix(in oklch,var(--jade-500) 30%,var(--border-1));color:var(--jade-700)}.pill.bad{background:color-mix(in oklch,var(--clay-500) 12%,var(--paper-50));border-color:color-mix(in oklch,var(--clay-500) 30%,var(--border-1));color:var(--clay-700)}.status-badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:-.01em;border-radius:var(--r-pill);border:1px solid}.status-badge.mastered{color:var(--jade-700);border-color:var(--jade-500);background:#2e8c660f}.status-badge.weak{color:var(--clay-700);border-color:var(--clay-500);background:#b04a2e0f}.status-badge.new{color:var(--ink-600);border-color:var(--ink-300);background:var(--paper-200)}.status-badge.unstarted{color:var(--ink-400);border-color:var(--ink-300);border-style:dashed;background:transparent}.section-label{display:flex;align-items:center;gap:8px;margin:16px 0 8px;min-height:18px}.section-label:before{content:"";flex-shrink:0;width:3px;height:12px;border-radius:999px;background:var(--vc-accent, #B97A2C)}.sl-stack{display:flex;flex-direction:column;flex-shrink:0;gap:2px;line-height:1}.sl-ko{font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--ink-900);letter-spacing:-.01em;white-space:nowrap}.sl-en{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--ink-400);white-space:nowrap}.sl-rule{flex:1;height:1px;background:var(--border-1)}.sl-right{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-400);font-variant-numeric:tabular-nums}.method{display:inline;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-700)}.scroll-fade{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scroll-fade[data-fade=bottom]{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 44px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 44px),transparent 100%)}.scroll-fade[data-fade=top]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 44px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 44px,#000 100%)}.scroll-fade[data-fade=both]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%)}.scroll-fade{scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}.scroll-fade::-webkit-scrollbar{width:10px;height:10px}.scroll-fade::-webkit-scrollbar-track{background:transparent}.scroll-fade::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.scroll-fade::-webkit-scrollbar-thumb:hover{background:var(--ink-400);background-clip:padding-box}.ms-mobile-ad-top{display:none;width:100%;background:var(--paper-100);border-bottom:1px solid var(--border-1);flex-shrink:0}