:root{--bg: 255 255 255;--fg: 29 29 31;--muted: 122 122 122;--subtle: 245 245 247;--line: 224 224 224;--accent: 0 102 204;--ok: 52 199 89;--warn: 255 149 0;--danger: 255 59 48;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Apple SD Gothic Neo", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color-scheme:light}:root[data-theme="dark"]{--bg: 0 0 0;--fg: 245 245 247;--muted: 134 134 139;--subtle: 28 28 30;--line: 52 52 54;--accent: 41 151 255;--ok: 48 209 88;--warn: 255 159 10;--danger: 255 69 58;color-scheme:dark}:root[data-theme="light"]{color-scheme:light}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:rgb(var(--bg))}@media (min-width: 48em){html{font-size:18px}}@media (min-width: 64em){html{font-size:20px}}@media (min-width: 87.5em){html{font-size:22px}}::selection{color:rgb(var(--bg));background:rgb(var(--fg))}::-moz-selection{color:rgb(var(--bg));background:rgb(var(--fg))}body{background-color:rgb(var(--bg));color:rgb(var(--fg));font-family:var(--font-sans);line-height:1.5;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:2em 0 0.5em;line-height:1.2;font-weight:bold}h1{margin-top:0;font-size:1.563em}h2{font-size:1.25em}h3{font-size:1.125em}h4{font-size:1.0625em}h5{font-size:1.03125em}h6{font-size:1em}p{margin-bottom:1.3em}ul li,ol li{margin-bottom:0.5em}li ul,li ol{margin-top:0.5em}nav ul{margin:0;padding:0}nav li{list-style:none;margin-bottom:0}nav li ul,nav li ol{margin-top:0}nav a{text-decoration:none}a{color:rgb(var(--accent))}a:hover{color:rgb(var(--accent))}a:visited{color:inherit}.post-body a:visited,.page-doc a:visited,.project-card a:visited,.hero-link:visited{color:rgb(var(--accent))}u,ins{text-decoration:none;border-bottom:1px solid rgb(var(--fg))}u a,ins a{color:inherit}del a{color:inherit}abbr[title],abbr[data-original-title]{text-decoration:none;cursor:help;border-bottom:1px dotted rgb(var(--fg))}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}hr{display:block;margin:1em 0;border:0;border-top:1px solid rgb(var(--line))}blockquote{margin:2em 1em 2em 0;padding-left:1em;padding-right:1em;font-style:italic;border-left:0.25em solid rgb(var(--accent))}blockquote cite{font-style:italic}blockquote cite::before{content:"—";padding-right:5px}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}small{font-size:0.75em}img{max-width:100%;height:auto;vertical-align:middle;border:0}figure{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin:2em 0}figure>a{display:block}figure img{width:100%;border-radius:4px}figure img,figure iframe{margin-bottom:1em}figcaption{margin-bottom:0.5em;color:rgb(var(--muted));font-size:0.75em}table{display:block;width:100%;margin-bottom:1em;font-size:0.75em;border-collapse:collapse;overflow-x:auto}table+table{margin-top:1em}thead{background-color:rgb(var(--subtle));border-bottom:2px solid rgb(var(--line))}th{padding:0.5em;font-weight:bold;text-align:left}td{padding:0.5em;border-bottom:1px solid rgb(var(--line))}tr,td,th{vertical-align:middle}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:normal;vertical-align:middle}textarea{overflow:auto;resize:vertical;vertical-align:top}button{cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}tt,code,kbd,samp,pre{font-family:var(--font-mono)}pre{overflow-x:auto}.post-body :not(pre)>code{background:rgb(var(--subtle));border:1px solid rgb(var(--line)/0.6);border-radius:5px;padding:0.1em 0.4em;font-size:0.8em}@media (max-width: 768px){.post-body pre{font-size:0.78em}}@media (max-width: 768px){.mermaid{overflow-x:auto;-webkit-overflow-scrolling:touch}}.notice,.notice--primary,.notice--info,.notice--warning,.notice--success,.notice--danger{margin:2em 0 !important;padding:1em;color:rgb(var(--fg));font-size:0.75em !important;font-style:normal;border-radius:4px}.notice p:last-child,.notice--primary p:last-child,.notice--info p:last-child,.notice--warning p:last-child,.notice--success p:last-child,.notice--danger p:last-child{margin-bottom:0 !important}.notice{background-color:rgb(var(--muted)/0.12)}.notice--primary,.notice--info{background-color:rgb(var(--accent)/0.1)}.notice--warning{background-color:rgb(var(--warn)/0.14)}.notice--success{background-color:rgb(var(--ok)/0.14)}.notice--danger{background-color:rgb(var(--danger)/0.12)}blockquote.notice{border-left-color:rgb(var(--muted))}blockquote.notice--primary,blockquote.notice--info{border-left-color:rgb(var(--accent))}blockquote.notice--warning{border-left-color:rgb(var(--warn))}blockquote.notice--success{border-left-color:rgb(var(--ok))}blockquote.notice--danger{border-left-color:rgb(var(--danger))}p,pre,blockquote,ul,ol,dl,figure,table,fieldset{orphans:3;widows:3}@media print{a[href]::after,abbr[title]::after{content:none !important}}div.highlighter-rouge,figure.highlight{position:relative;margin-bottom:1em;background:#263238;color:#eeffff;font-family:var(--font-mono);font-size:0.75em;line-height:1.8;border-radius:10px}div.highlighter-rouge>pre,div.highlighter-rouge pre.highlight,figure.highlight>pre,figure.highlight pre.highlight{margin:0;padding:1em}.highlight table{margin-bottom:0;font-size:1em;border:0}.highlight table td{padding:0;width:calc(100% - 1em);border:0}.highlight table td.gutter,.highlight table td.rouge-gutter{padding-right:1em;width:1em;color:#b2ccd6;border-right:1px solid #b2ccd6;text-align:right}.highlight table td.code,.highlight table td.rouge-code{padding-left:1em}.highlight table pre{margin:0}.highlight pre{width:100%}.highlight .hll{background-color:#eeffff}.highlight .c{color:#b2ccd6}.highlight .err{color:#f07178}.highlight .k{color:#c792ea}.highlight .l{color:#f78c6c}.highlight .n{color:#eeffff}.highlight .o{color:#89ddff}.highlight .p{color:#eeffff}.highlight .cm{color:#b2ccd6}.highlight .cp{color:#b2ccd6}.highlight .c1{color:#b2ccd6}.highlight .cs{color:#b2ccd6}.highlight .gd{color:#f07178}.highlight .ge{font-style:italic}.highlight .gh{color:#eeffff;font-weight:bold}.highlight .gi{color:#c3e88d}.highlight .gp{color:#b2ccd6;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#89ddff;font-weight:bold}.highlight .kc{color:#c792ea}.highlight .kd{color:#c792ea}.highlight .kn{color:#89ddff}.highlight .kp{color:#c792ea}.highlight .kr{color:#c792ea}.highlight .kt{color:#ffcb6b}.highlight .ld{color:#c3e88d}.highlight .m{color:#f78c6c}.highlight .s{color:#c3e88d}.highlight .na{color:#82aaff}.highlight .nb{color:#eeffff}.highlight .nc{color:#ffcb6b}.highlight .no{color:#f07178}.highlight .nd{color:#89ddff}.highlight .ni{color:#eeffff}.highlight .ne{color:#f07178}.highlight .nf{color:#82aaff}.highlight .nl{color:#eeffff}.highlight .nn{color:#ffcb6b}.highlight .nx{color:#82aaff}.highlight .py{color:#eeffff}.highlight .nt{color:#89ddff}.highlight .nv{color:#f07178}.highlight .ow{color:#89ddff}.highlight .w{color:#eeffff}.highlight .mf{color:#f78c6c}.highlight .mh{color:#f78c6c}.highlight .mi{color:#f78c6c}.highlight .mo{color:#f78c6c}.highlight .sb{color:#c3e88d}.highlight .sc{color:#eeffff}.highlight .sd{color:#b2ccd6}.highlight .s2{color:#c3e88d}.highlight .se{color:#f78c6c}.highlight .sh{color:#c3e88d}.highlight .si{color:#f78c6c}.highlight .sx{color:#c3e88d}.highlight .sr{color:#c3e88d}.highlight .s1{color:#c3e88d}.highlight .ss{color:#c3e88d}.highlight .bp{color:#eeffff}.highlight .vc{color:#f07178}.highlight .vg{color:#f07178}.highlight .vi{color:#f07178}.highlight .il{color:#f78c6c}.callout{display:flex;gap:14px;align-items:flex-start;padding:18px 22px;margin:18px 0;background:rgb(var(--subtle));border:1px solid rgb(var(--line)/0.6);border-radius:10px;font-size:15px;line-height:1.6}.callout p{margin:0 0 0.5em}.callout p:last-child{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px;margin:18px 0}@media (max-width: 768px){.card-grid{grid-template-columns:1fr}}.card-grid.card-grid--3{grid-template-columns:repeat(3, 1fr)}@media (max-width: 768px){.card-grid.card-grid--3{grid-template-columns:1fr}}.card{border:1px solid rgb(var(--line));border-radius:12px;padding:24px;background:rgb(var(--bg))}.card p:first-child strong{display:block;font-size:15px;margin-bottom:6px;color:rgb(var(--fg))}.card p{margin:0 0 0.5em;font-size:14px;color:rgb(var(--fg)/0.7)}.card p:last-child{margin-bottom:0}.card.dk{background:rgb(var(--fg));border-color:transparent}.card.dk p{color:rgb(var(--bg)/0.65)}.card.dk p:first-child strong{color:rgb(var(--bg))}.card-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:12px;border:1.5px solid rgb(var(--line));border-radius:50%;font-family:var(--font-mono);font-size:12px;font-weight:700;color:rgb(var(--muted))}.card-kicker{margin:0 0 6px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgb(var(--muted))}.card-kicker+p strong{display:block;font-size:16px;margin-top:2px;color:rgb(var(--fg))}.card-list{list-style:none;margin:12px 0 0;padding:0;counter-reset:card-list-item}.card-list li{counter-increment:card-list-item;display:flex;gap:8px;margin-bottom:6px;font-size:13.5px;line-height:1.5;color:rgb(var(--fg)/0.75)}.card-list li:last-child{margin-bottom:0}.card-list li::before{content:counter(card-list-item,upper-alpha);flex:none;font-family:var(--font-mono);font-size:11px;font-weight:700;color:rgb(var(--accent))}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.chip{display:inline-flex;align-items:center;padding:3px 11px;border:1px solid rgb(var(--line));border-radius:100px;font-size:12px;font-weight:500;color:rgb(var(--muted))}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}@media (max-width: 768px){.compare{grid-template-columns:1fr}}.compare-good,.compare-bad{border-radius:12px;padding:22px;font-size:14px}.compare-good p:first-child strong,.compare-bad p:first-child strong{display:block;font-size:15px;margin-bottom:8px}.compare-good ul,.compare-bad ul{list-style:none;margin:10px 0 0;padding:0}.compare-good ul li,.compare-bad ul li{margin-bottom:6px}.compare-good{border:1px solid rgb(var(--accent)/0.45)}.compare-good li::before{content:"✓ ";color:rgb(var(--accent));font-weight:600}.compare-bad{border:1px solid rgb(var(--line));color:rgb(var(--fg)/0.75)}.compare-bad li::before{content:"✕ ";color:rgb(var(--muted));font-weight:600}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:12px;color:rgb(var(--muted))}.kicker-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgb(var(--accent))}.ghost-block{position:relative;overflow:hidden;margin:32px 0;padding:48px 40px;border-radius:14px;background:rgb(var(--fg));color:rgb(var(--bg))}.ghost-block h1,.ghost-block h2,.ghost-block h3{position:relative;margin:0 0 12px;color:rgb(var(--bg))}.ghost-block p{position:relative;max-width:34rem;color:rgb(var(--bg)/0.6)}.ghost-block .chips{position:relative;margin-top:20px}.ghost-block .chip{border-color:rgb(var(--bg)/0.25);color:rgb(var(--bg)/0.55)}.ghost-block::before{content:attr(data-n);position:absolute;top:20px;right:32px;z-index:0;font-family:var(--font-mono);font-size:100px;font-weight:900;line-height:1;letter-spacing:-0.05em;color:rgb(var(--bg)/0.07);pointer-events:none}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:52px;background:rgb(var(--bg)/0.88);backdrop-filter:blur(18px) saturate(1.8);border-bottom:1px solid rgb(var(--line)/0.55)}.header-logo{font-size:13px;font-weight:600;color:rgb(var(--muted))}.header-logo b{color:rgb(var(--fg));font-weight:700}.header-right{display:flex;align-items:center;gap:14px}.header-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--muted))}.icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgb(var(--line));background:transparent;color:rgb(var(--muted));cursor:pointer;transition:color .15s, border-color .15s}.icon-btn:hover{color:rgb(var(--fg));border-color:rgb(var(--fg)/0.3)}.icon-btn[aria-expanded="true"]{color:rgb(var(--fg));border-color:rgb(var(--fg)/0.35)}.theme-toggle:hover{transform:scale(1.2)}.icon-btn.rail-open[aria-expanded="false"] .rail-icon-fill{opacity:0}.layout{max-width:min(1800px, 100% - 5rem);margin:0 auto;padding:0 28px 120px;display:grid;grid-template-columns:13rem 1fr;gap:0 56px;align-items:start;transition:grid-template-columns .22s ease, gap .22s ease}.content{min-width:0}.rail{position:sticky;top:68px;align-self:start;padding-top:40px;overflow:hidden;opacity:1;transition:opacity .16s ease}.rail-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgb(var(--muted));margin-bottom:14px}.rail-part{font-size:10px;font-weight:700;color:rgb(var(--muted));letter-spacing:.06em;text-transform:uppercase;margin:18px 0 7px;padding-top:12px;border-top:1px solid rgb(var(--line)/0.5)}.rail ul{list-style:none;margin:0;padding:0}.rail li{margin-bottom:1px}.rail a{display:flex;align-items:baseline;gap:9px;padding:4px 0;font-size:12.5px;line-height:1.35;color:rgb(var(--muted));transition:color .13s}.rail a:hover,.rail a.act{color:rgb(var(--fg))}.rail a .n{font-family:var(--font-mono);font-size:9px;color:rgb(var(--accent));min-width:18px}.rail a.sub{padding-left:27px;font-size:12px}.rail-footer{margin-top:24px;padding-top:14px;border-top:1px solid rgb(var(--line)/0.5);display:flex;align-items:center;gap:8px}.rail-footer span{font-size:11px;color:rgb(var(--muted))}@media (min-width: 1025px){html.rail-collapsed .layout{grid-template-columns:0rem 1fr;gap:0 0}html.rail-collapsed .rail{opacity:0;pointer-events:none}}@media (max-width: 1024px){.layout{grid-template-columns:1fr}.rail{position:fixed;inset:52px auto 0 0;z-index:90;width:16rem;padding:24px 20px;background:rgb(var(--bg));border-right:1px solid rgb(var(--line));overflow-y:auto;opacity:1;transform:translateX(-100%);transition:transform .2s ease}.rail.open{transform:translateX(0)}}.site-footer{border-top:1px solid rgb(var(--line));background:rgb(var(--subtle));padding:56px 28px 40px}.page__footer-inner{display:flex;flex-wrap:wrap;gap:2em;padding:2em 1em 1em;max-width:1400px;margin:0 auto}.page__footer-inner>div{flex:1;min-width:180px}.page__footer-inner h4{font-size:0.85em;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 0.6em;color:rgb(var(--fg)/0.75)}.page__footer-inner ul{list-style:none;margin:0;padding:0}.page__footer-inner li{margin:0.3em 0}.page__footer-inner a{font-size:0.85em;color:rgb(var(--muted));text-decoration:none;transition:color 0.2s}.page__footer-inner a:hover{color:rgb(var(--accent))}.footer-about p{font-size:0.82em;color:rgb(var(--muted));line-height:1.5;margin:0 0 0.5em}.footer-motto{font-size:1.1em !important;font-weight:600;color:rgb(var(--fg)) !important;letter-spacing:0.15em;margin-top:0.6em !important}.footer-motto span{font-size:0.7em;font-weight:400;letter-spacing:0;color:rgb(var(--muted)) !important}.page__footer-copyright{text-align:center;padding:1em;font-size:0.78em;color:rgb(var(--muted));border-top:1px solid rgb(var(--line));max-width:1400px;margin:0 auto}@media (max-width: 600px){.page__footer-inner{flex-direction:column;gap:1.2em;padding:1.5em 1em 0.5em}.page__footer-inner>div{min-width:100%}}.hero{display:flex;align-items:center;gap:40px;padding:56px 0 40px;border-bottom:1px solid rgb(var(--line)/0.4);margin-bottom:40px}.hero-avatar{flex:none;width:240px;aspect-ratio:4 / 5;height:auto;border-radius:12px;object-fit:cover;object-position:center top;border:1px solid rgb(var(--line))}@media (max-width: 720px){.hero{flex-direction:column;align-items:flex-start;gap:24px}.hero-avatar{width:168px}}.hero-body{min-width:0}.hero-name{margin:0 0 10px;font-size:clamp(24px, 2.6vw, 32px);font-weight:800;letter-spacing:-.02em;color:rgb(var(--fg))}.hero-name .hero-role{margin-left:12px;font-size:0.5em;font-weight:600;color:rgb(var(--muted));vertical-align:middle}.hero-tagline{margin:0 0 8px;font-size:16px;line-height:1.5;color:rgb(var(--fg)/0.85);max-width:42rem}.hero-current-role{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:rgb(var(--accent))}.hero-skills{margin:0 0 16px}.hero-links{display:flex;flex-wrap:wrap;gap:14px}.hero-link{font-size:13px;font-weight:600;color:rgb(var(--accent))}.hero-link:hover{text-decoration:none}@media (max-width: 640px){.hero{flex-direction:column;align-items:flex-start;gap:20px;padding:40px 0 32px}.hero-avatar{width:96px;height:96px}}.page-head{padding:64px 0 32px;border-bottom:1px solid rgb(var(--line)/0.4);margin-bottom:36px}.page-title{font-size:clamp(26px, 3.2vw, 38px);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:rgb(var(--fg));margin:0}.page-sub{margin-top:10px;color:rgb(var(--muted));font-size:15px}.post-body>p,.post-body>ul,.post-body>ol,.post-body>dl,.post-body>blockquote,.post-body>h1,.post-body>h2,.post-body>h3,.post-body>h4,.post-body>h5,.post-body>h6{max-width:42rem}.post-body>p:has(img){max-width:none;display:flex;flex-direction:column;align-items:flex-start}.post-body>p:has(img) img{display:block}.post-body>p:has(img) em{display:block;margin-top:10px;color:rgb(var(--muted));font-size:0.85em;line-height:1.5}.post-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.career-timeline{position:relative;padding-left:2em;border-left:2px solid rgb(var(--accent))}.career-item{position:relative;margin-bottom:1.8em;padding-left:1em}.career-item::before{content:'';position:absolute;left:-2.35em;top:0.35em;width:10px;height:10px;border-radius:50%;background:rgb(var(--accent));border:2px solid rgb(var(--bg))}.career-date{font-size:0.8em;color:rgb(var(--muted));font-weight:600;margin-bottom:0.2em}.career-content h4{margin:0 0 0.2em;font-size:1em}.career-role{font-size:0.85em;color:rgb(var(--accent));font-weight:600;margin:0 0 0.3em}.career-content p:last-child{font-size:0.85em;color:rgb(var(--muted));margin:0}.skills-grid{display:grid;grid-template-columns:repeat(3, 1fr);align-items:start;gap:1.2em}.skill-category{background:rgb(var(--subtle));border-radius:10px;padding:1.2em;border:1px solid rgb(var(--line));min-height:9.5em}.skill-category h4{margin:0 0 0.8em;font-size:0.95em}.skill-tags{display:flex;flex-wrap:wrap;gap:0.4em}.skill-tag{display:inline-block;padding:0.25em 0.7em;background:rgb(var(--accent)/0.15);color:rgb(var(--fg)/0.75);border-radius:14px;font-size:0.78em;font-weight:500}.project-card{background:rgb(var(--subtle));border-radius:10px;padding:1.4em;margin-bottom:1.2em;border:1px solid rgb(var(--line));transition:box-shadow 0.2s}.project-card:hover{box-shadow:0 2px 12px rgb(var(--fg)/0.06)}.project-card h4{margin:0 0 0.3em;font-size:1.05em}.project-meta{font-size:0.8em;color:rgb(var(--muted));margin:0 0 0.6em}.project-card>p{font-size:0.88em;line-height:1.6;color:rgb(var(--fg)/0.75)}.project-result{font-size:0.85em;font-weight:600;color:rgb(var(--ok));margin-top:0.6em}@media (max-width: 1100px){.skills-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.skills-grid{grid-template-columns:1fr}.career-timeline{padding-left:1.5em}}.back-to-list{display:inline-block;padding:0.3em 0.85em;font-size:0.75em;font-weight:500;color:rgb(var(--muted));background:transparent;border:1px solid rgb(var(--line));border-radius:20px;text-decoration:none;transition:all 0.2s;letter-spacing:-0.02em;margin-bottom:1em}.back-to-list:hover{background:rgb(var(--accent)/0.1);border-color:rgb(var(--accent));color:rgb(var(--fg));text-decoration:none}