:root{--color-bg: #F4F3EE;--color-text: #000000;--color-muted: #999999;--color-border: #e0e0e0;--color-link: #000000;--color-link-hover: #555555;--font-sans: 'Gowun Dodum', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size: 16px;--line-height: 1.85;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--max-width: 640px;--radius: 0;--color-accent: #C15F3C;--color-accent-hover: #A84E30;--color-accent-text: #F4F3EE;--spread-list-width: 580px;--spread-body-width: calc(var(--max-width) + var(--spread-list-width) + 1px + var(--space-md) + var(--space-xl))}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1a1a;--color-text: #e2e0d8;--color-border: #333;--color-muted: #888;--color-link: #e2e0d8;--color-link-hover: #aaa;--color-accent: #D4735A;--color-accent-hover: #C15F3C;--color-accent-text: #1a1a1a}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size);scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-link);text-decoration:underline;text-underline-offset:0.15em;transition:color 0.2s ease}a:hover{color:var(--color-link-hover)}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.4;color:var(--color-text)}h1{font-size:1rem}h2{font-size:1rem}h3{font-size:1rem}img{max-width:100%;height:auto;display:block}blockquote{border-left:1px solid var(--color-border);padding-left:var(--space-sm);color:var(--color-muted);margin:var(--space-md) 0}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}code{font-size:0.9em;background:rgba(0,0,0,0.04);padding:0.15em 0.35em}@media (prefers-color-scheme: dark){code{background:rgba(255,255,255,0.08)}}pre{overflow-x:auto;padding:var(--space-sm);background:rgba(0,0,0,0.04);margin:var(--space-md) 0}pre code{background:none;padding:0}@media (prefers-color-scheme: dark){pre{background:rgba(255,255,255,0.06)}}ul,ol{list-style:none;padding:0;margin:var(--space-sm) 0}p{margin-bottom:var(--space-sm)}.intro-typing::after{content:"\2502";animation:blink 0.8s step-end infinite;color:var(--color-muted)}@keyframes blink{50%{opacity:0}}body{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-xl)}.header{margin-bottom:var(--space-md)}.header h1{font-size:1rem;font-weight:600;letter-spacing:0.05em}.header h1 a{color:var(--color-text);text-decoration:none}.header h1 a:hover{color:var(--color-muted)}.section .content p{line-height:var(--line-height);margin-bottom:var(--space-md)}.section .content p a{text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:border-color 0.2s ease}.section .content p a:hover{border-color:var(--color-text)}.section .content ul{margin:0;display:flex;flex-direction:column;gap:0.25rem}.section .content ul li a{color:var(--color-muted);font-size:0.9rem;text-decoration:none}.section .content ul li a:hover{color:var(--color-text)}.section .content ul.check-links{margin:0 0 var(--space-md) 0}.section .content ul.check-links li::before{content:"\2713\0020";color:var(--color-muted)}.section .content ul.check-links li a{font-size:1rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.section .content ul.check-links li a:hover{border-color:var(--color-text)}.footer{margin-top:var(--space-md);padding-top:0}.footer .content{color:var(--color-muted);font-size:0.85rem}.footer .content a{color:var(--color-muted)}.footer .content a:hover{color:var(--color-text)}body#home{max-width:740px}.recent-posts__title{font-size:0.9rem;color:var(--color-muted);margin-bottom:var(--space-sm)}.recent-posts__list{margin:0;padding:0;list-style:none}.recent-posts__item{padding:0.6rem 0;border-bottom:1px solid var(--color-border)}.recent-posts__item:last-child{border-bottom:none}.recent-posts__link{text-decoration:none;color:var(--color-text)}.recent-posts__link:hover{color:var(--color-muted)}.recent-posts__meta{display:flex;align-items:baseline;gap:0.5rem;margin-top:0.2rem}.recent-posts__date{font-size:0.85rem;color:var(--color-muted);white-space:nowrap}.recent-posts__tags{display:flex;flex-wrap:wrap;gap:0.3rem}.recent-posts__tag{font-size:0.75rem;color:var(--color-muted);border:1px solid var(--color-border);padding:0 0.35rem;line-height:1.5}.newsletter__body{line-height:var(--line-height);margin-bottom:var(--space-md)}.newsletter__btn{display:inline-block;background-color:var(--color-accent);color:var(--color-accent-text);text-decoration:none;padding:0.5rem 1.2rem;font-family:var(--font-sans);font-size:0.9rem;transition:background-color 0.15s ease}.newsletter__btn:hover{background-color:var(--color-accent-hover);color:var(--color-accent-text)}@media (max-width: 480px){body{padding:var(--space-lg) var(--space-sm)}}.post__header{margin-bottom:var(--space-lg)}.post__title{font-size:1rem;font-weight:normal;margin-bottom:var(--space-xs)}.post__date{color:var(--color-muted);font-size:0.9rem}.post__tags{margin-top:var(--space-xs);display:flex;flex-wrap:wrap;gap:var(--space-xs)}.post__tag{font-size:0.85rem;color:var(--color-muted)}.post__tag::before{content:"#"}.post__content h2{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-weight:normal}.post__content h3{margin-top:var(--space-md);margin-bottom:var(--space-sm);font-weight:normal}.post__content p+p{margin-top:var(--space-sm)}.post__content ul,.post__content ol{padding-left:1.5em}.post__content ul{list-style:disc}.post__content ol{list-style:decimal}.post__nav{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;font-size:0.9rem}.post__nav a{color:var(--color-muted);text-decoration:none}.post__nav a:hover{color:var(--color-text)}.post-list{list-style:none;padding:0}.post-list__year{font-size:1rem;font-weight:normal;color:var(--color-muted);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.post-list__year:first-child{margin-top:0}.post-list__item{display:flex;justify-content:space-between;align-items:baseline;padding:0.4rem 0;gap:var(--space-sm)}.post-list__link{color:var(--color-text);text-decoration:none;flex:1}.post-list__link:hover{color:var(--color-muted)}.post-list__date{color:var(--color-muted);font-size:0.9rem;white-space:nowrap}.tag-filter{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:var(--space-lg)}.tag-filter__btn{background:none;border:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-sans);font-size:0.85rem;padding:0.25rem 0.6rem;cursor:pointer;transition:all 0.15s ease}.tag-filter__btn:hover{color:var(--color-text);border-color:var(--color-text)}.tag-filter__btn.is-active{color:var(--color-text);border-color:var(--color-text)}.toc{margin:var(--space-md) 0;padding:var(--space-sm);border:1px solid var(--color-border)}.toc__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toc__title{font-size:0.85rem;color:var(--color-muted);margin:0}.toc__toggle{background:none;border:none;color:var(--color-muted);font-size:0.8rem;cursor:pointer;padding:0;font-family:var(--font-sans)}.toc__toggle:hover{color:var(--color-text)}.toc__list{margin:var(--space-xs) 0 0;padding:0;list-style:none}.toc__item--sub{padding-left:1rem}.toc__link{display:block;padding:0.2rem 0;font-size:0.9rem;color:var(--color-muted);text-decoration:none;transition:color 0.15s ease}.toc__link:hover{color:var(--color-text)}.toc__link.is-active{color:var(--color-text)}.toc.is-collapsed .toc__list{display:none}.page-header{margin-bottom:var(--space-lg)}.page-header__title{font-size:1rem;font-weight:normal}.page-header__desc{color:var(--color-muted);font-size:0.9rem;margin-top:var(--space-xs)}body:has(.post__back){max-width:calc(var(--max-width) + var(--space-xl) * 2 - var(--space-md))}@media (min-width: 960px){body:has(.spread){max-width:var(--spread-body-width)}}@media (min-width: 960px){body#home:has(.spread){max-width:var(--spread-body-width)}}.home-spread-link.is-reading{background-color:var(--color-accent);color:var(--color-accent-text);padding:0.1em 0.3em;border-bottom:none}.post__back{margin-bottom:var(--space-md);text-align:right}.post__back a{color:var(--color-muted);text-decoration:none;font-family:var(--font-sans);font-size:0.85rem;border:1px solid var(--color-border);padding:0.3rem 0.5rem;line-height:1;transition:all 0.15s ease}.post__back a:hover{color:var(--color-text);border-color:var(--color-text)}.spread{display:block}.spread__right{display:none}@media (min-width: 960px){.spread{display:flex;gap:0;min-height:70vh}.spread__left{width:var(--spread-list-width);flex-shrink:0;overflow-y:auto;max-height:calc(100vh - 12rem);position:sticky;top:var(--space-xl);padding-right:var(--space-md);border-right:1px solid var(--color-border)}.spread__left::-webkit-scrollbar{width:3px}.spread__left::-webkit-scrollbar-thumb{background:var(--color-border)}.spread__left .page-header{margin-bottom:var(--space-md)}.spread__left .post-list__item{padding:0.3rem 0}.spread__left .post-list__link{font-size:0.9rem}.spread__left .post-list__link.is-reading::before{content:"\25CF";font-size:0.4rem;margin-right:0.4rem;vertical-align:middle}.spread__right{display:block;flex:1;padding-left:var(--space-md);max-width:var(--max-width);overflow-y:auto;position:relative}.spread__right>.post{margin-top:0;padding-top:0}.spread__toggle{position:absolute;top:0;right:0;background:none;border:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-sans);font-size:0.85rem;padding:0.3rem 0.5rem;cursor:pointer;line-height:1;transition:all 0.15s ease;z-index:1}.spread__toggle:hover{color:var(--color-text);border-color:var(--color-text)}.spread--expanded{justify-content:center}.spread--expanded .spread__left{display:none}.spread--expanded .spread__right{padding-left:0;flex:none}.spread__placeholder{color:var(--color-muted);font-size:0.9rem;padding-top:var(--space-lg)}}.portfolio__section{margin-bottom:var(--space-lg)}.portfolio__section:first-child .portfolio__category{margin-top:0}.portfolio__section:last-child{margin-bottom:0}.portfolio__category{font-size:0.9rem;font-weight:normal;color:var(--color-muted);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.portfolio__list{margin:0;padding:0;list-style:none}.portfolio__item{border-bottom:1px solid var(--color-border)}.portfolio__item:last-child{border-bottom:none}.portfolio__link{display:block;padding:var(--space-sm) 0;text-decoration:none;color:var(--color-text);transition:color 0.15s ease}.portfolio__link:hover{color:var(--color-muted)}.portfolio__title{display:block;font-size:1rem}.portfolio__desc{display:block;font-size:0.9rem;color:var(--color-muted);margin-top:0.25rem;line-height:1.6}.portfolio__meta{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:var(--space-xs)}.portfolio__tag{font-size:0.8rem;color:var(--color-muted);border:1px solid var(--color-border);padding:0.1rem 0.45rem;line-height:1.4}