@font-face{font-family:inter;font-display:swap;font-weight:100 900;font-style:normal;src:local('Inter Variable'),local('Inter'),local('SF Pro Display')}@font-face{font-family:jetbrains mono;font-display:swap;font-weight:100 800;font-style:normal;src:local('JetBrains Mono'),local('SF Mono'),local('Menlo')}@font-face{font-family:d2coding;font-display:swap;font-weight:400;font-style:normal;src:local('D2Coding'),local('D2Coding'),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2Coding.eot),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2Coding.woff2)format('woff2'),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2Coding.woff)format('woff'),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2Coding.ttf)format('truetype')}@font-face{font-family:d2coding;font-display:swap;font-weight:700;font-style:normal;src:local('D2Coding bold'),local('D2Coding-Bold'),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2CodingBold.eot),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2CodingBold.woff2)format('woff2'),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2CodingBold.woff)format('woff'),url(https://cdn.jsdelivr.net/gh/naver/d2codingfont@1.3.3/D2Coding/D2CodingBold.ttf)format('truetype')}:root{--zn-navy-700:#1A2238;--zn-navy-900:#08090a;--zn-offwhite-50:#FCFBF8;--zn-vermilion-500:#E34234;--zn-surface-0:#08090a;--zn-surface-1:#0f1011;--zn-surface-2:#141516;--zn-surface-3:#191a1b;--zn-surface-4:#1e1f20;--zn-surface-5:#28282c;--zn-text-100:#f7f8f8;--zn-text-200:#d0d6e0;--zn-text-300:#8a8f98;--zn-text-400:#62666d;--zn-text-500:#4a4d52;--zn-indigo-500:#5e6ad2;--zn-indigo-400:#7170ff;--zn-indigo-300:#828fff;--zn-vermilion-500:#E34234;--zn-vermilion-400:#E65A4A;--zn-success:#10b981;--zn-warning:#d4922b;--zn-danger:#E34234;--zn-border-subtle:rgba(255, 255, 255, 0.05);--zn-border:rgba(255, 255, 255, 0.08);--zn-border-strong:rgba(255, 255, 255, 0.12);--zn-border-solid:#23252a;--zn-light-bg:#FCFBF8;--zn-light-surface:#F8F6F0;--zn-light-border:#E8E4DA;--zn-light-text:#3D3A35;--zn-light-text-2:#5B5750;--zn-font-sans:'D2Coding', 'Inter', 'Inter Variable', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, system-ui, sans-serif;--zn-font-serif:'D2Coding', 'Noto Serif KR', 'Source Han Serif', 'Iowan Old Style', 'Apple Garamond', serif;--zn-font-mono:'D2Coding', 'JetBrains Mono', 'Berkeley Mono', 'SF Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--zn-font-features:'cv01', 'ss03';--zn-wt-read:400;--zn-wt-ui:510;--zn-wt-strong:590;--zn-text-display-xl:4.5rem;--zn-text-display-l:4rem;--zn-text-display:3rem;--zn-text-h1:2rem;--zn-text-h2:1.5rem;--zn-text-h3:1.25rem;--zn-text-body-l:1.125rem;--zn-text-body-emp:1.0625rem;--zn-text-body:1rem;--zn-text-body-med:1rem;--zn-text-body-sb:1rem;--zn-text-small:0.9375rem;--zn-text-caption-l:0.875rem;--zn-text-caption:0.8125rem;--zn-text-label:0.75rem;--zn-text-micro:0.6875rem;--zn-leading-tight:1.0;--zn-leading-snug:1.13;--zn-leading-snug-2:1.33;--zn-leading-normal:1.5;--zn-leading-relaxed:1.6;--zn-tracking-72:-0.022em;--zn-tracking-64:-0.022em;--zn-tracking-48:-0.022em;--zn-tracking-32:-0.022em;--zn-tracking-24:-0.012em;--zn-tracking-20:-0.012em;--zn-tracking-18:-0.0082em;--zn-tracking-15:-0.011em;--zn-tracking-13:-0.01em;--zn-tracking-wide:0.04em;--zn-tracking-widest:0.12em;--zn-space-0:0;--zn-space-1:0.25rem;--zn-space-2:0.5rem;--zn-space-3:0.75rem;--zn-space-4:1rem;--zn-space-5:1.25rem;--zn-space-6:1.5rem;--zn-space-7:1.75rem;--zn-space-8:2rem;--zn-space-10:2.5rem;--zn-space-12:3rem;--zn-space-16:4rem;--zn-space-20:5rem;--zn-space-24:6rem;--zn-space-32:8rem;--zn-space-40:10rem;--zn-radius-none:0;--zn-radius-sm:4px;--zn-radius-md:6px;--zn-radius-lg:8px;--zn-radius-xl:12px;--zn-radius-2xl:16px;--zn-radius-3xl:22px;--zn-radius-pill:9999px;--zn-radius-full:50%;--zn-shadow-none:none;--zn-shadow-xs:0 1.2px 0 rgba(0, 0, 0, 0.03);--zn-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.4);--zn-shadow-md:rgba(0, 0, 0, 0) 0px 8px 2px,
    rgba(0, 0, 0, 0.01) 0px 5px 2px,
    rgba(0, 0, 0, 0.04) 0px 3px 2px,
    rgba(0, 0, 0, 0.07) 0px 1px 1px,
    rgba(0, 0, 0, 0.08) 0px 0px 1px;--zn-shadow-lg:rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px;--zn-shadow-xl:rgba(0, 0, 0, 0.5) 0px 4px 8px,
    rgba(0, 0, 0, 0.4) 0px 16px 32px;--zn-shadow-inset:rgba(0, 0, 0, 0.2) 0px 0px 12px 0px inset;--zn-shadow-ring:0px 0px 0px 1px rgba(0, 0, 0, 0.2);--zn-shadow-focus:rgba(0, 0, 0, 0.1) 0px 4px 12px,
    0 0 0 2px var(--zn-indigo-500);--zn-gradient-hero:linear-gradient(180deg, var(--zn-surface-0) 0%, var(--zn-surface-1) 100%);--zn-gradient-card:linear-gradient(180deg, var(--zn-surface-3) 0%, var(--zn-surface-2) 100%);--zn-gradient-accent:linear-gradient(135deg, var(--zn-indigo-500) 0%, var(--zn-indigo-400) 100%);--zn-gradient-vermilion:linear-gradient(135deg, var(--zn-vermilion-500) 0%, var(--zn-vermilion-400) 100%);--zn-gradient-radial-accent:radial-gradient(circle at 70% 30%, rgba(94, 106, 210, 0.10) 0%, transparent 50%);--zn-container-prose:80ch;--zn-container-narrow:720px;--zn-container-default:1200px;--zn-container-wide:1400px;--zn-container-full:1680px;--zn-bp-sm:640px;--zn-bp-md:768px;--zn-bp-lg:1024px;--zn-bp-xl:1280px;--zn-bp-2xl:1536px;--zn-duration-fast:120ms;--zn-duration-normal:200ms;--zn-duration-slow:320ms;--zn-duration-deliberate:480ms;--zn-ease-out:cubic-bezier(0.16, 1, 0.3, 1);--zn-ease-in:cubic-bezier(0.7, 0, 0.84, 0);--zn-ease-inout:cubic-bezier(0.65, 0, 0.35, 1);--zn-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--zn-z-base:0;--zn-z-raised:10;--zn-z-sticky:100;--zn-z-overlay:200;--zn-z-modal:300;--zn-z-popover:400;--zn-z-toast:500;--zn-z-tooltip:600;--zn-bg:var(--zn-surface-0);--zn-surface:var(--zn-surface-3);--zn-surface-2:var(--zn-surface-1);--zn-border-color:var(--zn-border);--zn-text:var(--zn-text-200);--zn-text-muted:var(--zn-text-300);--zn-text-strong:var(--zn-text-100);--zn-link:var(--zn-indigo-400);--zn-link-hover:var(--zn-indigo-300);--zn-accent:var(--zn-indigo-500);--zn-accent-hover:var(--zn-indigo-300);--zn-code-bg:var(--zn-surface-1);--zn-code-block-bg:var(--zn-surface-1);--zn-code-block-fg:var(--zn-text-100);--zn-selection-bg:var(--zn-indigo-500);--zn-selection-fg:var(--zn-text-100)}[data-theme=light]{--zn-surface-0:#FCFBF8;--zn-surface-1:#F5F3ED;--zn-surface-2:#EDEAE2;--zn-surface-3:#FFFFFF;--zn-surface-4:#E8E4DA;--zn-surface-5:#D9D5CB;--zn-text-100:#1A2238;--zn-text-200:#3D3A35;--zn-text-300:#6B665E;--zn-text-400:#8A847A;--zn-text-500:#A8A298;--zn-indigo-500:#4F5BD2;--zn-indigo-400:#5E6AD2;--zn-indigo-300:#7B7FFF;--zn-vermilion-500:#D4352A;--zn-vermilion-400:#E34234;--zn-success:#0D9668;--zn-warning:#B87A1E;--zn-danger:#D4352A;--zn-border-subtle:rgba(0, 0, 0, 0.06);--zn-border:rgba(0, 0, 0, 0.10);--zn-border-strong:rgba(0, 0, 0, 0.16);--zn-border-solid:#D9D5CB;--zn-bg:var(--zn-surface-0);--zn-surface:var(--zn-surface-3);--zn-surface-2:var(--zn-surface-1);--zn-border-color:var(--zn-border);--zn-text:var(--zn-text-200);--zn-text-muted:var(--zn-text-300);--zn-text-strong:var(--zn-text-100);--zn-link:var(--zn-indigo-500);--zn-link-hover:var(--zn-indigo-300);--zn-link-underline:rgba(79, 91, 210, 0.3);--zn-accent:var(--zn-indigo-500);--zn-accent-hover:var(--zn-indigo-300);--zn-code-bg:var(--zn-surface-1);--zn-code-block-bg:#1f1f1f;--zn-code-block-fg:#f7f8f8;--zn-selection-bg:var(--zn-indigo-500);--zn-selection-fg:#FFFFFF;--zn-gradient-hero:linear-gradient(180deg, var(--zn-surface-0) 0%, var(--zn-surface-1) 100%);--zn-gradient-card:linear-gradient(180deg, var(--zn-surface-3) 0%, var(--zn-surface-2) 100%);--zn-gradient-accent:linear-gradient(135deg, var(--zn-indigo-500) 0%, var(--zn-indigo-400) 100%);--zn-gradient-radial-accent:radial-gradient(circle at 70% 30%, rgba(79, 91, 210, 0.07) 0%, transparent 50%);--zn-shadow-xs:0 1.2px 0 rgba(0, 0, 0, 0.02);--zn-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.06);--zn-shadow-md:rgba(0, 0, 0, 0) 0px 8px 2px,
    rgba(0, 0, 0, 0.003) 0px 5px 2px,
    rgba(0, 0, 0, 0.01) 0px 3px 2px,
    rgba(0, 0, 0, 0.02) 0px 1px 1px,
    rgba(0, 0, 0, 0.03) 0px 0px 1px;--zn-shadow-lg:rgba(0, 0, 0, 0.08) 0px 2px 4px,
    rgba(0, 0, 0, 0.06) 0px 8px 16px;--zn-shadow-xl:rgba(0, 0, 0, 0.10) 0px 4px 8px,
    rgba(0, 0, 0, 0.08) 0px 16px 32px;--zn-shadow-inset:rgba(0, 0, 0, 0.04) 0px 0px 12px 0px inset;--zn-shadow-ring:0px 0px 0px 1px rgba(0, 0, 0, 0.08);--zn-shadow-focus:rgba(79, 91, 210, 0.15) 0px 4px 12px,
    0 0 0 2px var(--zn-indigo-500)}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:var(--zn-font-features)}body{margin:0;font-family:var(--zn-font-sans);font-size:var(--zn-text-body);font-weight:var(--zn-wt-read);line-height:var(--zn-leading-normal);color:var(--zn-text);background:var(--zn-bg);font-feature-settings:var(--zn-font-features);transition:background var(--zn-duration-normal)var(--zn-ease-out),color var(--zn-duration-normal)var(--zn-ease-out)}::selection{background:var(--zn-indigo-500);color:var(--zn-text-100)}