:root{--paper:#f4f5ec;--paper-2:#e9f3dc;--ink:#0b2b1c;--graphite:#4f6657;--newsprint:#e3ecd9;--rule:#c9d6bf;--cobalt:#1d6b3f;--cobalt-deep:#0f4a2a;--cobalt-ink:#0b2b1c;--acid:#c6ff5a;--mint:#8fe3a8;--glass:rgba(255,255,255,.42);--glass-border:rgba(255,255,255,.65);--font:"Pretendard","Pretendard Variable","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;--serif:"Instrument Serif","Noto Serif KR",Georgia,serif;--text-label:13px;--text-caption:15px;--text-body:17px;--text-read:19px;--text-lead:22px;--text-h3:clamp(21px,1.2vw + 14px,26px);--text-h2:clamp(28px,2vw + 14px,36px);--text-h1:clamp(36px,3.4vw + 14px,56px);--text-display:clamp(44px,6.2vw + 8px,92px);--ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);--tracking-label:0.14em;--tracking-tight:-0.035em;--gutter:64px;--max:1312px;--r:20px;--r-sm:12px;--r-btn:12px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--text-body);line-height:1.6;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;font-feature-settings:"ss05","calt"}canvas[data-aurora=page]{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;opacity:.9}canvas[data-aurora=panel]{position:absolute;inset:0;width:100%;height:100%;z-index:0}main{position:relative;z-index:1}.progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:40;transform-origin:0 50%;transform:scaleX(var(--scroll-p,0));background:linear-gradient(90deg,var(--acid),var(--mint));pointer-events:none}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{display:block;max-width:100%}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.label{font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase}.cobalt{color:var(--cobalt)}.muted{color:var(--graphite)}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-btn);padding:14px 24px;font-size:15px;font-weight:600;letter-spacing:.02em;border:1.5px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:background .15s,color .15s,transform .15s}.btn:active{transform:scale(.97)}.btn{transition:background .35s var(--ease),color .35s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(11,43,28,.14)}.glass{transition:transform .6s var(--ease),box-shadow .6s var(--ease);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-radius:var(--r);box-shadow:0 10px 40px rgba(11,43,28,.08)}.accentBar{border-left:4px solid var(--acid);padding-left:18px}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}.btn:hover{background:var(--ink);color:var(--paper)}.btnAcid{background:var(--acid);border-color:var(--acid);color:var(--ink)}.btnAcid:hover{color:var(--acid)}.btnAcid:hover,.btnInk{background:var(--ink);border-color:var(--ink)}.btnInk{color:var(--paper)}.btnInk:hover{background:var(--cobalt);border-color:var(--cobalt)}.btnGhost{border-color:rgba(11,43,28,.35);color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btnGhost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.prose{font-size:var(--text-read);line-height:1.8}.prose>*+*{margin-top:1.1em}.prose h1{font-size:var(--text-h1);line-height:1.12;font-weight:800;letter-spacing:var(--tracking-tight);margin-top:0}.prose h2{font-size:var(--text-h2);line-height:1.2;font-weight:800;letter-spacing:-.03em;margin-top:2.2em;padding-top:.6em;border-top:2px solid var(--ink)}.prose h3{font-size:var(--text-h3);line-height:1.3;font-weight:700;letter-spacing:-.02em;margin-top:1.8em}.prose p{color:var(--ink)}.prose blockquote{margin:1.4em 0;padding:4px 0 4px 24px;border-left:3px solid var(--cobalt);color:var(--graphite);font-size:var(--text-body)}.prose ol,.prose ul{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose strong{font-weight:700}.prose code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;padding:2px 6px}.prose code,.prose pre{background:var(--newsprint)}.prose pre{border-radius:var(--r-sm);padding:24px 28px;overflow-x:auto;font-size:15px;line-height:1.7}.prose pre code{background:none;padding:0;font-size:inherit}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-caption);line-height:1.5;margin:1.4em 0}.prose th{text-align:left;font-weight:600;letter-spacing:.04em;border-bottom:2px solid var(--ink);vertical-align:bottom}.prose td,.prose th{padding:12px 14px 12px 0}.prose td{border-bottom:1px solid var(--rule);vertical-align:top}.prose hr{border:0;border-top:1px solid var(--rule);margin:2.5em 0}.prose h3[id^="미니-실습"],.prose h3[id^="실습"]{background:var(--acid);padding:18px 22px 14px;margin-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0}.prose h3[id^="미니-실습"]+ol,.prose h3[id^="미니-실습"]+p,.prose h3[id^="미니-실습"]+p+ol,.prose h3[id^="실습"]+ol,.prose h3[id^="실습"]+p,.prose h3[id^="실습"]+p+ol{background:var(--acid);margin-top:0;padding:0 22px 18px 44px}.prose h3[id^="미니-실습"]+p+ol,.prose h3[id^="실습"]+p+ol{border-radius:0 0 var(--r-sm) var(--r-sm)}[data-reveal]{opacity:0;transform:translate3d(0,32px,0);filter:blur(6px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease);transition-delay:var(--d,0s);will-change:opacity,transform}[data-reveal=scale]{transform:scale(.94) translate3d(0,16px,0)}[data-reveal=left]{transform:translate3d(-40px,0,0)}[data-reveal=right]{transform:translate3d(40px,0,0)}[data-reveal].in{opacity:1;transform:none;filter:none}.draw circle,.draw path{stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 2.4s var(--ease-io)}[data-reveal].in .draw circle,[data-reveal].in .draw path{stroke-dashoffset:0}@keyframes morph{0%{transform:rotate(0deg) scale(1)}33%{transform:rotate(6deg) scale(1.04,.97)}66%{transform:rotate(-5deg) scale(.97,1.05)}to{transform:rotate(0deg) scale(1)}}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}@keyframes spin{to{transform:rotate(1turn)}}.blob{animation:morph 18s ease-in-out infinite;transform-origin:50% 50%}.floaty{animation:drift 9s ease-in-out infinite}@supports (animation-timeline:view()){@keyframes par{0%{transform:translateY(6%)}to{transform:translateY(-6%)}}.parallax{animation:par linear both;animation-timeline:view();animation-range:entry 0 exit 100%}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;filter:none;transition:none}.blob,.floaty,.parallax{animation:none}.draw circle,.draw path{stroke-dashoffset:0}}@media (max-width:900px){:root{--gutter:20px;--text-read:17px}}@media (max-width:480px){:root{--gutter:16px}.btn{padding:13px 18px;font-size:14px}}.prose>h2:first-child{margin-top:0;border-top:0;padding-top:0}.Nav_nav__o8sSc{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:16px 0 0;transition:padding .5s var(--ease)}html[data-scrolled] .Nav_nav__o8sSc{padding-top:8px}.Nav_inner__sh7uA{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px;padding:0 16px 0 28px;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 10px 40px rgba(11,43,28,.08);transition:height .5s var(--ease),box-shadow .5s var(--ease),background .5s var(--ease)}html[data-scrolled] .Nav_inner__sh7uA{height:54px;background:rgba(255,255,255,.6);box-shadow:0 6px 24px rgba(11,43,28,.1)}.Nav_brand__vMusG{display:flex;align-items:center;gap:10px}.Nav_wordmark__FGZOj{font-size:22px;font-weight:900;letter-spacing:-.04em}.Nav_sub__aUdED{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--cobalt)}.Nav_links__8Axcs{display:flex;gap:32px;font-size:14px;font-weight:600;letter-spacing:.04em}.Nav_links__8Axcs a{position:relative;transition:color .3s var(--ease)}.Nav_links__8Axcs a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}.Nav_links__8Axcs a:hover{color:var(--cobalt)}.Nav_links__8Axcs a:hover:after{transform:scaleX(1)}.Nav_right__2ka_f{display:flex;align-items:center;gap:18px}.Nav_login__VwMCW{font-size:14px;font-weight:600}.Nav_login__VwMCW:hover{color:var(--cobalt)}.Nav_enter__DaBK6{font-size:14px;font-weight:600;background:var(--ink);color:var(--acid);padding:11px 18px;border-radius:var(--r-btn);white-space:nowrap;transition:background .35s var(--ease),color .35s var(--ease),transform .4s var(--ease)}.Nav_enter__DaBK6:hover{background:var(--cobalt);color:var(--paper);transform:translateY(-1px)}@media (max-width:900px){.Nav_links__8Axcs{display:none}.Nav_inner__sh7uA{height:56px;padding:0 10px 0 20px}.Nav_nav__o8sSc{padding:10px 0 0}}.Footer_footer__pQtti{margin-top:96px;border-top:1px solid var(--rule)}.Footer_inner__vtL_T{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:48px;padding-bottom:40px;flex-wrap:wrap}.Footer_left__F3Git{display:flex;flex-direction:column;gap:8px}.Footer_wordmark__BU8GA{display:flex;align-items:center;gap:10px}.Footer_media__mJE_B{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--cobalt)}.Footer_line__yJXuN{font-size:14px;color:var(--graphite)}.Footer_links__cFiYr{display:flex;gap:24px;font-size:14px}.Footer_links__cFiYr a:hover{color:var(--cobalt)}.Footer_copy__KUC9W{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;color:var(--graphite)}