:root{color-scheme:dark;--bg-app: oklch(17.5% .032 262);--bg-surface: oklch(21.5% .036 260);--bg-raised: oklch(26% .042 259);--bg-overlay: oklch(30% .045 259 / .92);--text-primary: oklch(92% .012 250);--text-secondary: oklch(74% .02 252);--text-muted: oklch(64% .026 254);--accent: oklch(85% .095 82);--accent-muted: oklch(85% .095 82 / .16);--on-accent: oklch(17.5% .032 262);--danger: oklch(72% .14 25);--danger-muted: oklch(72% .14 25 / .14);--on-danger: oklch(17.5% .032 262);--backdrop: oklch(5% .025 262 / .68);--border-subtle: oklch(90% .02 255 / .08);--border-strong: oklch(90% .02 255 / .18);--course-gold: oklch(85% .095 82);--course-green: oklch(74% .105 153);--course-blue: oklch(72% .105 245);--course-pink: oklch(75% .105 350);--course-violet: oklch(72% .1 300);--course-orange: oklch(76% .12 55);--highlight-yellow: oklch(83% .13 95);--highlight-green: oklch(80% .14 150);--highlight-pink: oklch(78% .12 350);--highlight-blue: oklch(78% .11 240);--status-todo: oklch(62% .03 255);--status-progress: oklch(78% .11 240);--status-done: oklch(76% .13 150);--shadow-sm: 0 1px 2px oklch(5% .02 262 / .5);--shadow-md: 0 4px 12px oklch(5% .02 262 / .45);--shadow-lg: 0 12px 32px oklch(5% .02 262 / .55);--preview-dark-bg: oklch(17.5% .032 262);--preview-dark-surface: oklch(21.5% .036 260);--preview-dark-text: oklch(92% .012 250);--preview-dark-accent: oklch(85% .095 82);--preview-light-bg: oklch(97% .012 85);--preview-light-surface: oklch(98.5% .007 90);--preview-light-text: oklch(25% .02 70);--preview-light-accent: oklch(52% .105 75);--preview-midnight-bg: oklch(0% 0 0);--preview-midnight-surface: oklch(15% .006 260);--preview-midnight-text: oklch(88% .006 250);--preview-midnight-accent: oklch(80% .09 80);--preview-sepia-bg: oklch(92.5% .028 82);--preview-sepia-surface: oklch(95.5% .022 84);--preview-sepia-text: oklch(28% .03 58);--preview-sepia-accent: oklch(44% .12 252);--preview-high-contrast-bg: oklch(100% 0 0);--preview-high-contrast-surface: oklch(95% 0 0);--preview-high-contrast-text: oklch(0% 0 0);--preview-high-contrast-accent: oklch(42% .15 258);--preview-graphite-bg: oklch(28% 0 0);--preview-graphite-surface: oklch(33% 0 0);--preview-graphite-text: oklch(95% 0 0);--preview-graphite-accent: oklch(80% .115 196);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--tracking-tight: -.015em;--tracking-wide: .08em;--chrome-height: 2.75rem;--rail-left-width: 15rem;--rail-right-width: 18rem;--control-height: 2rem;--button-height: 2.25rem;--icon-button-size: 2rem;--icon-size: 1rem;--icon-size-sm: .875rem;--course-dot-size: .5rem;--dur-fast: .12s;--dur-base: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--web-text-body: clamp(.9375rem, .91rem + .14vw, 1.0625rem);--web-text-lead: clamp(1.0625rem, 1rem + .32vw, 1.25rem);--web-text-section: clamp(1.75rem, 1.45rem + 1.35vw, 2.5rem);--web-text-hero: clamp(2.25rem, 1.72rem + 2.5vw, 3.5rem);--web-leading-body: 1.7;--web-leading-tight: 1.12;--content-max: 72rem;--wide-max: 84rem;--gutter: clamp(1rem, 3.5vw, 2.5rem);--nav-h: 3.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-block-start:calc(var(--nav-h) + var(--space-4))}body{min-block-size:100vh;overflow-x:hidden;color:var(--text-primary);background:var(--bg-app);font-family:var(--font-sans);font-size:var(--web-text-body);line-height:var(--web-leading-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:anywhere}html[lang=ko] body{word-break:keep-all;line-break:strict}h1,h2,h3,h4{font-weight:600;line-height:1.25;letter-spacing:var(--tracking-tight);text-wrap:balance}p,figcaption{text-wrap:pretty}img,svg,video{display:block;max-inline-size:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{color:inherit;background:none;border:0;font:inherit;cursor:pointer}code,kbd{font-family:var(--font-mono)}::selection{color:var(--text-primary);background:var(--accent-muted)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--accent);outline-offset:3px}.shell{inline-size:100%;max-inline-size:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.shell--wide{max-inline-size:var(--wide-max)}.skip-link{position:absolute;inset-block-start:-100%;inset-inline-start:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);color:var(--on-accent);background:var(--accent);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.skip-link:focus{inset-block-start:var(--space-4)}.surface-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);block-size:var(--button-height);padding-inline:var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn--lg{block-size:3rem;padding-inline:var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base)}.btn--solid{color:var(--on-accent);background:var(--accent)}.btn--ghost{color:var(--text-secondary);background:var(--bg-surface);border-color:var(--text-muted)}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-raised)}.btn--quiet{color:var(--text-secondary)}.btn--quiet:hover{color:var(--text-primary);background:var(--bg-raised)}.btn__icon{inline-size:var(--icon-size);block-size:var(--icon-size);flex:none}@keyframes initial-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.initial-rise{animation:initial-rise var(--dur-base) var(--ease-out) both}.demo-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-block-start:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.demo-link:before{content:"↑";color:var(--accent)}.demo-link:hover{color:var(--accent);border-color:var(--accent)}.demo-link:active{transform:translateY(1px)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mark[data-astro-cid-kabm6kcc]{flex:none;color:var(--accent)}.logo[data-astro-cid-tvrurpns]{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary)}.logo__names[data-astro-cid-tvrurpns]{display:inline-flex;align-items:baseline;gap:var(--space-2)}.logo__primary[data-astro-cid-tvrurpns]{font-size:1rem;font-weight:650;letter-spacing:var(--tracking-tight)}.logo__companion[data-astro-cid-tvrurpns]{font-size:var(--text-xs);color:var(--text-muted)}.logo--lg[data-astro-cid-tvrurpns] .logo__primary[data-astro-cid-tvrurpns]{font-size:var(--text-lg)}svg[data-astro-cid-4ckhetd2]{flex:none}.nav[data-astro-cid-dmqpwcec]{position:sticky;inset-block-start:0;z-index:50;block-size:var(--nav-h);background:var(--bg-surface);border-block-end:1px solid var(--border-subtle)}.nav__inner[data-astro-cid-dmqpwcec],.nav__actions[data-astro-cid-dmqpwcec],.nav__links[data-astro-cid-dmqpwcec],.lang[data-astro-cid-dmqpwcec]{display:flex;align-items:center}.nav__inner[data-astro-cid-dmqpwcec]{block-size:100%;gap:var(--space-4)}.nav__home[data-astro-cid-dmqpwcec]{flex:none}.nav__links[data-astro-cid-dmqpwcec]{display:none;gap:var(--space-5);margin-inline:auto}.nav__links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]{color:var(--text-secondary);font-size:var(--text-sm)}.nav__links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover{color:var(--text-primary)}.nav__actions[data-astro-cid-dmqpwcec]{gap:var(--space-2);margin-inline-start:auto}.lang[data-astro-cid-dmqpwcec]{display:none;gap:var(--space-1);padding:var(--space-1);background:var(--bg-app);border:1px solid var(--text-muted);border-radius:var(--radius-md)}.lang[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]{padding:var(--space-1) var(--space-2);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.lang[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover,.lang[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec][aria-current=page]{color:var(--text-primary);background:var(--bg-raised)}.menu[data-astro-cid-dmqpwcec]{position:relative}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec]{display:grid;place-items:center;inline-size:var(--icon-button-size);block-size:var(--icon-button-size);border-radius:var(--radius-sm);cursor:pointer;list-style:none}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec]::-webkit-details-marker{display:none}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec]:hover{background:var(--bg-raised)}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec],.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]:before,.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]:after{display:block;inline-size:var(--icon-size);block-size:1px;background:var(--text-secondary)}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]{position:relative}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]:before,.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]:after{content:"";position:absolute;inset-inline-start:0}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]:before{transform:translateY(-5px)}.menu[data-astro-cid-dmqpwcec] summary[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]:after{transform:translateY(5px)}.menu[data-astro-cid-dmqpwcec]>nav[data-astro-cid-dmqpwcec]{position:absolute;inset-block-start:calc(100% + var(--space-3));inset-inline-end:0;display:flex;flex-direction:column;inline-size:13rem;padding:var(--space-2);background:var(--bg-overlay);border:1px solid var(--text-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.menu[data-astro-cid-dmqpwcec] nav[data-astro-cid-dmqpwcec]>a[data-astro-cid-dmqpwcec],.menu__langs[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]{padding:var(--space-3);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.menu[data-astro-cid-dmqpwcec] nav[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover{color:var(--text-primary);background:var(--bg-raised)}.menu__langs[data-astro-cid-dmqpwcec]{display:flex;flex-direction:column;margin-block-start:var(--space-2);padding-block-start:var(--space-2);border-block-start:1px solid var(--border-subtle)}.menu__langs[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec][aria-current=page]{color:var(--accent)}@media(min-width:44rem){.lang[data-astro-cid-dmqpwcec]{display:flex}}@media(min-width:64rem){.nav__links[data-astro-cid-dmqpwcec]{display:flex}.menu[data-astro-cid-dmqpwcec]{display:none}}.footer[data-astro-cid-sz7xmlte]{border-block-start:1px solid var(--border-subtle);background:var(--bg-surface)}.footer__main[data-astro-cid-sz7xmlte]{display:grid;gap:var(--space-6);padding-block:var(--space-7)}.footer__brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{max-inline-size:26rem;margin-block-start:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.footer[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;align-content:start;gap:var(--space-3) var(--space-5)}.footer[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-secondary);font-size:var(--text-sm)}.footer[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--text-primary)}.footer__base[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-4);color:var(--text-muted);border-block-start:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.footer__base[data-astro-cid-sz7xmlte] div[data-astro-cid-sz7xmlte]{display:flex;gap:var(--space-2)}.footer__base[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.footer__base[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--text-primary);background:var(--bg-raised)}.footer__base[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte][aria-current=page]{color:var(--text-primary)}@media(min-width:52rem){.footer__main[data-astro-cid-sz7xmlte]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}