*{margin:0;padding:0;box-sizing:border-box}.tech-template{--bg: #1e1e1e;--bg-secondary: #252526;--text: #d4d4d4;--text-secondary: #9d9d9d;--text-muted: #6d6d6d;--accent: #4fc3f7;--border: #3c3c3c;background:var(--bg);color:var(--text);font-family:Noto Sans KR,-apple-system,sans-serif;min-height:100vh}.tech-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.tech-header .header-inner{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto;padding:0 1.5rem;height:48px}.tech-header .back-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.85rem;border-radius:4px;transition:all .2s}.tech-header .back-btn:hover{background:#ffffff0d;color:var(--text)}.tech-header .header-title{font-family:Fira Code,monospace;font-size:.85rem;color:var(--accent)}.tech-article{max-width:720px;margin:0 auto;padding:80px 1.5rem 4rem}.tech-article .article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.tech-article .meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tech-article .meta time{font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-muted)}.tech-article .tags{display:flex;gap:.5rem}.tech-article .tag{font-family:Fira Code,monospace;font-size:.75rem;padding:.25rem .5rem;background:#4fc3f726;color:var(--accent);border-radius:4px}.tech-article h1{font-size:1.75rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.tech-article .summary{font-size:1rem;color:var(--text-secondary);line-height:1.7}.series-box{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;border-left:4px solid var(--accent)}.series-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.series-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background:var(--accent);color:var(--bg);border-radius:4px}.series-title{font-size:1.1rem;font-weight:600;color:var(--text);margin:0;flex:1}.series-progress{font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-muted)}.series-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto}.series-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;text-decoration:none;color:var(--text-secondary);border-radius:6px;transition:all .2s}.series-item:hover{background:var(--bg-tertiary);color:var(--text)}.series-item.current{background:#4fc3f726;color:var(--accent)}.series-num{font-family:Fira Code,monospace;font-size:.75rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:4px;flex-shrink:0}.series-item.current .series-num{background:var(--accent);color:var(--bg)}.series-item-title{font-size:.9rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-nav{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.series-prev,.series-next{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--accent);text-decoration:none;transition:opacity .2s}.series-prev:hover,.series-next:hover{opacity:.7}.series-next{margin-left:auto}.tech-template .prose{font-size:1rem;line-height:1.9}.tech-template .prose h1,.tech-template .prose h2,.tech-template .prose h3{font-weight:600;margin-top:2.5em;margin-bottom:.75em;color:var(--text)}.tech-template .prose h2{font-size:1.4rem}.tech-template .prose h3{font-size:1.2rem}.tech-template .prose p{margin-bottom:1.5em}.tech-template .prose p.indent-content{margin-left:2em;margin-top:-.5em;margin-bottom:1em}.tech-template .prose a{color:var(--accent);text-decoration:underline}.tech-template .prose code{font-family:Fira Code,monospace;background:var(--bg-secondary);padding:.2em .4em;border-radius:4px;font-size:.9em;color:var(--accent)}.tech-template .prose pre{background:#0d0d0d;padding:1.5em;border-radius:8px;overflow-x:auto;margin:2em 0;border:1px solid var(--border)}.tech-template .prose pre code{background:none;padding:0;color:var(--text)}.tech-template .prose ul,.tech-template .prose ol{margin:1.5em 0;padding-left:2em}.tech-template .prose ul{list-style-type:disc}.tech-template .prose ol{list-style-type:decimal}.tech-template .prose li{margin:.5em 0;display:list-item}.tech-template .prose strong{font-weight:600;color:var(--text)}.tech-template .prose table{width:100%;border-collapse:collapse;margin:2em 0;font-size:.9em}.tech-template .prose th,.tech-template .prose td{border:1px solid var(--border);padding:.75em 1em;text-align:left}.tech-template .prose th{background:var(--bg-secondary);font-weight:600;color:var(--text)}.tech-template .prose td{color:var(--text-secondary)}.tech-template .prose tr:hover{background:#ffffff05}.tech-template .prose blockquote{border-left:3px solid var(--accent);padding-left:1.5em;margin:2em 0;color:var(--text-secondary)}.tech-template .prose img{max-width:100%;border-radius:8px;margin:2em 0}.tech-article .article-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.tech-article .footer-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.tech-article .footer-back:hover{color:var(--accent)}.tech-template .comments-section{margin-bottom:2rem}.tech-template .comments-title{font-family:Fira Code,monospace;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:1.5rem}.tech-template .comments-title span{color:var(--text-muted);font-weight:400}.life-template{--bg: #faf8f5;--text: #2c2c2c;--text-secondary: #666;--text-muted: #999;--accent: #8b7355;--border: #e5e0d8;background:var(--bg);color:var(--text);font-family:"Noto Serif KR",serif;min-height:100vh}.life-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;background:#faf8f5f2;backdrop-filter:blur(10px)}.life-header .back-link{color:var(--text-secondary);text-decoration:none;transition:color .3s}.life-header .back-link:hover{color:var(--text)}.life-article{max-width:680px;margin:0 auto;padding:100px 2rem 4rem}.life-article .article-header{text-align:center;margin-bottom:4rem}.life-article .article-header time{display:block;font-family:Noto Sans KR,sans-serif;font-size:.85rem;color:var(--text-muted);letter-spacing:.1em;margin-bottom:2rem}.life-article h1{font-family:"Noto Serif KR",serif;font-size:2.25rem;font-weight:500;line-height:1.5;margin-bottom:1.5rem}.life-article .summary{font-size:1.15rem;color:var(--text-secondary);line-height:1.9;max-width:500px;margin:0 auto 1.5rem}.life-article .tags{font-family:Noto Sans KR,sans-serif;font-size:.9rem;color:var(--accent)}.life-article .tags span{margin:0 .5rem}.life-template .prose{font-size:1.1rem;line-height:2.2}.life-template .prose h2,.life-template .prose h3{font-weight:500;margin-top:3em;margin-bottom:1em;text-align:center}.life-template .prose h2{font-size:1.5rem}.life-template .prose h3{font-size:1.25rem}.life-template .prose p{margin-bottom:2em;text-align:justify}.life-template .prose p.indent-content{margin-left:2em;margin-top:-1em;margin-bottom:1.5em}.life-template .prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.life-template .prose blockquote{border-left:2px solid var(--accent);padding-left:1.5em;margin:2.5em 0;font-style:italic;color:var(--text-secondary)}.life-template .prose img{max-width:100%;margin:3em auto;display:block}.life-template .prose ul,.life-template .prose ol{margin:1.5em 0;padding-left:2em;text-align:left}.life-template .prose ul{list-style-type:disc}.life-template .prose ol{list-style-type:decimal}.life-template .prose li{margin:.5em 0;display:list-item}.life-template .prose strong{font-weight:600}.life-template .prose table{width:100%;border-collapse:collapse;margin:2em 0;font-size:.95em}.life-template .prose th,.life-template .prose td{border:1px solid var(--border);padding:.75em 1em;text-align:left}.life-template .prose th{background:#00000008;font-weight:600}.life-template .prose code{font-family:IBM Plex Mono,monospace;background:#8b73551a;padding:.2em .4em;border-radius:4px;font-size:.9em}.life-template .prose pre{background:#2c2c2c;color:#e5e5e5;padding:1.5em;border-radius:4px;overflow-x:auto;margin:2em 0}.life-article .article-footer{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--border);text-align:center}.life-article .author-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.life-article .author-avatar{width:50px;height:50px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:500}.life-article .author-info{text-align:left}.life-article .author-name{display:block;font-family:Noto Sans KR,sans-serif;font-weight:500;font-size:1rem}.life-article .author-bio{font-family:Noto Sans KR,sans-serif;font-size:.85rem;color:var(--text-muted)}.life-article .footer-back{font-family:Noto Sans KR,sans-serif;font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color .3s}.life-article .footer-back:hover{color:var(--accent)}.life-template .comments-section{margin:3rem 0;text-align:left}.life-template .comments-title{font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:1.5rem}.life-template .comments-title span{color:var(--text-muted);font-weight:400}.life-template .comments-wrapper .comment-form{background:#fff;border-color:var(--border)}.life-template .comments-wrapper .comment-form input,.life-template .comments-wrapper .comment-form textarea{background:var(--bg);border-color:var(--border);color:var(--text)}.life-template .comments-wrapper .comment-item{background:#fff;border-color:var(--border)}.life-template .comments-wrapper .comment-nickname,.life-template .comments-wrapper .comment-content{color:var(--text)}.life-template .comments-wrapper .comment-date{color:var(--text-muted)}.casual-template{--bg: #000;--bg-secondary: #16181c;--text: #e7e9ea;--text-secondary: #71767b;--accent: #f472b6;--border: #2f3336;background:var(--bg);color:var(--text);font-family:Noto Sans KR,-apple-system,sans-serif;min-height:100vh}.casual-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;padding:0 1rem;height:53px;background:#000c;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.casual-header .back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--text);text-decoration:none;border-radius:50%;transition:background .2s}.casual-header .back-btn:hover{background:#ffffff1a}.casual-header .header-title{flex:1;text-align:center;font-weight:600;font-size:1rem}.casual-header .header-spacer{width:34px}.casual-article{max-width:600px;margin:0 auto;padding:53px 0 4rem}.thread-post{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.thread-post .post-avatar{flex-shrink:0;width:40px;height:40px;background:var(--accent);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.thread-post .post-body{flex:1}.thread-post .post-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem;flex-wrap:wrap}.thread-post .author-name{font-weight:600;font-size:.95rem}.thread-post .author-handle,.thread-post .dot,.thread-post time{font-size:.9rem;color:var(--text-secondary)}.thread-post h1{font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:.5rem}.thread-post .summary{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.thread-content{padding:1rem;border-bottom:1px solid var(--border)}.casual-template .prose{font-size:.95rem;line-height:1.7}.casual-template .prose h2,.casual-template .prose h3{font-weight:600;margin-top:1.5em;margin-bottom:.5em}.casual-template .prose h2{font-size:1.1rem}.casual-template .prose h3{font-size:1rem}.casual-template .prose p{margin-bottom:1em}.casual-template .prose p.indent-content{margin-left:2em;margin-top:-.5em;margin-bottom:.8em}.casual-template .prose a{color:var(--accent)}.casual-template .prose code{background:var(--bg-secondary);padding:.2em .4em;border-radius:4px;font-size:.9em}.casual-template .prose pre{background:var(--bg-secondary);padding:1em;border-radius:12px;overflow-x:auto;margin:1em 0}.casual-template .prose img{max-width:100%;border-radius:16px;margin:1em 0}.casual-template .prose ul,.casual-template .prose ol{margin:1em 0;padding-left:2em}.casual-template .prose ul{list-style-type:disc}.casual-template .prose ol{list-style-type:decimal}.casual-template .prose li{margin:.4em 0;display:list-item}.casual-template .prose strong{font-weight:600}.casual-template .prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.9em}.casual-template .prose th,.casual-template .prose td{border:1px solid var(--border);padding:.6em .8em;text-align:left}.casual-template .prose th{background:var(--bg-secondary);font-weight:600}.thread-tags{padding:1rem;border-bottom:1px solid var(--border)}.thread-tags .tag{color:var(--accent);margin-right:.75rem;font-size:.95rem}.thread-meta{padding:1rem;border-bottom:1px solid var(--border)}.thread-meta time{font-size:.9rem;color:var(--text-secondary)}.thread-footer{padding:1rem}.thread-footer .footer-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.thread-footer .footer-back:hover{color:var(--accent)}.casual-template .comments-section{padding:1rem;border-bottom:1px solid var(--border)}.casual-template .comments-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:1rem}.casual-template .comments-title span{color:var(--text-secondary);font-weight:400}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#4fc3f7,#29b6f6);z-index:1000;transition:width .1s ease-out}.tech-article .meta-separator{color:var(--text-muted)}.tech-article .views{display:inline-flex;align-items:center;gap:.35rem;font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-muted)}.tech-article .views svg{opacity:.7}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.post-navigation a{display:flex;flex-direction:column;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;text-decoration:none;transition:all .2s}.post-navigation a:hover{border-color:var(--accent);background:#4fc3f70d}.post-navigation .nav-prev{text-align:left}.post-navigation .nav-next{text-align:right}.post-navigation .nav-label{font-family:Fira Code,monospace;font-size:.75rem;color:var(--accent);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.post-navigation .nav-title{font-size:.95rem;font-weight:500;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-navigation .nav-empty{display:none}.tech-template .prose pre{position:relative}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.4rem .6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#888;font-family:Fira Code,monospace;font-size:.7rem;cursor:pointer;opacity:0;transition:all .2s}.tech-template .prose pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:#ffffff26;color:#fff}.code-copy-btn.copied{background:#4fc3f733;border-color:#4fc3f74d;color:#4fc3f7}.tech-template .code-block-wrapper{margin:2em 0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.tech-template .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#1a1a1a;border-bottom:1px solid var(--border)}.tech-template .code-lang{font-family:Fira Code,monospace;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.tech-template .code-block-wrapper pre{margin:0;border:none;border-radius:0}.tech-template .code-line{display:block}.tech-template .line-number{display:inline-block;width:3em;padding-right:1em;text-align:right;color:#555;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid #333;margin-right:1em}.tech-template .line-content{display:inline}.tech-template .heading-anchor{position:relative}.tech-template .anchor-link{position:absolute;left:-1.5em;color:var(--accent);text-decoration:none;opacity:0;transition:opacity .2s;font-weight:400}.tech-template .heading-anchor:hover .anchor-link{opacity:1}.share-buttons{display:flex;align-items:center;gap:.75rem;margin-top:3rem;padding:1rem 0;border-top:1px solid var(--border)}.share-label{font-size:.85rem;color:var(--text-secondary)}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.share-btn:hover{background:var(--accent);border-color:var(--accent);color:#000}.share-btn.copied{background:#4fc3f733;border-color:var(--accent);color:var(--accent)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;z-index:90;display:flex;align-items:center;justify-content:center}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:var(--accent);border-color:var(--accent);color:#000}.theme-toggle{position:fixed;bottom:2rem;right:5rem;width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s;z-index:90;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--accent);border-color:var(--accent);color:#000}.tech-template .icon-sun{display:none}.tech-template .icon-moon{display:block}.tech-template.light-mode{--bg: #ffffff;--bg-secondary: #f5f5f5;--text: #1a1a1a;--text-secondary: #555;--text-muted: #888;--border: #e0e0e0}.tech-template.light-mode .icon-sun{display:block}.tech-template.light-mode .icon-moon{display:none}.tech-template.light-mode .code-block-header{background:#f0f0f0}.tech-template.light-mode .line-number{color:#999;border-right-color:#ddd}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s}.lightbox.active{opacity:1;visibility:visible}.lightbox-img{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:background .2s}.lightbox-close:hover{background:#fff3}.tech-template .prose img{cursor:zoom-in;transition:transform .2s}.tech-template .prose img:hover{transform:scale(1.02)}@media(max-width:640px){.tech-article,.life-article{padding-left:1rem;padding-right:1rem}.tech-article h1{font-size:1.5rem}.life-article h1{font-size:1.75rem}.post-navigation{grid-template-columns:1fr}.post-navigation .nav-empty{display:none}.code-copy-btn{opacity:1}}