*{box-sizing:border-box;margin:0;padding:0;min-width:0}img{max-width:100%;height:auto}:root{--bg:#0e1116;--surface:#181c25;--ink:#f3f5fa;--muted:#aab3c2;--line:#2b313d;--accent:#6ea8ff;--accent-soft:rgba(110,168,255,.16);--code-bg:#0c0f16;--code-ink:#e7eaf3;--accent2:#ffce4d;--accent2-soft:rgba(255,206,77,.15);--maxw:820px;color-scheme:dark}html{-webkit-text-size-adjust:100%}body{overflow-x:clip;max-width:100%;background:var(--bg);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,Noto Sans KR,sans-serif;line-height:1.7;font-size:17px;word-break:keep-all;overflow-wrap:anywhere}button{font:inherit}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.topbar-in{max-width:1220px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}.brand{font-weight:800;font-size:15px;letter-spacing:-.02em}.brand a{color:inherit;text-decoration:none}.lesson-pos{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.toc-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700;cursor:pointer}.progress-track{height:3px;background:transparent}.progress-fill{height:100%;background:var(--accent);transition:width .25s ease}.layout{max-width:1220px;margin:0 auto;padding:22px 20px 130px}.side{display:none}.main{flex:1 1 auto;min-width:0;max-width:var(--maxw);margin:0 auto}@media(min-width:1100px){.layout{display:flex;gap:10px;padding:32px 20px 56px}.toc-btn{display:none}.side{display:block;flex:0 0 270px}.main{max-width:none;margin:0}.side-in{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 12px}.side-in h2{font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin:2px 8px 10px}}.toc-nav .toc-link{display:flex;align-items:baseline;gap:8px;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:13.5px;line-height:1.45;border-left:2px solid transparent;transition:background .12s,color .12s}.toc-nav .toc-link:hover{background:var(--accent-soft);color:var(--ink)}.toc-nav .toc-head,.toc-nav .toc-link.head{font-weight:800;color:var(--accent);margin-top:12px}.toc-nav .toc-head{display:flex;align-items:baseline;padding:7px 10px;font-size:13.5px;line-height:1.45;border-left:2px solid transparent}.toc-nav .toc-head.appendix{color:var(--accent2)}.toc-nav .toc-link.appendix,.toc-nav .toc-link.head.appendix{--accent:var(--accent2);--accent-soft:var(--accent2-soft)}.toc-nav .toc-link.head.appendix{color:var(--accent2)}.toc-nav .toc-link.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:700}.toc-nav .toc-no{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.toc-nav .toc-title{min-width:0}.toc-nav .toc-video{flex:0 0 auto;align-self:center;display:inline-flex;color:var(--accent);line-height:0;opacity:.9}.toc-nav .toc-video svg{display:block}.drawer{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);display:none;opacity:0;transition:opacity .2s}.drawer.open{display:block;opacity:1}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(340px,86vw);background:var(--surface);padding:22px;overflow-y:auto;box-shadow:-8px 0 30px rgba(0,0,0,.2)}.drawer-panel h2{font-size:15px;color:var(--muted);margin-bottom:12px}.drawer-close{position:absolute;top:14px;right:16px;border:none;background:none;font-size:26px;cursor:pointer;color:var(--muted)}.slide{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,44px);box-shadow:0 1px 2px rgba(0,0,0,.03)}.slide.cover{background:linear-gradient(160deg,#1c2333,#12161f);text-align:center;padding-top:56px;padding-bottom:56px}.slide.cover .card-title{font-size:clamp(32px,7vw,54px)}.slide.chapter{background:linear-gradient(135deg,#164e7c,#372a8f);border:none;color:#fff;text-align:center;padding:60px 30px}.slide.chapter .card-title,.slide.chapter h3{color:#fff}.slide.chapter .eyebrow{background:hsla(0,0%,100%,.2);color:#fff}.slide.chapter.appendix{background:linear-gradient(135deg,#6b4a0e,#8a5a12)}.prose .card-title{font-size:clamp(26px,5vw,40px);line-height:1.2;letter-spacing:-.03em;font-weight:800;margin-bottom:.3em}.prose h3{font-size:clamp(18px,3vw,23px);letter-spacing:-.02em;margin:1.3em 0 .5em;font-weight:750}.prose>:first-child{margin-top:0}.prose p{margin:.7em 0;color:inherit}.eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:5px 12px;margin-bottom:14px;line-height:1.4}.video{position:relative;aspect-ratio:16/9;margin:1em 0;border-radius:14px;overflow:hidden;background:#000}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.prose ol,.prose ul{margin:.7em 0 .7em 1.25em}.prose li{margin:.35em 0}.prose li::marker{color:var(--accent)}pre{background:var(--code-bg);color:var(--code-ink);border-radius:14px;padding:16px 18px;overflow-x:auto;margin:1em 0;font-size:14.5px;line-height:1.6}pre code{font-family:SF Mono,ui-monospace,JetBrains Mono,Menlo,Consolas,monospace;white-space:pre}code{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;background:var(--accent-soft);color:var(--accent);padding:.1em .4em;border-radius:6px;font-size:.9em}pre code{background:none;color:inherit;padding:0}.codewrap{position:relative}.codewrap pre{margin:1em 0}.copy-btn{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1;padding:6px 10px;border-radius:8px;cursor:pointer;color:#cfd2e6;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.codewrap:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{background:hsla(0,0%,100%,.16);color:#fff}.copy-btn.copied{opacity:1;color:#d7f5df;background:rgba(64,192,120,.22);border-color:rgba(64,192,120,.5)}@media (hover:none){.copy-btn{opacity:.85}}.callout{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:12px;padding:16px 20px;margin:1em 0}.callout p{margin:.3em 0}blockquote{border-left:4px solid var(--accent);padding:6px 0 6px 20px;margin:1em 0;font-size:1.15em;font-style:italic;color:var(--muted)}figure{margin:1.2em 0}.fig{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);display:block}.svg-fig{margin:1.4em 0}.svg-fig-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;color:var(--ink)}.svg-fig-box svg{display:block;width:100%;height:auto;max-width:660px;margin:0 auto}.svg-fig-box svg text{font-family:inherit}.svg-fig figcaption{text-align:center;font-size:13px;color:var(--muted);margin-top:10px;line-height:1.5}.smart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:1em 0}.smart-grid[data-cells="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:520px){.smart-grid[data-cells="4"]{grid-template-columns:1fr}}.smart-grid[data-cols="1"]{grid-template-columns:1fr}.smart-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:520px){.smart-grid[data-cols="2"],.smart-grid[data-cols="3"]{grid-template-columns:1fr}}.lcell{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:18px}.lcell>:first-child{margin-top:0}.lcell h3{font-size:17px;margin:.2em 0 .4em}.slide.chapter .lcell{background:hsla(0,0%,100%,.14);border-color:transparent}.grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:1em 0}.gcell{min-width:0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:1.2em 0}.step{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}.step-ico{width:44px;height:44px;margin:0 auto 10px;display:block}.step-h{font-weight:750;margin-bottom:6px}.step-b{font-size:14px;color:var(--muted)}.embed{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:.8em 0;transition:border-color .15s}.embed:hover{border-color:var(--accent)}.embed-thumb{flex:0 0 120px;align-self:stretch;background:var(--line)}.embed-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.embed-body{padding:14px 16px;min-width:0}.embed-site{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:4px}.embed-ico{width:14px;height:14px;border-radius:3px}.embed-title{font-weight:700;font-size:15px;line-height:1.4}.embed-desc{font-size:13px;color:var(--muted);margin-top:2px}@media(max-width:560px){.embed{flex-direction:column;align-items:stretch}.embed-thumb{flex:0 0 auto;height:160px}}.pn{position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-top:1px solid var(--line)}.pn-in{max-width:var(--maxw);margin:0 auto;display:flex;gap:10px;padding:10px 20px calc(10px + env(safe-area-inset-bottom))}.pn-btn{flex:1 1 0;display:block;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 14px;text-decoration:none;min-width:0}.pn-btn .dir{font-size:11.5px;color:var(--muted)}.pn-btn .dir,.pn-btn .t{display:block;font-weight:700}.pn-btn .t{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-btn.next{text-align:right;border-color:var(--accent);background:var(--accent-soft)}.pn-btn.next .dir,.pn-btn.next .t{color:var(--accent)}.pn-btn:hover{border-color:var(--accent)}@media(min-width:1100px){.pn{position:static;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pn-in{max-width:none;margin:0;padding:0}}.home-layout{padding-bottom:48px}@media(min-width:1100px){.home-layout .side-in{max-height:calc(100vh - 108px)}}.start-btn{display:block;text-align:center;background:var(--accent);color:#0c1017;font-weight:800;font-size:16px;border-radius:14px;padding:15px 20px;margin:18px 0;text-decoration:none}.footer{text-align:center;color:var(--muted);font-size:13px;margin-top:36px}.footer a{color:var(--accent)}