*{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}.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 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:1.5em}.tech-template .prose li{margin:.5em 0}.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 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 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 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}.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}@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}}