:root,[data-theme=light]{--ground: #fafafa;--surface: #ffffff;--tint: #e7ecfa;--tint-strong: #b9c7f2;--ink: #1c1f27;--muted: #5d6270;--line: #e2e4ea;--accent: #2e4a8b;--accent-strong: #243b70;--accent-text: #2e4a8b;--on-accent: #ffffff;--focus: #2e4a8b;--shadow-soft: 0 1px 2px rgba(28,33,48,.06);color-scheme:light}[data-theme=dark]{--ground: #0f1114;--surface: #17191f;--tint: #1f2744;--tint-strong: #3b4c86;--ink: #e9eaee;--muted: #a1a5b0;--line: #2a2d36;--accent: #4c6cb3;--accent-strong: #3d5a9e;--accent-text: #9db1ec;--on-accent: #ffffff;--focus: #9db1ec;--shadow-soft: 0 1px 2px rgba(0,0,0,.45);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0f1114;--surface: #17191f;--tint: #1f2744;--tint-strong: #3b4c86;--ink: #e9eaee;--muted: #a1a5b0;--line: #2a2d36;--accent: #4c6cb3;--accent-strong: #3d5a9e;--accent-text: #9db1ec;--on-accent: #ffffff;--focus: #9db1ec;--shadow-soft: 0 1px 2px rgba(0,0,0,.45);color-scheme:dark}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 6px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--border-sticker: 1.5px;--border-hair: 1px;--font-sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace}.display-xl{font-family:var(--font-sans);font-size:56px;line-height:62px;font-weight:700;letter-spacing:-.02em}.display{font-family:var(--font-sans);font-size:40px;line-height:48px;font-weight:700;letter-spacing:-.015em}.h2{font-family:var(--font-sans);font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.01em}.h3{font-family:var(--font-sans);font-size:20px;line-height:28px;font-weight:600}.lead{font-family:var(--font-sans);font-size:18px;line-height:30px;font-weight:400}.body{font-family:var(--font-sans);font-size:16px;line-height:27px;font-weight:400}.body-sm{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400}.caption{font-family:var(--font-sans);font-size:12px;line-height:18px;font-weight:400}.eyebrow{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.08em}.num{font-family:var(--font-mono);font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.01em}.meta{font-family:var(--font-mono);font-size:13px;line-height:18px;font-weight:400}.ty-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);font:500 15px/1 var(--font-sans);text-decoration:none;cursor:pointer;border:var(--border-sticker) solid transparent;transition:background-color .15s,color .15s}.ty-btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.ty-btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.ty-btn--outline{background:transparent;color:var(--ink);border-color:var(--ink)}.ty-btn--outline:hover{background:var(--tint)}.ty-btn--link{height:auto;padding:0;border:0;border-radius:0;color:var(--accent-text);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.ty-btn:focus-visible,.ty-badge:focus-visible,.ty-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ty-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.ty-badge:hover{background:var(--accent-strong)}.ty-badge--quiet{background:var(--tint);color:var(--ink)}.ty-chip{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--tint);color:var(--ink);font:500 13px/1 var(--font-sans)}.ty-chip--outline{background:transparent;border:var(--border-hair) solid var(--line)}.ty-eyebrow{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ty-section-head{display:flex;flex-direction:column;gap:var(--space-2)}.ty-section-head h2{margin:0;font:600 28px/36px var(--font-sans);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.ty-section-head:after{content:"";display:block;width:48px;height:6px;border-radius:3px;background:var(--tint-strong);margin-top:var(--space-2)}.ty-mark{background-image:linear-gradient(transparent 58%,var(--tint) 58%);padding:0 .08em;border-radius:2px}.ty-sticker{background:var(--surface);border:var(--border-sticker) solid var(--ink);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--ink)}.ty-card{background:var(--surface);border:var(--border-hair) solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);color:var(--ink);transition:box-shadow .15s}.ty-card:hover{box-shadow:var(--shadow-soft)}.ty-project{position:relative;display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow .15s,border-color .15s}.ty-project:has(.ty-project__link:hover){box-shadow:var(--shadow-soft);border-color:var(--accent)}.ty-project__cover{display:block;width:100%;aspect-ratio:16/9;border-radius:calc(var(--radius-lg) - 8px);background:var(--tint);overflow:hidden}.ty-project__cover img{display:block;width:100%;height:100%;object-fit:cover}.ty-project__cover--type{display:grid;place-items:center;padding:var(--space-5);text-align:center}.ty-project__cover--type span{font:700 clamp(28px,6cqw,44px)/1.05 var(--font-sans);letter-spacing:-.02em;color:var(--accent-text)}.ty-project__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.ty-project .ty-badges{position:relative;z-index:1}.ty-project__name{font:600 13px/18px var(--font-sans);letter-spacing:.02em;color:var(--accent-text)}.ty-project h3{margin:0;font:600 20px/28px var(--font-sans);color:var(--ink);text-wrap:balance}.ty-project h3 a{color:inherit;text-decoration:none}.ty-project h3 a:hover{color:var(--accent-text)}.ty-project p{margin:0;font:400 14px/22px var(--font-sans);color:var(--ink)}.ty-prose .ty-kind{margin-top:var(--space-8)}.ty-prose .ty-kind+h2{margin-top:var(--space-2)}.ty-meta{font:400 13px/18px var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.ty-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ty-stat{display:flex;flex-direction:column;gap:var(--space-1)}.ty-stat__num{font:600 32px/36px var(--font-mono);letter-spacing:-.02em;color:var(--accent-text);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .2em}.ty-stat__from{font-weight:400;font-size:.6em;color:var(--muted)}.ty-stat__from:after{content:"→";margin-left:.4em}.ty-stat__of,.ty-stat__unit{font-weight:400;font-size:.6em;color:var(--muted)}.ty-stat__label{font:400 14px/22px var(--font-sans);color:var(--ink)}.ty-stat__source{font:400 12px/18px var(--font-sans);color:var(--muted)}.ty-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-7)}@media(max-width:640px){.ty-skills{grid-template-columns:1fr}}.ty-skill{display:flex;align-items:center;gap:var(--space-3);padding:7px 0;border-bottom:var(--border-hair) solid var(--line)}.ty-skill__name{font:600 15px/22px var(--font-sans);color:var(--ink)}.ty-skill__dots{display:flex;gap:5px;flex-shrink:0}.ty-skill__dots i{display:block;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--tint-strong);background:transparent;box-sizing:border-box}.ty-skill[data-level="1"] i:nth-child(-n+1),.ty-skill[data-level="2"] i:nth-child(-n+2),.ty-skill[data-level="3"] i:nth-child(-n+3),.ty-skill[data-level="4"] i:nth-child(-n+4),.ty-skill[data-level="5"] i{background:var(--tint-strong)}.ty-skill[data-level="4"] i,.ty-skill[data-level="5"] i{border-color:var(--accent)}.ty-skill[data-level="4"] i:nth-child(-n+4),.ty-skill[data-level="5"] i{background:var(--accent)}.ty-skill-notes{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-4)}.ty-skill-note{font:400 12px/18px var(--font-sans);color:var(--muted);margin:0}.ty-timeline-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-5) var(--space-7);align-items:start}.ty-timeline{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--space-5);margin:0;list-style:none}.ty-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:-28px;width:2px;border-radius:1px;background:linear-gradient(to bottom,var(--tint-strong) 0,var(--tint-strong) calc(100% - 64px),transparent 100%)}.ty-timeline-cols .ty-timeline:nth-child(n+2):before{top:-28px;background:linear-gradient(to bottom,transparent 0,var(--tint-strong) 64px,var(--tint-strong) calc(100% - 64px),transparent 100%)}.ty-timeline>li{position:relative;display:flex;flex-direction:column;gap:2px}.ty-timeline>li:before{content:"";position:absolute;left:calc(-1 * var(--space-5));top:5px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-sizing:border-box}.ty-timeline>li[data-kind=교육]:before{border-radius:0;background:var(--tint-strong)}.ty-timeline>li[data-kind=자격]:before{border-radius:0;transform:rotate(45deg) scale(.85);background:var(--tint-strong)}.ty-timeline>li[data-kind=수상]:before{border-radius:2px;transform:rotate(45deg) scale(.9);background:var(--ink);border-color:var(--ink)}.ty-timeline>li[data-kind=활동]:before{border-color:var(--muted)}.ty-timeline>li.now:before{background:var(--accent)}.ty-timeline__date{font:400 13px/18px var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.ty-timeline__title{font:600 15px/22px var(--font-sans);color:var(--ink);margin:0}.ty-timeline__title a{color:inherit;text-decoration:none}.ty-timeline__title a:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.ty-timeline__desc{font:400 14px/22px var(--font-sans);color:var(--ink);margin:0}.ty-trait{display:flex;flex-direction:column;gap:var(--space-2)}.ty-trait__label{align-self:flex-start}.ty-trait__evidence{margin:0;font:400 15px/24px var(--font-sans);color:var(--ink)}.ty-trait__source{margin:0;font:400 12px/18px var(--font-sans);color:var(--muted)}.ty-trait__source a{color:var(--accent-text)}.ty-callout{display:flex;flex-direction:column;gap:var(--space-2);background:var(--tint);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--ink)}.ty-callout p{margin:0;font:400 15px/24px var(--font-sans)}.ty-table{width:100%;border-collapse:collapse;font:400 14px/22px var(--font-sans);color:var(--ink);border:var(--border-hair) solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.ty-table th{text-align:left;font:500 12px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--tint);padding:10px var(--space-3)}.ty-table td{padding:10px var(--space-3);border-top:var(--border-hair) solid var(--line);vertical-align:top}.ty-table td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.ty-prose{font:400 16px/27px var(--font-sans);color:var(--ink);max-width:680px}.ty-prose h1{font:700 40px/48px var(--font-sans);letter-spacing:-.015em;margin:0 0 var(--space-3);text-wrap:balance}.ty-prose h2{font:600 28px/36px var(--font-sans);letter-spacing:-.01em;margin:var(--space-8) 0 var(--space-4);text-wrap:balance}.ty-prose h3{font:600 20px/28px var(--font-sans);margin:var(--space-6) 0 var(--space-3)}.ty-prose p{margin:0 0 var(--space-4)}.ty-prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.ty-prose strong{font-weight:600}.ty-prose blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);background:var(--tint);border-radius:var(--radius-md);color:var(--ink)}.ty-prose blockquote p:last-child{margin:0}.ty-prose code{font:400 .9em/1 var(--font-mono);background:var(--tint);padding:2px 6px;border-radius:4px}.ty-prose pre{background:var(--surface);border:var(--border-hair) solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);overflow-x:auto;font:400 13px/20px var(--font-mono)}.ty-prose pre code{background:transparent;padding:0;font-size:13px}.ty-prose hr{border:0;border-top:var(--border-hair) solid var(--line);margin:var(--space-7) 0}.ty-prose img{max-width:100%;border-radius:var(--radius-md);border:var(--border-hair) solid var(--line)}.ty-prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:22px;margin:var(--space-5) 0}.ty-prose th{text-align:left;font:500 12px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--tint);padding:10px var(--space-3)}.ty-prose td{padding:10px var(--space-3);border-top:var(--border-hair) solid var(--line);vertical-align:top}.ty-project--featured{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.ty-project--featured .ty-project__cover{aspect-ratio:4/3}.ty-project--featured .ty-project__body{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:720px){.ty-project--featured{grid-template-columns:1fr}}.ty-project__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ty-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);font:500 12px/1 var(--font-sans);background:var(--tint);color:var(--ink)}.ty-tag--accent{background:var(--accent);color:var(--on-accent)}.ty-kind{display:inline-flex;align-items:center;gap:6px;font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ty-kind:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--tint-strong)}.ty-kind--decision:before{background:var(--accent)}.ty-kind--mistake:before{background:var(--ink)}.ty-kind--residue:before{background:var(--tint-strong)}.ty-metagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4) var(--space-5);margin:0;padding:var(--space-4) 0;border-top:var(--border-hair) solid var(--line);border-bottom:var(--border-hair) solid var(--line)}.ty-metagrid div{display:flex;flex-direction:column;gap:2px;min-width:0}.ty-metagrid dt{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ty-metagrid dd{margin:0;font:500 15px/22px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.ty-metagrid dd a{color:var(--accent-text);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.ty-copy{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--radius-pill);border:var(--border-hair) solid var(--line);background:transparent;color:var(--ink);font:500 12px/1 var(--font-sans);cursor:pointer}.ty-copy:hover{background:var(--tint)}.ty-copy[data-done=true]{border-color:var(--accent);color:var(--accent-text)}.ty-chapternav{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.ty-chapternav a{display:flex;gap:var(--space-3);align-items:baseline;color:var(--ink);text-decoration:none;font:400 14px/22px var(--font-sans);padding:4px 0 4px var(--space-3);border-left:2px solid var(--line)}.ty-chapternav a:hover,.ty-chapternav a[aria-current=true]{border-left-color:var(--accent);color:var(--accent-text)}.ty-chapternav .n{font:400 12px/22px var(--font-mono);color:var(--muted);min-width:2ch;font-variant-numeric:tabular-nums}.ty-timeline__date{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ty-timeline__details{margin:4px 0 0;padding:0;list-style:none;font:400 14px/22px var(--font-sans);color:var(--ink)}.ty-timeline__details li{position:relative;padding-left:var(--space-3)}.ty-timeline__details li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--muted)}.ty-skill-group{grid-column:1/-1;font:500 12px/16px var(--font-mono);letter-spacing:.08em;color:var(--muted);margin:var(--space-5) 0 var(--space-2)}.ty-skill-group:first-child{margin-top:0}@media(prefers-reduced-motion:reduce){.ty-btn,.ty-card{transition:none}}html,body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}*{box-sizing:border-box}a{color:var(--accent-text)}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[id]{scroll-margin-top:var(--space-7)}.wrap{max-width:1120px;margin:0 auto;padding-left:clamp(var(--space-4),6vw,var(--space-7));padding-right:clamp(var(--space-4),6vw,var(--space-7))}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-5)}.site-header__right{display:flex;align-items:center;gap:var(--space-4)}.brand{font:700 20px/28px var(--font-sans);color:var(--ink);text-decoration:none}.theme-toggle{cursor:pointer;white-space:nowrap;flex-shrink:0;border:var(--border-hair) solid var(--line);background:transparent;font-family:var(--font-sans)}.site-footer{border-top:var(--border-hair) solid var(--line);padding-block:var(--space-5) var(--space-7);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.home{display:flex;flex-direction:column;gap:clamp(var(--space-8),9vw,var(--space-9));padding-bottom:var(--space-9)}.section{display:flex;flex-direction:column;gap:var(--space-6)}.hero{display:flex;flex-direction:column;gap:var(--space-5);padding-top:clamp(var(--space-6),6vw,var(--space-8))}.hero>:not(.ty-metagrid){max-width:860px}.hero .ty-metagrid{margin-top:var(--space-4)}.hero h1{margin:0;text-wrap:balance}.hero p{margin:0;max-width:680px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-3)}.grid-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}@media(max-width:900px){.grid-projects{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4)}.narrow{max-width:680px}.note{margin:0}.reveal{opacity:.6;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.detail{display:flex;flex-direction:column;gap:var(--space-7);padding-bottom:var(--space-9)}.detail-head{display:flex;flex-direction:column;gap:var(--space-5);padding-top:clamp(var(--space-5),5vw,var(--space-7))}.detail-head__title{display:flex;flex-direction:column;gap:var(--space-3);max-width:760px}.detail-head__title h1{margin:0;text-wrap:balance}.detail-head__name{font:600 14px/20px var(--font-sans);letter-spacing:.02em;color:var(--accent-text)}.detail-body{display:flex;flex-wrap:wrap;gap:var(--space-7);align-items:flex-start}.detail-nav{flex:1 1 200px;max-width:240px;position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.detail-prose{flex:999 1 480px;min-width:0}@media(max-width:720px){.detail-nav{position:static;max-width:100%}}.pager{display:flex;flex-direction:column;gap:var(--space-5);border-top:var(--border-hair) solid var(--line);padding-top:var(--space-6)}.pager__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-4)}.pager__card{display:flex;flex-direction:column;gap:var(--space-1);text-decoration:none}.pager__card--next{text-align:right}.pager__card .h3{color:var(--ink)}