:root{--brand-color: #0966FF;--secondary-brand-color: #7C3AED;--brand-color-rgb: 9, 102, 255;--secondary-brand-color-rgb: 124, 58, 237;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-dark: #1a1a1a;--border-color: #e5e7eb;--border-light: rgba(0, 0, 0, 0.1);--shadow-sm: 0 2px 8px rgba(9, 102, 255, 0.1);--shadow-md: 0 4px 12px rgba(9, 102, 255, 0.15);--shadow-lg: 0 10px 30px rgba(9, 102, 255, 0.2);--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--gh-font-heading: var(--font-sans);--gh-font-body: var(--font-sans);--container-width: 1200px}@media(prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #9ca3af;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--border-color: #2d2d2d}}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--secondary-brand-color)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}@media(max-width: 768px){.container{padding:0 var(--spacing-sm)}}.site-header{position:sticky;top:0;left:0;right:0;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}@media(prefers-color-scheme: dark){.site-header{background:rgba(15, 15, 15, 0.95)}}.site-nav{display:flex;align-items:center;justify-content:space-between;height:70px}.site-nav-left{display:flex;align-items:center}.site-logo img{height:40px;width:auto}.site-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.site-nav-center{display:flex;gap:var(--spacing-md)}@media(max-width: 768px){.site-nav-center{display:none}}.site-nav-center a{color:var(--text-primary);font-weight:500;position:relative}.site-nav-center a::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--brand-color);transition:width .3s ease}.site-nav-center a:hover::after{width:100%}.site-nav-right{display:flex;gap:var(--spacing-sm);align-items:center}.nav-login{color:var(--text-primary);font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .3s ease}.nav-login:hover{background:var(--bg-secondary);color:var(--brand-color)}.nav-signup{background:var(--brand-color);color:var(--text-white);padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;box-shadow:var(--shadow-sm);transition:all .3s ease}.nav-signup:hover{background:var(--secondary-brand-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.site-main{min-height:100vh}.post-feed{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width: 768px){.post-feed{grid-template-columns:1fr;gap:var(--spacing-md)}}.post-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.post-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-color)}.post-card-image-link{display:block;overflow:hidden}.post-card-image{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-card-image{transform:scale(1.05)}.post-card-content{padding:var(--spacing-md)}.post-card-tags{margin-bottom:var(--spacing-xs)}.post-card-tag{display:inline-block;padding:.25rem .75rem;background:rgba(var(--brand-color-rgb), 0.1);color:var(--brand-color);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.post-card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary);line-height:1.3}.post-card-excerpt{margin-bottom:var(--spacing-sm)}.post-card-excerpt p{color:var(--text-secondary);line-height:1.6}.post-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.post-card-meta-date::after{content:"•";margin-left:var(--spacing-sm)}.post-header{padding:var(--spacing-lg) 0 0;text-align:center}.post-feature-image{margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);overflow:hidden}.post-feature-image img{width:100%;height:auto;max-height:500px;object-fit:cover}.post-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary);line-height:1.2}@media(max-width: 768px){.post-title{font-size:2rem}}.post-meta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.95rem}.post-date::after{content:"•";margin-left:var(--spacing-sm)}.post-content{padding:var(--spacing-lg) 0}.post-content>.container{max-width:800px}.post-content h2,.post-content h3,.post-content h4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:700}.post-content h2{font-size:2rem}.post-content h3{font-size:1.5rem}.post-content h4{font-size:1.25rem}.post-content p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--text-primary)}.post-content a{color:var(--brand-color);text-decoration:underline}.post-content a:hover{color:var(--secondary-brand-color)}.post-content img{margin:var(--spacing-lg) 0;border-radius:var(--radius-md)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.post-content li{margin-bottom:var(--spacing-xs);line-height:1.8}.post-content blockquote{margin:var(--spacing-lg) 0;padding-left:var(--spacing-md);border-left:4px solid var(--brand-color);font-style:italic;color:var(--text-secondary)}.post-content code{background:var(--bg-secondary);padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:"Monaco","Courier New",monospace;font-size:.9em}.post-content pre{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.post-content pre code{background:none;padding:0}.post-footer{padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.post-tags .tag{display:inline-block;padding:.5rem 1rem;background:rgba(var(--brand-color-rgb), 0.1);color:var(--brand-color);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:all .3s ease}.post-tags .tag:hover{background:var(--brand-color);color:var(--text-white)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination a,.pagination .page-number{padding:.75rem 1.25rem;border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;transition:all .3s ease}.pagination a:hover{background:var(--brand-color);color:var(--text-white);border-color:var(--brand-color)}.pagination .page-number{background:var(--brand-color);color:var(--text-white);border-color:var(--brand-color)}.site-footer{padding:var(--spacing-xl) 0 var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-primary)}.footer-content{display:grid;grid-template-columns:2fr repeat(3, 1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(max-width: 1024px){.footer-content{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}}.footer-section h4{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.footer-section p{color:var(--text-secondary);line-height:1.6;max-width:300px}@media(max-width: 768px){.footer-section p{max-width:none}}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:var(--text-secondary);transition:color .3s ease}.footer-section ul li a:hover{color:var(--brand-color)}.footer-logo{height:40px;width:auto;margin-bottom:var(--spacing-sm)}.footer-bottom{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.footer-bottom p{color:var(--text-secondary);margin:0}.text-center{text-align:center}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}@media(max-width: 768px){.site-main{padding:var(--spacing-lg) 0}.post-header{padding:var(--spacing-lg) 0 var(--spacing-md)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease}.copy-code-btn{position:absolute;top:.5rem;right:.5rem;padding:.5rem 1rem;background:var(--brand-color);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;opacity:0;transition:all .3s ease}pre:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:var(--secondary-brand-color)}.site-header.scroll-down{transform:translateY(-100%)}.site-header.scroll-up{transform:translateY(0);box-shadow:var(--shadow-md)}.author-header,.tag-header{padding:6rem 0 4rem;text-align:center;background:var(--bg-secondary)}.author-profile-image{width:120px;height:120px;border-radius:50%;margin:0 auto 1.5rem;object-fit:cover;border:4px solid var(--brand-color)}.author-name,.tag-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.author-bio,.tag-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 1rem}.author-website{color:var(--brand-color);font-weight:500}.page-header{padding:6rem 0 4rem;text-align:center}.page-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.page-excerpt{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.page-content{padding:4rem 0}.page-content>.container{max-width:800px}.site-header-cover{width:100%;height:400px;overflow:hidden;margin-bottom:4rem}.site-header-cover img{width:100%;height:100%;object-fit:cover}.kg-width-wide{position:relative;width:85vw;min-width:100%;margin:auto calc(50% - 50vw);transform:translateX(calc(50vw - 50%))}.kg-width-full{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.kg-card{margin:2rem 0}.kg-card figcaption{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:1rem;padding:0 1rem}.kg-gallery-container{display:flex;flex-direction:column;max-width:100%}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75rem 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75rem}.kg-bookmark-card{width:100%}.kg-bookmark-container{display:flex;text-decoration:none;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.kg-bookmark-container:hover{border-color:var(--brand-color);box-shadow:var(--shadow-md)}.kg-bookmark-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1.5rem}.kg-bookmark-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.kg-bookmark-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5;max-height:3em;overflow:hidden}.kg-bookmark-metadata{display:flex;align-items:center;font-size:.75rem;color:var(--text-secondary)}.kg-bookmark-icon{width:1rem;height:1rem;margin-right:.5rem}.kg-bookmark-author{margin-right:.5rem}.kg-bookmark-publisher{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media(max-width: 768px){.kg-width-wide{width:100vw;min-width:100%;margin:2rem calc(50% - 50vw);transform:translateX(calc(50vw - 50%))}.kg-bookmark-container{flex-direction:column}.kg-bookmark-thumbnail{min-width:100%;max-height:200px}}