:root{--bg: #0b0b0f;--bg-soft: #14141a;--panel: #15151c;--line: #26262f;--text: #f4f4f6;--text-dim: #b6b6c2;--muted: #7e7e8c;--accent: #cfd2dd;--accent-soft: rgba(207, 210, 221, .1);--prism: linear-gradient(100deg, #ff5adf 0%, #7ad7ff 28%, #ffd166 55%, #b28dff 78%, #7ad7ff 100%);--chrome: linear-gradient(180deg, #ffffff 0%, #c8ccd8 35%, #6f7484 60%, #e8eaf1 100%);--glass: rgba(255, 255, 255, .04);--glass-line: rgba(255, 255, 255, .1);--font-display: "Clash Display", "Pretendard Variable", system-ui, sans-serif;--font-body: "Satoshi", "Pretendard Variable", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;--max: 1320px;--gutter-d: 40px;--gutter-m: 20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;min-height:100vh;position:relative;overflow-x:clip}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 90% 0%,rgba(122,215,255,.055),transparent 34%),radial-gradient(circle at 4% 84%,rgba(255,90,223,.035),transparent 30%)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.026;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>")}body>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid #7ad7ff;outline-offset:3px;border-radius:2px}.frame{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter-d)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.inline-code{font-family:var(--font-mono);font-size:.92em;padding:1px 6px;background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--text);white-space:nowrap}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:0;line-height:.94}.h-section{font-family:var(--font-display);font-weight:600;letter-spacing:0;line-height:1.12;text-wrap:balance}.h-mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.muted{color:var(--muted)}.accent,.em{color:var(--accent)}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.eyebrow{margin-bottom:22px}.section-tag{margin-bottom:18px}.section-tag:before{content:"";width:28px;height:1px;background:var(--accent)}.section-h{max-width:920px;margin-bottom:22px;font-size:56px}.section-lede{max-width:680px;margin-bottom:56px;color:var(--text-dim);font-size:18px;line-height:1.6}section.std{padding:112px 0;border-bottom:1px solid var(--line)}.prism-text{color:transparent;background:var(--prism);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}html.js .prism-text{animation:prism-pan 9s ease-in-out infinite alternate}.chrome-text{color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text}.outline-text{color:transparent;-webkit-text-stroke:1px rgba(244,244,246,.28)}.glass-panel{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:8px}.foil-hover{position:relative;isolation:isolate}.foil-hover:after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:var(--prism);opacity:0;transition:opacity .25s ease}.foil-hover:hover:after,.foil-hover:focus-visible:after,.foil-hover:focus-within:after{opacity:.42}.blob-layer{position:absolute;pointer-events:none;mix-blend-mode:lighten}.blob-layer img{width:100%;animation:blob-float 7s ease-in-out infinite alternate}.codeblock{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;background:#0a0a0ebd;border:1px solid var(--glass-line);border-radius:8px;box-shadow:0 18px 55px #00000047}.codeblock .cmd{flex:1 1 auto;min-width:0;overflow:visible;font-family:var(--font-mono);font-size:14px;color:var(--text);white-space:normal;overflow-wrap:anywhere}.codeblock .cmd .prompt{margin-right:10px;color:#7ad7ff}.codeblock .cmd .accent-tok{color:#ffd166}.codeblock .copy{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:4px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);transition:color .18s ease,border-color .18s ease}.codeblock .copy:hover,.codeblock .copy:focus-visible,.codeblock .copy.copied{color:var(--text);border-color:#7ad7ff}html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 90ms)}html.js .reveal.in{opacity:1;transform:none}@keyframes prism-pan{to{background-position:100% 50%}}@keyframes blob-float{to{transform:translate3d(0,-18px,0) rotate(1.5deg)}}@supports (animation-timeline: view()){.parallax-up{animation:parallax-up linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.parallax-down{animation:parallax-down linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes parallax-up{0%{transform:translateY(40px)}to{transform:translateY(-40px)}}@keyframes parallax-down{0%{transform:translateY(-34px)}to{transform:translateY(34px)}}}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] p,html[lang=ko] li,html[lang=ko] summary,html[lang=ko] blockquote,html[lang=ko] .eyebrow,html[lang=ko] .section-tag{word-break:keep-all;overflow-wrap:break-word}@media(max-width:768px){.frame{padding:0 var(--gutter-m)}section.std{padding:76px 0}.section-h{font-size:44px}.section-lede{margin-bottom:38px;font-size:16px}}@media(max-width:480px){.section-h{font-size:32px}.codeblock{padding:14px}.codeblock .cmd{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js .reveal{opacity:1;transform:none;transition:none}html.js .prism-text,.blob-layer img,.parallax-up,.parallax-down,.marquee-track{animation:none!important}}