.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--accent:#71b884;--accent-dark:#5fa071;--background:#fff;--foreground:#15171a;--foreground-secondary:#5a6470;--border:#e5eff5;--border-light:#f0f6fc;--gray-50:#fafbfc;--gray-100:#f4f6f8;--gray-200:#e5eff5;--gray-300:#d0dae0;--gray-400:#b8c5ce;--gray-500:#8a9ba8;--gray-600:#5a6470;--gray-700:#3d4852;--gray-800:#27303a;--gray-900:#15171a;--category-tech:#4caf50;--category-design:#ec4899;--category-health:#3b82f6;--category-business:#f59e0b;--category-personal:#8b5cf6;--font-sans:var(--font-geist-sans),"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;--font-mono:var(--font-geist-mono),"Geist Mono","Roboto Mono",monospace;--container-width:1200px;--content-width:720px;--gap:2rem;--gap-sm:1rem;--gap-lg:3rem;--radius:8px;--radius-sm:4px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000d;--shadow:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f}[data-theme=dark]{--accent:#71b884;--accent-dark:#8fcd9f;--background:#15171a;--foreground:#fff;--foreground-secondary:#b8c5ce;--border:#27303a;--border-light:#1f2429;--gray-50:#15171a;--gray-100:#1f2429;--gray-200:#27303a;--gray-300:#3d4852;--gray-400:#5a6470;--gray-500:#8a9ba8;--gray-600:#b8c5ce;--gray-700:#d0dae0;--gray-800:#e5eff5;--gray-900:#fafbfc;--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}*{box-sizing:border-box}html{background:var(--background);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}html,body,#app{height:100%}body{font-family:var(--font-sans);color:var(--foreground);background:var(--background);margin:0;font-size:16px;line-height:1.6;transition:background-color .2s}@media (max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{letter-spacing:-.02em;margin:2rem 0 1rem;font-size:2.5rem;font-weight:700;line-height:1.2}@media (max-width:768px){h1{font-size:2rem}}h2{margin:1.5rem 0 .75rem;font-size:2rem;font-weight:600;line-height:1.3}@media (max-width:768px){h2{font-size:1.5rem}}h3{margin:1.25rem 0 .5rem;font-size:1.5rem;font-weight:600;line-height:1.4}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base)*.75)0}}a{color:currentColor}.prose{color:var(--gray-800)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--gray-900);scroll-margin-top:100px;font-weight:600}.prose h1{margin-top:2rem;margin-bottom:1rem;font-size:2.25rem;line-height:1.2}.prose h2{margin-top:2rem;margin-bottom:.875rem;font-size:1.875rem;line-height:1.3}.prose h3{margin-top:1.75rem;margin-bottom:.75rem;font-size:1.5rem;line-height:1.4}.prose h4{margin-top:1.5rem;margin-bottom:.625rem;font-size:1.25rem;line-height:1.5}.prose p{margin-top:1rem;margin-bottom:1rem;line-height:1.8}.prose a{color:var(--primary);border-bottom:1px solid var(--primary);text-decoration:none;transition:opacity .2s}.prose a:hover{opacity:.7}.prose strong{color:var(--gray-900);font-weight:600}.prose code{background:var(--gray-200);font-size:.9em;font-family:var(--font-mono);color:var(--gray-900);border-radius:4px;padding:.2em .4em}.prose pre{background:var(--gray-900);color:var(--gray-100);border-radius:8px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0;font-size:.875rem;line-height:1.7}.prose ul,.prose ol{margin:1rem 0;padding-left:1.5rem}.prose li{margin:.5rem 0;line-height:1.7}.prose blockquote{border-left:4px solid var(--primary);color:var(--gray-700);margin:1.5rem 0;padding-left:1.5rem;font-style:italic}.prose img{border-radius:8px;margin:2rem 0}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.blog-card{transition:all .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)!important}.blog-list-card{transition:all .3s}.blog-list-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary)!important}.back-link{color:var(--foreground-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--foreground)}.home{max-width:1200px;min-height:100vh;margin:0 auto;padding:4rem 2rem}@media (max-width:768px){.home{padding:2rem 1rem}}.home .content{flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem;display:flex}.home .content h1{text-align:center;background:linear-gradient(to right,var(--primary),#00a8ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home .links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.home .links a{border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.home .links .admin{color:#fff;background:var(--primary);border:2px solid var(--primary)}.home .links .admin:hover{background:#0051cc;border-color:#0051cc;transform:translateY(-2px);box-shadow:0 4px 12px #0070f34d}.home .links .docs{color:var(--foreground);border:2px solid var(--gray-300);background:#fff}.home .links .docs:hover{border-color:var(--gray-400);background:var(--gray-100);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.home .footer{border-top:1px solid var(--gray-200);color:var(--gray-600);justify-content:center;align-items:center;gap:8px;margin-top:4rem;padding:2rem 0;font-size:.9rem;display:flex}@media (max-width:768px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{background:var(--gray-100);color:var(--primary);border:1px solid var(--gray-200);border-radius:4px;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.home .footer .codeLink:hover{background:var(--gray-200)}.home .footer .codeLink code{font-family:var(--font-mono);font-size:.85rem}.badge-default{color:#fff;background-color:var(--gray-600);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.badge-default:hover{opacity:.8}.badge-tech{background-color:var(--category-tech)}.badge-design{background-color:var(--category-design)}.badge-health{background-color:var(--category-health)}.badge-business{background-color:var(--category-business)}.badge-personal{background-color:var(--category-personal)}.comment-form{border-top:1px solid var(--border);margin:1rem 0 0;padding:1rem 0 0}.comment-form h3{color:var(--foreground);margin-top:0;margin-bottom:.75rem;font-size:.9375rem;font-weight:600}.comment-form .form-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}@media (max-width:480px){.comment-form .form-row{grid-template-columns:1fr}}.comment-form .form-group{margin-bottom:.75rem}.comment-form .form-group label{color:var(--foreground-secondary);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.comment-form .form-group input,.comment-form .form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--foreground);background:var(--background);padding:.5rem .75rem;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .15s}:is(.comment-form .form-group input,.comment-form .form-group textarea):focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #71b88426}:is(.comment-form .form-group input,.comment-form .form-group textarea):disabled{opacity:.5;cursor:not-allowed}.comment-form .form-group textarea{resize:vertical;min-height:80px}.comment-form .message{border-radius:var(--radius-sm);border-left:3px solid;margin-bottom:.75rem;padding:.625rem .875rem;font-size:.875rem}.comment-form .message.message-success{border-left-color:var(--accent);color:var(--accent-dark);background:#71b8841a}.comment-form .message.message-error{color:#dc2626;background:#ef444414;border-left-color:#ef4444}.comment-form button{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .15s}.comment-form button:hover:not(:disabled){background:var(--accent-dark)}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.comment-list{margin:1.5rem 0 0}.comment-list h3{margin-top:0}.comment-list .comments-loading,.comment-list .comments-error,.comment-list .comments-empty{text-align:center;color:var(--gray-600);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;padding:2rem}.comment-list .comments-error{color:var(--error)}.comment-list .comments{flex-direction:column;gap:1.5rem;display:flex}.comment-list .comment-item{border:1px solid var(--gray-200);background:var(--gray-100);border-radius:8px;padding:1.5rem}.comment-list .comment-item .comment-header{border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.comment-list .comment-item .comment-header strong{color:var(--gray-900)}.comment-list .comment-item .comment-header .comment-date{color:var(--gray-600);font-size:.85rem}.comment-list .comment-item .comment-content{color:var(--gray-700);word-wrap:break-word;line-height:1.6}.popular-posts .popular-posts-title{color:var(--gray-900);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.popular-posts .popular-posts-list{margin:0;padding:0;list-style:none}.popular-posts .popular-post-item{border-bottom:1px solid var(--gray-200);gap:.75rem;padding:1rem 0;display:flex}.popular-posts .popular-post-item:last-child{border-bottom:none;padding-bottom:0}.popular-posts .popular-post-item:first-child{padding-top:0}.popular-posts .popular-post-rank{flex-shrink:0;font-size:1.25rem;font-weight:700;line-height:1.2}.popular-posts .popular-post-content{flex:1;min-width:0}.popular-posts .popular-post-link{color:var(--gray-900);margin-bottom:.5rem;font-size:.95rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.popular-posts .popular-post-link:hover{color:var(--primary)}.popular-posts .popular-post-meta{color:var(--gray-600);flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.popular-posts .popular-post-category{font-weight:500}.popular-posts .popular-post-views,.popular-posts .popular-post-reading-time{align-items:center;gap:.25rem;display:inline-flex}.theme-toggle{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.theme-toggle svg{width:20px;height:20px}.theme-toggle:hover{background:var(--gray-100)}.theme-toggle:active{transform:scale(.95)}@media (max-width:768px){.theme-toggle{width:40px;height:40px}.theme-toggle svg{width:18px;height:18px}}.reading-progress-container{background:var(--gray-200);z-index:1001;width:100%;height:4px;position:fixed;top:0;left:0}.reading-progress-bar{background:linear-gradient(to right,var(--primary),#00a8ff);height:100%;transition:width .1s ease-out;box-shadow:0 2px 4px #0070f34d}.share-buttons{border-top:1px solid var(--border);align-items:center;gap:.5rem;margin:1.5rem 0;padding:.75rem 0;display:flex}.share-buttons .share-title{color:var(--foreground-secondary);white-space:nowrap;margin-right:.25rem;font-size:.8125rem;font-weight:600}.share-buttons .share-button{border:1px solid var(--border);background:var(--background);width:34px;height:34px;color:var(--foreground-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .2s;display:flex}.share-buttons .share-button:hover{border-color:var(--foreground-secondary);color:var(--foreground)}.share-buttons .share-twitter:hover{color:#1da1f2;border-color:#1da1f2}.share-buttons .share-facebook:hover{color:#1877f2;border-color:#1877f2}.share-buttons .share-linkedin:hover{color:#0a66c2;border-color:#0a66c2}.share-buttons .share-copy.copied{color:var(--accent);border-color:var(--accent)}.lightbox-overlay{z-index:2000;background:#000000f2;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out lightbox-fade-in;display:flex;position:fixed;inset:0}@media (max-width:768px){.lightbox-overlay{padding:1rem}}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;z-index:2001;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}@media (max-width:768px){.lightbox-close{width:2.5rem;height:2.5rem;top:1rem;right:1rem}}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;animation:.3s ease-out lightbox-zoom-in;display:flex}@keyframes lightbox-zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #00000080}.prose img{cursor:zoom-in;transition:transform .2s,box-shadow .2s}.prose img:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.series-badge{transition:opacity .2s}.series-badge:hover{opacity:.85}@media (max-width:768px){.series-nav{grid-template-columns:1fr!important}}.series-nav-button:hover{box-shadow:0 4px 12px #0000001a}@media (max-width:768px){.series-nav-button{text-align:left!important}}@media (max-width:768px){.series-toc{max-height:none;position:relative}.series-toc button{display:block!important}}.series-toc::-webkit-scrollbar{width:6px}.series-toc::-webkit-scrollbar-track{background:0 0}.series-toc::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.series-toc::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.series-post-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}@media (max-width:768px){.series-post-card{flex-direction:column;gap:1rem}}@media (prefers-color-scheme:dark){.series-nav-button{background:var(--background);color:var(--foreground)}.series-nav-button .nav-title,.series-nav-button .nav-label{color:inherit}.series-toc,.series-post-card{background:var(--background);border-color:var(--gray-700)}}.mobile-site-header{z-index:200;background:var(--background);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}@media (min-width:1024px){.mobile-site-header{display:none}}.mobile-header-inner{justify-content:space-between;align-items:center;height:60px;padding:0 1.25rem;display:flex}.site-wrapper{min-height:100vh;display:flex}.site-sidebar{display:none}@media (min-width:1024px){.site-sidebar{border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--gray-300)transparent;flex-direction:column;flex-shrink:0;width:50%;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.site-sidebar::-webkit-scrollbar{width:4px}.site-sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}}.site-sidebar-inner{flex-direction:column;gap:2rem;min-height:100%;padding:2rem 1.5rem;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.sidebar-logo-link{color:var(--foreground);letter-spacing:-.03em;font-size:1.25rem;font-weight:800;text-decoration:none;transition:color .2s}.sidebar-logo-link:hover{color:var(--accent)}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-nav-link{color:var(--foreground-secondary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.sidebar-nav-link:hover{color:var(--foreground);background:var(--gray-100)}.sidebar-nav-link.active{color:var(--accent);background:var(--gray-100);font-weight:600}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--foreground-secondary);margin:0 0 .5rem;padding-left:.25rem;font-size:.6875rem;font-weight:700}.sidebar-categories{flex-direction:column;display:flex}.sidebar-categories .sidebar-section-label{text-align:right;width:100%;padding-left:0;padding-right:.25rem}.sidebar-category-link{color:var(--foreground-secondary);border-radius:var(--radius-sm);justify-content:flex-end;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-category-link:hover{color:var(--foreground);background:var(--gray-100)}.sidebar-category-link.active{color:var(--foreground);background:var(--gray-100);font-weight:600}.sidebar-category-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-search{width:100%}.sidebar-search .search-bar-container{width:100%;max-width:100%}.sidebar-popular{border-top:1px solid var(--border);padding-top:1.5rem}.sidebar-popular .popular-posts{background:0 0;border:none;padding:0}.sidebar-popular .popular-posts-title{text-transform:uppercase;letter-spacing:.08em;color:var(--foreground-secondary);text-align:right;margin:0 0 .5rem;padding-right:.25rem;font-size:.6875rem;font-weight:700}.sidebar-popular .popular-post-item{border-bottom:none;flex-direction:row-reverse;justify-content:flex-start;padding:.5rem 0}.sidebar-popular .popular-post-content{text-align:right}.sidebar-popular .popular-post-link{color:var(--foreground);text-align:right;font-size:.875rem}.sidebar-popular .popular-post-link:hover{color:var(--accent)}.sidebar-popular .popular-post-meta{justify-content:flex-end;font-size:.75rem}.sidebar-popular .popular-post-rank{min-width:1.25rem;font-size:.875rem}.sidebar-footer{border-top:1px solid var(--border);align-items:center;margin-top:auto;padding-top:1rem;display:flex}.site-main{flex:1;min-width:0;overflow-x:hidden}.site-header{z-index:100;background:var(--background);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.header-container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.header-content{justify-content:space-between;align-items:center;height:64px;display:flex}.site-logo{color:var(--foreground);align-items:center;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.site-logo:hover{color:var(--accent)}.logo-text{letter-spacing:-.02em}.desktop-nav{align-items:center;gap:2rem;display:none}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{color:var(--foreground-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";background:var(--accent);height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.header-actions{align-items:center;gap:1rem;display:flex}.mobile-menu-toggle{width:40px;height:40px;color:var(--foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle:hover{color:var(--accent)}.mobile-nav{border-top:1px solid var(--border);flex-direction:column;padding:1rem 0;display:flex}@media (min-width:768px){.mobile-nav{display:none}}.mobile-nav-link{color:var(--foreground-secondary);padding:.75rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s,padding-left .2s}.mobile-nav-link:hover{color:var(--accent);padding-left:.5rem}.mobile-nav-divider{background:var(--border);height:1px;margin:.5rem 0}.site-main{min-height:100vh}.post-card{background:var(--background);border-bottom:1px solid var(--border);flex-direction:row;width:100%;min-height:0;transition:background .15s;display:flex}.post-card:last-child{border-bottom:none}.post-card:hover{background:var(--gray-50)}.post-card-link{color:inherit;flex-direction:row;align-items:flex-start;gap:1.25rem;width:100%;padding:1.5rem 0;text-decoration:none;display:flex}.post-card-image{border-radius:var(--radius);background:var(--gray-100);flex-shrink:0;order:2;width:140px;height:95px;overflow:hidden}@media (max-width:480px){.post-card-image{width:100px;height:70px}}.post-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-card:hover .post-card-img{transform:scale(1.05)}.post-card-content{flex-direction:column;flex:1;order:1;gap:.375rem;min-width:0;display:flex}.post-card-meta{color:var(--foreground-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.post-card-category{color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.2rem .6rem;font-size:.6875rem;font-weight:700;display:inline-block}.post-card-date,.post-card-reading-time{color:var(--foreground-secondary)}.post-card-reading-time:before{content:"·";margin-right:.375rem}.post-card-title{color:var(--foreground);letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.post-card:hover .post-card-title{color:var(--accent)}.post-card-excerpt{color:var(--foreground-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.post-card-author{align-items:center;gap:.375rem;margin-top:.25rem;display:flex}.post-card-author-name{color:var(--foreground-secondary);font-size:.75rem;font-weight:500}[data-theme=dark] .post-card:hover{background:var(--gray-100)}[data-theme=dark] .post-card-image{background:var(--gray-200)}.post-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;display:grid}.category-page-header{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.category-page-desc{color:var(--foreground-secondary);margin:0;font-size:.9375rem;line-height:1.6}.category-page-count{color:var(--foreground-secondary);align-self:flex-end;margin:0;font-size:.8125rem}.category-page-featured-post{justify-content:flex-end;margin-bottom:0;display:flex}.category-page-featured-post .post-card{width:100%;box-shadow:none;border:none;border-radius:0}.blog-page{padding:2.5rem 2.5rem 4rem}@media (max-width:1023px){.blog-page{padding:1.5rem 1.25rem 3rem}}.post-feed{flex-direction:column;gap:0;display:flex}.blog-container{max-width:var(--container-width);margin:0 auto}.blog-header{text-align:center;margin-bottom:3rem}.blog-title{color:var(--foreground);letter-spacing:-.03em;margin:0 0 .5rem;font-size:3rem;font-weight:800}@media (max-width:768px){.blog-title{font-size:2.5rem}}.blog-subtitle{color:var(--foreground-secondary);margin:0;font-size:1.125rem}.blog-search-section{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.blog-category-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.category-filter-badge{border:1px solid var(--border);background:var(--background);color:var(--foreground-secondary);border-radius:999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.category-filter-badge:hover{border-color:var(--accent);color:var(--accent)}.category-filter-badge.active{background:var(--accent);border-color:var(--accent);color:#fff}.active-filters{background:var(--gray-50);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:3rem;padding:1rem;display:flex}.active-filters-label{color:var(--foreground-secondary);font-size:.875rem;font-weight:600}.filter-badge{color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.filter-badge:hover{opacity:.8}.filter-badge span{font-size:1.125rem;line-height:1}.filter-badge.tag-badge{background:var(--accent);color:#fff}.filter-badge.date-badge{background:var(--gray-300);color:var(--foreground)}.clear-filters-link{color:var(--accent);margin-left:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s}.clear-filters-link:hover{opacity:.7}.blog-main{grid-template-columns:1fr;align-items:start;gap:3rem;display:grid}@media (min-width:1024px){.blog-main{grid-template-columns:1fr 320px}}.blog-content{min-width:0}.blog-sidebar{position:sticky;top:80px}@media (max-width:1023px){.blog-sidebar{position:static}}.blog-empty-state{text-align:center;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--border);padding:4rem 2rem}.empty-state-message{color:var(--foreground-secondary);margin-bottom:1.5rem;font-size:1.125rem}.empty-state-button{background:var(--accent);color:#fff;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.empty-state-button:hover{opacity:.9}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;display:flex}.pagination-button{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.pagination-button:hover{border-color:var(--accent);color:var(--accent)}.pagination-numbers{align-items:center;gap:.25rem;display:flex}.pagination-number{background:var(--background);min-width:2.5rem;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.pagination-number:hover{border-color:var(--accent);color:var(--accent)}.pagination-number.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-ellipsis{color:var(--foreground-secondary);padding:.625rem}[data-theme=dark] .blog-empty-state,[data-theme=dark] .active-filters,[data-theme=dark] .pagination-button,[data-theme=dark] .pagination-number{background:var(--gray-100)}.post-detail-page{background:var(--background);min-height:100vh}.post-hero{padding:3rem 2rem 2rem}.post-hero-content{max-width:var(--content-width);text-align:center;margin:0 auto}.post-meta-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.post-hero-title{color:var(--foreground);letter-spacing:-.03em;margin:0 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.2}@media (min-width:768px){.post-hero-title{font-size:3rem}}.post-hero-meta{color:var(--foreground-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.9375rem;display:flex}.post-hero-meta-item{align-items:center;gap:.5rem;display:flex}.post-hero-meta-divider{color:var(--gray-400)}.post-hero-image{border-radius:var(--radius-lg);aspect-ratio:16/9;margin:2rem 0 0;overflow:hidden}.post-hero-image img{object-fit:cover;width:100%;height:100%}.post-content-container{padding:3rem 2rem}.post-content-grid{grid-template-columns:1fr;align-items:start;gap:3rem;display:grid}@media (min-width:1024px){.post-content-grid{grid-template-columns:1fr 280px}}.post-content{max-width:var(--content-width);color:var(--foreground);margin:0 auto;font-size:1.0625rem;line-height:1.75}.post-content>*+*{margin-top:1.5rem}.post-content h2{color:var(--foreground);letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:1.3}.post-content h3{color:var(--foreground);letter-spacing:-.02em;margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.4}.post-content h4{color:var(--foreground);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.5}.post-content p{margin:1.5rem 0}.post-content a{color:var(--accent);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .2s}.post-content a:hover{opacity:.7}.post-content strong{color:var(--foreground);font-weight:600}.post-content em{font-style:italic}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:1.5rem}.post-content li{margin:.5rem 0}.post-content blockquote{border-left:4px solid var(--accent);color:var(--foreground-secondary);margin:2rem 0;padding-left:1.5rem;font-style:italic}.post-content code{font-family:var(--font-mono);background:var(--gray-100);border-radius:var(--radius-sm);color:var(--accent-dark);padding:.125rem .375rem;font-size:.9em}.post-content pre{background:var(--gray-100);border-radius:var(--radius);margin:2rem 0;padding:1.5rem;overflow-x:auto}.post-content pre code{color:var(--foreground);background:0 0;padding:0;font-size:.875rem}.post-content hr{background:var(--border);border:none;height:1px;margin:3rem 0}.post-content img{border-radius:var(--radius);max-width:100%;height:auto;margin:2rem 0}.post-sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:80px}@media (max-width:1023px){.post-sidebar{max-width:var(--content-width);margin:2rem auto 0;position:static}}.post-footer{max-width:var(--content-width);border-top:1px solid var(--border);margin:3rem auto 0;padding-top:3rem}.post-footer-section{margin-bottom:3rem}.post-footer-section:last-child{margin-bottom:0}.related-posts-section{border-top:1px solid var(--border);margin-top:4rem;padding-top:3rem}.related-posts-title{color:var(--foreground);text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.related-posts-grid{grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}@media (min-width:640px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.related-posts-grid{grid-template-columns:repeat(3,1fr)}}[data-theme=dark] .post-content code,[data-theme=dark] .post-content pre{background:var(--gray-200)}.blog-post-wrapper{min-height:100vh;padding:2rem 2.5rem 4rem}@media (max-width:768px){.blog-post-wrapper{padding:1.5rem 1.25rem 3rem}}.blog-post-grid{align-items:start;gap:3rem;max-width:1400px;margin:0 auto;display:grid}.blog-post-grid.has-toc{grid-template-columns:1fr 280px}.blog-post-grid.no-toc{grid-template-columns:1fr}@media (max-width:1024px){.blog-post-grid.has-toc{grid-template-columns:1fr}.blog-post-grid .blog-post-sidebar{display:none}}.blog-post-article{background:0 0}.blog-post-back{padding:0 0 1.5rem}@media (max-width:768px){.blog-post-back{padding:0 0 1rem}}.blog-post-hero-image{aspect-ratio:21/9;background:var(--gray-100);width:100%;max-height:450px;position:relative;overflow:hidden}.blog-post-body{max-width:800px;margin:0 auto;padding:2rem 0}@media (max-width:768px){.blog-post-body{padding:1.25rem 0}}.blog-post-title{color:var(--foreground);letter-spacing:-.02em;margin-top:0;margin-bottom:1.5rem;font-size:2.75rem;font-weight:700;line-height:1.2}@media (max-width:768px){.blog-post-title{margin-bottom:1rem;font-size:1.75rem}}.blog-post-meta-row{border-bottom:1px solid var(--border);color:var(--foreground-secondary);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;font-size:.95rem;display:flex}@media (max-width:768px){.blog-post-meta-row{gap:.75rem;margin-bottom:1.25rem;padding-bottom:1.25rem;font-size:.85rem}}.blog-post-section{border-top:1px solid var(--border);padding:2rem 0}@media (max-width:768px){.blog-post-section{padding:1.25rem 0}}.blog-post-section-inner{max-width:800px;margin:0 auto}.blog-post-footer{border-top:1px solid var(--border);background:0 0;align-items:center;min-height:40px;margin-top:1rem;padding-top:1rem;display:flex}
.search-bar-container{width:100%;max-width:600px;position:relative}.search-input-wrapper{position:relative}.search-input{background:#fff;border:1px solid #e4e4e7;border-radius:12px;outline:none;width:100%;padding:.75rem 3rem .75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#0070f3;box-shadow:0 0 0 3px #0070f31a}.search-icon-container{pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-loading-spinner{border:2px solid #e4e4e7;border-top-color:#0070f3;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-keyboard-hint{color:#a1a1aa;pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:3rem;transform:translateY(-50%)}.search-keyboard-hint kbd{background:#f4f4f5;border:1px solid #e4e4e7;border-radius:4px;padding:.125rem .375rem;font-family:monospace}.search-results-dropdown{z-index:50;background:#fff;border:1px solid #e4e4e7;border-radius:12px;max-height:400px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.search-results-header{color:#71717a;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e4e4e7;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.search-result-item{color:inherit;border-bottom:1px solid #f4f4f5;padding:1rem;text-decoration:none;transition:background .2s;display:block}.search-result-item:hover{background:#fafafa}.search-result-content-wrapper{align-items:flex-start;gap:1rem;display:flex}.search-result-thumbnail{background:#f4f4f5;border-radius:8px;flex-shrink:0;width:80px;height:60px;overflow:hidden}.search-result-thumbnail img{object-fit:cover;width:100%;height:100%}.search-result-content{flex:1;min-width:0}.search-result-category-wrapper{margin-bottom:.25rem}.search-result-category-badge{color:#fff;border-radius:9999px;padding:.125rem .5rem;font-size:.625rem;font-weight:600;display:inline-block}.search-result-title{color:#18181b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;line-height:1.4;overflow:hidden}.search-result-excerpt{color:#71717a;text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:.8rem;line-height:1.4;overflow:hidden}.search-result-meta{color:#a1a1aa;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.7rem;display:flex}.search-no-results{text-align:center;z-index:50;background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:2rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;box-shadow:0 10px 40px #0000001a}.search-no-results p{color:#71717a;margin:0}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.92592eb2.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__beEhaW__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__beEhaW__variable{--font-geist-sans:"GeistSans","GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.2f937313.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__twCrWG__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__twCrWG__variable{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}