:root{--bg: #ffffff;--ink: #111418;--gray: #6b7280;--line: #eceef1;--soft: #f5f7fa;--blue: #2f6bff;--hdr: 72px;--font: "Roboto", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--blue);color:#fff}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.page{max-width:1120px;margin:0 auto;padding:0 20px}.hdr{display:flex;justify-content:space-between;align-items:center;height:var(--hdr)}.brand{display:inline-flex}.logo{display:block;border-radius:7px}.hdr nav{display:flex;gap:22px;align-items:center;font-size:15px;color:var(--gray)}.hdr nav a{font-size:14px;font-weight:500}.hdr nav a[aria-current=page]{color:var(--ink)}.hdr nav a:hover,.hdr nav button:hover{color:var(--blue)}.hdr nav button{background:none;border:0;padding:0;cursor:pointer;font-size:13px;font-weight:500}.hdr nav .hdr-cta{color:var(--blue);font-size:14px}.hero{padding:88px 0 56px}.hero h1{font-size:clamp(44px,9vw,72px);font-weight:700;letter-spacing:-.035em;line-height:1}.role{margin-top:14px;font-size:18px;color:var(--gray)}.role span{white-space:nowrap}.summary{max-width:800px;margin-top:28px;font-size:16.5px;line-height:1.7;color:#4b5563;text-wrap:pretty}.summary span{display:block}.links{display:flex;gap:14px;margin-top:24px}.links a{display:block;color:#9aa1ab}.links a:hover{color:var(--ink)}.page.wide{max-width:1440px}.page.wide .hdr{position:sticky;top:0;z-index:10;background:var(--bg);border-image:linear-gradient(to top,var(--line) 1px,var(--bg) 1px) fill 0//0 100vmax}:root:has(.page.wide){scroll-padding-top:var(--hdr)}.nb{display:grid;grid-template-columns:248px minmax(0,1fr)}.nb-side{position:sticky;top:var(--hdr);align-self:start;max-height:calc(100vh - var(--hdr));overflow-y:auto;padding:28px 20px 40px 0}.nb-toggle{display:none}.nb-toc a{display:block;padding:7px 12px;border-radius:8px;font-size:14.5px;color:#3b4047}.nb-toc a:hover{background:var(--soft);color:var(--ink)}.nb-toc a[aria-current=page]{background:#eef3ff;color:var(--blue);font-weight:500}.nb-toc .nb-top{font-size:15px;font-weight:700;color:var(--ink)}.nb-toc section{margin-top:14px}.nb-fold{display:flex;align-items:center;gap:4px;width:100%;padding:6px 8px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.nb-fold:hover{background:var(--soft)}.nb-fold svg{flex:none;color:#9aa1ab}.nb-fold[aria-expanded=true] svg{transform:rotate(90deg)}.nb-sec-h{font-size:14.5px;font-weight:700;color:var(--ink)}.nb-grp{margin:2px 0 0 14px}.nb-grp-h{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}.nb-grp ul{margin-bottom:6px}.nb-toc .nb-grp a{padding-left:26px}.nb-main{min-width:0;padding-left:44px;border-left:1px solid var(--line);container-type:inline-size}@container (max-width: 840px){.nb-main .demo-body{grid-template-columns:1fr}}.nb-contents,.post{padding:48px 0 72px}.nb-contents>h1,.post>h1{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.25}.page-lede{max-width:760px;margin-top:8px;font-size:16px;color:#3b4047}.nb-sec-title{margin-top:64px;font-size:22px;font-weight:700;letter-spacing:-.02em}.nb-sec-title+section .nb-group{margin-top:16px}.nb-group{margin-top:40px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#9aa1ab}.nb-list{margin-top:8px;border-top:1px solid var(--line)}.nb-list a{display:block;padding:18px 0 20px;border-bottom:1px solid var(--line)}.nb-list h4{margin:0;font-size:19px;font-weight:700;letter-spacing:-.015em}.nb-list p{max-width:760px;margin-top:4px;font-size:15px;color:var(--gray)}.nb-list a:hover h4{color:var(--blue)}.post-group{margin-bottom:6px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#9aa1ab}.post-nav{display:flex;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.post-nav a{display:flex;flex-direction:column;gap:2px;font-weight:500}.post-nav a:hover{color:var(--blue)}.post-nav small{font-size:12.5px;font-weight:400;color:var(--gray)}.post-nav .next{margin-left:auto;text-align:right}@media(max-width:900px){.nb{grid-template-columns:1fr}.nb-side{position:static;max-height:none;overflow:visible;padding:8px 0 0}.nb-main{padding-left:0;border-left:0}.nb-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:14px;text-align:left;cursor:pointer}.nb-toggle span{color:var(--gray)}.nb-toggle b{min-width:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.nb-toggle:after{content:"▾";margin-left:auto;color:var(--gray)}.nb-side.open .nb-toggle:after{content:"▴"}.nb-toc{display:none;margin-top:8px;padding:6px 6px 12px;border:1px solid var(--line);border-radius:10px}.nb-side.open .nb-toc{display:block}.nb-toc section{margin-top:14px}.nb-contents,.post{padding-top:28px}}@media(max-width:560px){.nb-contents>h1,.post>h1{font-size:28px}}.demo{isolation:isolate}.demo-wait{height:560px;margin-top:22px;border-radius:14px;background:var(--soft)}.demo-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:22px}.demo-stage{position:relative;height:560px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#f7f8fa}.flat{position:absolute;inset:0}.demo-drag{position:absolute;top:12px;right:14px;font-size:12px;color:#9aa1ab;pointer-events:none}.demo-main{min-width:0}.demo-legend{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;margin:14px 4px 0;font-size:13.5px;line-height:1.5}.demo-legend dt{font-weight:600;color:var(--ink)}.demo-legend dd{margin:0;color:#4b5563}.demo-legend .lg-wide{grid-column:1 / -1}@media(pointer:coarse){.demo-drag{display:none}}.demo-side{display:flex;flex-direction:column;gap:10px;min-width:0}.demo-params{padding:6px 2px;border:1px solid var(--line);border-radius:10px;background:#fff}.transport{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;pointer-events:none}.transport>*{pointer-events:auto}.transport button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fffffff0;color:var(--ink);font-size:13px;font-weight:500;cursor:pointer}.transport button:hover{border-color:#d5dbe3}.transport .tp-play{padding:0 16px 0 12px;border-color:var(--blue);background:var(--blue);color:#fff}.transport .tp-icon{justify-content:center;width:34px;padding:0;color:#4b5563}.transport .tp-view{margin-left:auto}.tp-speed{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fffffff0}.transport .tp-speed button{height:32px;padding:0 9px;border:0;border-radius:0;background:none;color:var(--gray)}.transport .tp-speed button[aria-pressed=true]{background:#eef3ff;color:var(--blue)}.labels3d{position:absolute;inset:0;overflow:hidden;pointer-events:none}.l3{position:absolute;top:0;left:0;padding:2px 7px;border-radius:6px;background:#ffffffdb;color:#4b5563;font:500 12px/1.4 var(--font);white-space:nowrap;will-change:transform}.l3:empty{display:none}.l3.strong{color:var(--ink);font-weight:700}.l3.warn{color:#d93025}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.tile{padding:9px 12px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.tile dt{font-size:12px;color:var(--gray)}.tile dd{margin:1px 0 0;font-size:20px;font-weight:600;letter-spacing:-.01em}.tile dd small{margin-left:3px;font-size:12px;font-weight:400;color:var(--gray)}.chart{margin:0;padding:9px 12px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.chart figcaption{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;color:var(--gray)}.chart figcaption b{color:var(--ink);font-size:13px;font-weight:600}.chart figcaption b small{margin-left:2px;font-weight:400;color:var(--gray)}.chart-plot{position:relative}.chart-plot svg{display:block;overflow:visible}.c-grid{stroke:#eceef1;stroke-width:1}.c-axis{stroke:#dfe3e8;stroke-width:1}.c-area{fill:#2f6bff1a}.c-line{fill:none;stroke:var(--blue);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.c-dot{fill:var(--blue);stroke:#fff;stroke-width:2}.c-cross{stroke:#c9d0da;stroke-width:1}.c-max{position:absolute;top:1px;left:0;padding-right:4px;background:#fff;font-size:10.5px;line-height:1;color:#9aa1ab;pointer-events:none}.c-tip{position:absolute;top:-28px;transform:translate(-50%);padding:3px 7px;border-radius:6px;background:var(--ink);color:#fff;font-size:11.5px;white-space:nowrap;pointer-events:none}.c-tip b{font-weight:600}.demo-notes{display:grid;gap:12px;max-width:780px;margin-top:20px}.demo-notes ul{display:grid;gap:8px;padding-left:18px;list-style:disc;font-size:14.5px;color:#3b4047}.demo-notes li::marker{color:#c9d0da}.demo-try{padding:12px 14px;border-radius:10px;background:#eef3ff;font-size:14.5px}.demo-figure{margin:0 0 8px;padding:18px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center;overflow-x:auto}.demo-figure svg{max-width:100%;height:auto}@media(max-width:900px){.demo-body{grid-template-columns:1fr}.demo-stage,.demo-wait{height:min(118vw,520px)}}.cv{margin-bottom:56px}.cv h2{padding-bottom:10px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}.cv-org{display:grid;grid-template-columns:200px minmax(0,1fr);gap:6px 32px;align-items:baseline;padding:26px 0 28px;border-top:1px solid var(--line)}.cv-org:last-child{border-bottom:1px solid var(--line)}.cv-org h3{margin:0;font-size:19px;font-weight:700;letter-spacing:-.015em}.cv-org h3 small{display:block;margin-top:4px;font-size:13.5px;font-weight:400;letter-spacing:0;color:var(--gray)}.cv-role{max-width:760px}.cv-role+.cv-role{margin-top:28px}.cv-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px}.cv-title b{font-size:16.5px;font-weight:500}.cv-title span{font-size:14px;color:var(--gray);font-variant-numeric:tabular-nums}.cv-role ul{display:grid;gap:14px;margin-top:12px}.cv-role li{font-size:15px;line-height:1.65;color:#4b5563;text-wrap:pretty}.cv-skills{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;border-top:1px solid var(--line)}.cv-skills li{padding:5px 12px;border-radius:999px;background:var(--soft);font-size:14px;color:#4b5563}.cv-role li b{display:block;margin-bottom:1px;font-weight:500;color:var(--ink)}@media(max-width:760px){.cv-org{grid-template-columns:1fr}}.contact{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:64px;padding:24px 28px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}.contact h2{font-size:18px;font-weight:700}.contact p{margin-top:4px;font-size:14.5px;color:var(--gray)}.contact p a{color:var(--blue)}.contact button{flex:none;padding:11px 20px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:500;cursor:pointer}@media(max-width:560px){.contact{flex-direction:column;align-items:flex-start}}.modal{width:min(520px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 24px 60px -16px #11141847}.modal::backdrop{background:#11141866}.modal-box{padding:24px 28px 28px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font-size:20px;font-weight:700}.modal-x{width:36px;height:36px;margin-right:-8px;border:0;background:none;color:var(--gray);font-size:26px;line-height:1;cursor:pointer}.modal form{display:flex;flex-direction:column;gap:14px}.modal label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px;font-weight:500}.modal label small{font-weight:400;color:var(--gray)}.modal input,.modal textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:15px;font-weight:400}.modal textarea{resize:vertical;min-height:120px;line-height:1.5}.modal input:focus,.modal textarea:focus{outline:none;border-color:var(--blue);background:#fff}.modal .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .hp{position:absolute;left:-9999px;width:1px;height:1px}.modal-err{font-size:14px;color:#d93025}.modal-done p{margin-bottom:20px}.btn{padding:12px 20px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:500;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}@media(max-width:480px){.modal-box{padding:20px}.modal .row{grid-template-columns:1fr}}.ftr{display:flex;gap:20px;padding:32px 0 48px;border-top:1px solid var(--line);font-size:14px;color:var(--gray)}.ftr span{margin-left:auto}