:root{--color-primary: #10B981;--color-primary-hover: #34D399;--color-primary-dim: rgba(16, 185, 129, 0.12);--color-bg: #0F1117;--color-bg-raised: #161921;--color-bg-subtle: #1C1F2B;--color-bg-code: #1E1E2E;--color-text: #E8E6E3;--color-text-secondary: #A8A29E;--color-text-muted: #78716C;--color-border: rgba(255, 255, 255, 0.08);--color-border-light: rgba(255, 255, 255, 0.04);--color-code-text: #CDD6F4;--color-nav-bg: rgba(15, 17, 23, 0.85);--color-status-live: #10B981;--color-status-building: #F59E0B;--color-status-improving: #3B82F6;--color-status-planned: #78716C}:root[data-theme="light"]{--color-primary: #059669;--color-primary-hover: #047857;--color-primary-dim: rgba(5, 150, 105, 0.08);--color-bg: #FAFAF9;--color-bg-raised: #FFFFFF;--color-bg-subtle: #F5F5F4;--color-bg-code: #F4F5F7;--color-text: #1C1917;--color-text-secondary: #57534E;--color-text-muted: #A8A29E;--color-border: #E7E5E4;--color-border-light: #F5F5F4;--color-code-text: #1C1917;--color-nav-bg: rgba(250, 250, 249, 0.85);--color-status-live: #059669;--color-status-building: #D97706;--color-status-improving: #2563EB;--color-status-planned: #A8A29E}:root{--font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-body: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem}:root{--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem}:root{--content-width: 680px;--page-width: 1080px;--radius: 6px;--radius-lg: 10px;--transition: 0.2s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}strong{font-weight:600}em{font-style:italic}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:var(--space-2)}li ul,li ol{margin-top:var(--space-2);margin-bottom:0}blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-bg-subtle);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--color-text-secondary)}blockquote p:last-child{margin-bottom:0}code{font-family:var(--font-mono);font-size:0.875em;background:var(--color-bg-code);color:var(--color-code-text);padding:0.15em 0.4em;border-radius:4px}pre{background:var(--color-bg-code);color:var(--color-code-text);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-6) 0;line-height:1.5}pre code{background:none;padding:0;font-size:var(--text-sm)}table{width:100%;border-collapse:collapse;margin:var(--space-6) 0}th,td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left}th{font-weight:600;background:var(--color-bg-subtle)}img{max-width:100%;display:block;border-radius:var(--radius)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.container{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6)}.content-container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-16)}.footer-inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}@media (max-width: 640px){.footer-inner{flex-direction:column;text-align:center}}.footer-brand{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--space-6);list-style:none;padding:0;margin:0;flex-wrap:wrap}@media (max-width: 640px){.footer-links{justify-content:center}}.footer-links a{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-links a:hover{color:var(--color-primary)}.footer-pages{width:100%;justify-content:center}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-muted)}::selection{background:var(--color-primary-dim);color:var(--color-text)}.site-nav{position:sticky;top:0;z-index:100;background:var(--color-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-inner{max-width:var(--page-width);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--color-text);letter-spacing:-0.02em;z-index:101}.nav-brand:hover{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none;padding:0;margin:0}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-hamburger{display:none;background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--color-text);z-index:101}.nav-hamburger svg{width:24px;height:24px}.nav-hamburger .close-icon{display:none}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:color var(--transition),border-color var(--transition)}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-text-muted)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}:root[data-theme="light"] .theme-toggle .icon-sun{display:block}:root[data-theme="light"] .theme-toggle .icon-moon{display:none}@media (max-width: 640px){.nav-inner{padding:var(--space-3) var(--space-4)}.nav-hamburger{display:flex;align-items:center;justify-content:center}.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);z-index:100}.nav-links .nav-link{font-size:var(--text-2xl);font-weight:600}.site-nav.nav-open .nav-links{display:flex}.site-nav.nav-open .nav-hamburger .hamburger-icon{display:none}.site-nav.nav-open .nav-hamburger .close-icon{display:block}}.badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:0.15em 0.6em;border-radius:4px;display:inline-flex;align-items:center;gap:0.35em}.badge-live{color:var(--color-status-live);background:rgba(16,185,129,0.12)}.badge-building{color:var(--color-status-building);background:rgba(245,158,11,0.12)}.badge-improving{color:var(--color-status-improving);background:rgba(59,130,246,0.12)}.badge-planned{color:var(--color-status-planned);background:rgba(120,113,108,0.12)}.badge-building::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-status-building);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%, 100%{opacity:1}50%{opacity:0.3}}.tag-pill{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:0.2em 0.6em;border-radius:4px;display:inline-block;transition:color var(--transition),border-color var(--transition)}.tag-pill:hover{color:var(--color-primary);border-color:var(--color-primary)}.btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-primary);margin-bottom:var(--space-4)}.mono{font-family:var(--font-mono)}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--color-primary);z-index:200;transition:width 0.1s linear}.post{max-width:var(--content-width);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16)}.post-header{margin-bottom:var(--space-10)}.post-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.post-meta-separator{color:var(--color-border)}.post-title{font-size:var(--text-4xl);font-weight:800;line-height:1.15;letter-spacing:-0.03em;margin-bottom:var(--space-4)}@media (max-width: 640px){.post-title{font-size:var(--text-3xl)}}.post-categories{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-category{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary-dim);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:0.05em}.post-content{font-size:var(--text-lg);line-height:1.75;color:var(--color-text)}.post-content h2{margin-top:var(--space-12);margin-bottom:var(--space-4);font-size:var(--text-2xl)}.post-content h3{margin-top:var(--space-8);margin-bottom:var(--space-3);font-size:var(--text-xl)}.post-content h4{margin-top:var(--space-6);margin-bottom:var(--space-3)}.post-content p{margin-bottom:var(--space-6)}.post-content img{margin:var(--space-8) 0}.post-content a{text-decoration:underline;text-underline-offset:2px}.post-content a:hover{color:var(--color-primary)}.post-content ul,.post-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.post-content ul{list-style:disc}.post-content ol{list-style:decimal}.post-content li{margin-bottom:var(--space-2);line-height:1.75}.post-content li>ul,.post-content li>ol{margin-top:var(--space-2);margin-bottom:0}.author-bio{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex;gap:var(--space-4);align-items:center}.author-bio .author-info .author-name{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}.author-bio .author-info .author-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.post-nav{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 640px){.post-nav{grid-template-columns:1fr}}.post-nav-item.post-nav-next{text-align:right}@media (max-width: 640px){.post-nav-item.post-nav-next{text-align:left}}.post-nav-item .post-nav-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600}.post-nav-item a{font-weight:600;font-size:var(--text-base);color:var(--color-primary)}.post-nav-item a:hover{text-decoration:underline}.home-hero{max-width:var(--page-width);margin:0 auto;padding:var(--space-24) var(--space-6) var(--space-16)}@media (max-width: 640px){.home-hero{padding-top:var(--space-16);padding-bottom:var(--space-12)}}.home-hero-row{display:grid;grid-template-columns:1fr 380px;gap:var(--space-10);align-items:start}@media (max-width: 900px){.home-hero-row{grid-template-columns:1fr;gap:var(--space-8)}}.home-hero-content{max-width:var(--content-width)}.home-hero-chat .section-label{margin-bottom:var(--space-3)}@media (max-width: 900px){.home-hero-chat{max-width:480px}}.home-hero-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-4)}.home-hero-title{font-size:var(--text-5xl);font-weight:800;letter-spacing:-0.04em;line-height:1.1;margin-bottom:var(--space-4)}@media (max-width: 640px){.home-hero-title{font-size:var(--text-4xl)}}.home-hero-tagline{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.6;max-width:520px;margin-bottom:var(--space-6)}.home-stats{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0.05em}@media (max-width: 480px){.home-stats{flex-wrap:wrap;justify-content:center}}.home-stat{color:var(--color-primary);font-weight:600}.home-stat-sep{color:var(--color-text-muted)}.home-building{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6) var(--space-16)}.home-building-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:var(--space-4)}a.building-card{text-decoration:none;color:inherit}.building-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:border-color var(--transition),transform var(--transition);cursor:pointer}.building-card:hover{border-color:var(--color-text-muted);transform:translateY(-2px)}.building-card--placeholder{border-style:dashed;opacity:0.45;cursor:default}.building-card--placeholder:hover{border-color:var(--color-border);transform:none}.building-card-icon--placeholder{background:var(--color-bg-subtle);border-radius:var(--radius)}.building-card-name--placeholder{color:var(--color-text-muted)}.building-card-icon{width:40px;height:40px;border-radius:var(--radius);flex-shrink:0}.building-card-icon img{width:100%;height:100%;border-radius:var(--radius)}.building-card-info{min-width:0}.building-card-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.building-card-tagline{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-featured{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6) var(--space-16)}a.featured-card{text-decoration:none;color:inherit}.featured-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-6);transition:border-color var(--transition),transform var(--transition)}.featured-card:hover{border-color:#8B5CF6;transform:translateY(-2px)}@media (max-width: 640px){.featured-card{flex-direction:column;align-items:center;text-align:center}}.featured-card-icon{width:72px;height:72px;border-radius:16px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.2)}.featured-card-icon img{width:100%;height:100%;display:block;object-fit:cover}.featured-card-content{min-width:0;flex:1}.featured-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}@media (max-width: 640px){.featured-card-header{justify-content:center}}.featured-card-name{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.featured-card-oss{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);padding:2px 8px}.featured-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.featured-card-links{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs)}@media (max-width: 640px){.featured-card-links{justify-content:center}}.featured-card-link{color:var(--color-primary);font-weight:600}.featured-card-link-sep{color:var(--color-text-muted)}.home-two-col{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6) var(--space-16)}.home-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start}@media (max-width: 768px){.home-two-col-grid{grid-template-columns:1fr;gap:var(--space-8)}}.home-guides-compact{display:flex;flex-direction:column;gap:var(--space-4)}.home-see-all{display:inline-block;margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);font-weight:600}.home-see-all:hover{color:var(--color-primary-hover)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-primary);margin-bottom:var(--space-6)}.blog-card{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border-light)}.blog-card:last-child{border-bottom:none}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.blog-card-title{font-size:var(--text-xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-2)}.blog-card-title a{color:var(--color-text)}.blog-card-title a:hover{color:var(--color-primary)}.blog-card-excerpt{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.blog-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.blog-index{padding:var(--space-16) var(--space-6) var(--space-8)}.blog-index-inner{max-width:var(--content-width);margin:0 auto}.blog-index-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-0.03em;margin-bottom:var(--space-3)}.blog-index-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary)}.home-rss{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6) var(--space-16);text-align:center}.home-rss a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.home-rss a:hover{color:var(--color-primary)}code{font-family:var(--font-mono);font-size:0.875em;background:var(--color-bg-code);color:var(--color-code-text);border-radius:4px;padding:0.15em 0.4em}pre{margin:var(--space-6) 0;padding:var(--space-5);background:var(--color-bg-code);border-radius:var(--radius-lg);overflow-x:auto;line-height:1.6;-webkit-overflow-scrolling:touch}pre code{background:none;padding:0;font-size:var(--text-sm);color:var(--color-code-text)}.highlight{background:var(--color-bg-code);border-radius:var(--radius-lg);margin:var(--space-6) 0}.highlight pre{margin:0}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs,.highlight .cp{color:#6c7086;font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#cba6f7}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .sx{color:#a6e3a1}.highlight .m,.highlight .mi,.highlight .mf,.highlight .mh,.highlight .mo,.highlight .il{color:#fab387}.highlight .o,.highlight .ow{color:#89dceb}.highlight .nf,.highlight .nx{color:#89b4fa}.highlight .nc,.highlight .nn,.highlight .no{color:#f9e2af}.highlight .nv,.highlight .vi,.highlight .vg,.highlight .vc{color:#f38ba8}.highlight .nt{color:#cba6f7}.highlight .na{color:#89b4fa}.highlight .p{color:var(--color-code-text)}.highlight .err{color:#f38ba8}.highlight .gd{color:#f38ba8}.highlight .gi{color:#a6e3a1}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .lineno{color:#6c7086;padding-right:var(--space-4);user-select:none}:root[data-theme="light"] .highlight .c,:root[data-theme="light"] .highlight .c1,:root[data-theme="light"] .highlight .cm,:root[data-theme="light"] .highlight .cs,:root[data-theme="light"] .highlight .cp{color:#8c8fa1}:root[data-theme="light"] .highlight .k,:root[data-theme="light"] .highlight .kc,:root[data-theme="light"] .highlight .kd,:root[data-theme="light"] .highlight .kn,:root[data-theme="light"] .highlight .kp,:root[data-theme="light"] .highlight .kr,:root[data-theme="light"] .highlight .kt{color:#8839ef}:root[data-theme="light"] .highlight .s,:root[data-theme="light"] .highlight .s1,:root[data-theme="light"] .highlight .s2,:root[data-theme="light"] .highlight .sb,:root[data-theme="light"] .highlight .sc,:root[data-theme="light"] .highlight .sd,:root[data-theme="light"] .highlight .se,:root[data-theme="light"] .highlight .sh,:root[data-theme="light"] .highlight .sx{color:#40a02b}:root[data-theme="light"] .highlight .m,:root[data-theme="light"] .highlight .mi,:root[data-theme="light"] .highlight .mf,:root[data-theme="light"] .highlight .mh,:root[data-theme="light"] .highlight .mo,:root[data-theme="light"] .highlight .il{color:#fe640b}:root[data-theme="light"] .highlight .o,:root[data-theme="light"] .highlight .ow{color:#04a5e5}:root[data-theme="light"] .highlight .nf,:root[data-theme="light"] .highlight .nx{color:#1e66f5}:root[data-theme="light"] .highlight .nc,:root[data-theme="light"] .highlight .nn,:root[data-theme="light"] .highlight .no{color:#df8e1d}:root[data-theme="light"] .highlight .nv,:root[data-theme="light"] .highlight .vi,:root[data-theme="light"] .highlight .vg,:root[data-theme="light"] .highlight .vc{color:#e64553}:root[data-theme="light"] .highlight .nt{color:#8839ef}:root[data-theme="light"] .highlight .na{color:#1e66f5}:root[data-theme="light"] .highlight .p{color:var(--color-code-text)}:root[data-theme="light"] .highlight .err{color:#e64553}:root[data-theme="light"] .highlight .gd{color:#e64553}:root[data-theme="light"] .highlight .gi{color:#40a02b}:root[data-theme="light"] .highlight .lineno{color:#8c8fa1}.lab-hero{padding:var(--space-16) var(--space-6) var(--space-12)}.lab-hero-inner{max-width:var(--page-width);margin:0 auto}.lab-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-0.03em;margin-bottom:var(--space-3)}@media (max-width: 640px){.lab-title{font-size:var(--text-3xl)}}.lab-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.lab-stats{display:flex;gap:var(--space-8)}.lab-stat{display:flex;flex-direction:column}.lab-stat-number{font-size:var(--text-3xl);font-weight:800;color:var(--color-text);line-height:1}.lab-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:0.1em}.lab-section{padding:var(--space-8) var(--space-6)}.lab-section-inner{max-width:var(--page-width);margin:0 auto}.app-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--space-4)}@media (max-width: 640px){.app-grid{grid-template-columns:1fr}}a.app-card{display:block;text-decoration:none;color:inherit}.app-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition),transform var(--transition);cursor:pointer}.app-card:hover{border-color:var(--app-accent, var(--color-text-muted));transform:translateY(-2px)}.app-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.app-card-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}.app-card-title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.app-card-name{font-size:var(--text-lg);font-weight:700;margin:0}.app-card-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.app-card-link{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--app-accent, var(--color-primary))}.app-card-link:hover{text-decoration:underline}.design-intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:640px;line-height:1.6}.design-section{padding:var(--space-12) 0;border-bottom:1px solid var(--color-border)}.design-section:first-of-type{padding-top:var(--space-20)}.design-section:last-of-type{border-bottom:none}.design-section h2{margin-top:var(--space-8);margin-bottom:var(--space-4)}.design-section h2:first-of-type{margin-top:var(--space-6)}.design-section-inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.swatch{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}.swatch:hover{border-color:var(--color-text-muted)}.swatch-preview{height:72px;width:100%}.swatch-preview--border{background:transparent;border:4px solid;height:72px;border-radius:0}.swatch-info{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.swatch-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.swatch-var{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);background:none;padding:0}.swatch-values{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.type-sample{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.type-sample>*:last-child,.type-sample>*:last-child>*:last-child{margin-bottom:0}.type-sample pre{margin-bottom:0}.type-sample-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.type-sample-row:first-child{padding-top:0}.type-sample-row:last-child{border-bottom:none;padding-bottom:0}.type-sample-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted)}.type-sample-face{font-size:var(--text-base);color:var(--color-text);line-height:1.5;word-break:break-word}.type-sample-heading{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.type-sample-heading:last-child{border-bottom:none;padding-bottom:0}.type-sample-heading h1,.type-sample-heading h2,.type-sample-heading h3,.type-sample-heading h4{margin:0}.spacing-scale{display:flex;flex-direction:column;gap:var(--space-3)}.spacing-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--space-4)}@media (max-width: 640px){.spacing-row{grid-template-columns:100px 1fr;gap:var(--space-2)}}.spacing-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);background:none;padding:0;white-space:nowrap}.spacing-bar{height:24px;min-width:4px;background:var(--color-primary);border-radius:3px;opacity:0.85}.spacing-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}@media (max-width: 640px){.spacing-value{display:none}}.component-demo{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.component-demo blockquote{width:100%;margin:0}.component-demo p{margin-bottom:0}.app-landing{max-width:600px;width:100%;margin:0 auto;text-align:center;padding:80px 24px 60px;background-color:var(--app-bg);color:var(--app-text);min-height:80vh;-webkit-font-smoothing:antialiased}.app-landing-icon{width:160px;height:160px;border-radius:36px;margin:0 auto 32px;box-shadow:0 8px 32px rgba(0,0,0,0.3);overflow:hidden}.app-landing-icon img{width:100%;height:100%;display:block;object-fit:cover}.app-landing-name{font-size:42px;font-weight:700;letter-spacing:-0.5px;color:var(--app-text);margin-bottom:12px}.app-landing-tagline{font-size:18px;color:var(--app-text-secondary);margin-bottom:48px;line-height:1.5}.app-landing-features{list-style:none;text-align:left;margin-bottom:48px;padding:0}.app-landing-feature{font-size:16px;color:var(--app-text);padding:14px 0;border-bottom:1px solid var(--app-border);display:flex;align-items:center;gap:14px}.app-landing-feature:last-child{border-bottom:none}.app-landing-feature-icon{width:36px;height:36px;border-radius:10px;background:var(--app-accent-dim);color:var(--app-accent);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.app-landing .app-store-btn{display:inline-flex;align-items:center;gap:10px;background:var(--app-text);color:var(--app-bg);text-decoration:none;padding:14px 28px;border-radius:14px;font-size:16px;font-weight:600;transition:opacity 0.2s;margin-bottom:48px}.app-landing .app-store-btn:hover{opacity:0.85}.app-landing .app-store-btn svg{width:24px;height:24px}.app-landing-footer{width:100%;max-width:600px;padding:24px 0 0;text-align:center;border-top:1px solid var(--app-border)}.app-landing-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.app-landing-footer-links a{color:var(--app-text-secondary);text-decoration:none;font-size:14px}.app-landing-footer-links a:hover{color:var(--app-accent)}.app-landing-footer-copy{font-size:13px;color:var(--app-text-secondary);opacity:0.6}body:has(.app-landing){background-color:var(--app-bg)}body:has(.app-landing)>nav,body:has(.app-landing)>footer:not(.app-landing-footer){display:none}@media (max-width: 480px){.app-landing{padding:48px 24px 40px}.app-landing-name{font-size:32px}.app-landing-tagline{font-size:16px;margin-bottom:36px}.app-landing-icon{width:120px;height:120px;border-radius:28px;margin-bottom:24px}}.project-landing{max-width:720px;width:100%;margin:0 auto;padding:80px 24px 60px;background-color:var(--project-bg);color:var(--project-text);min-height:80vh;-webkit-font-smoothing:antialiased}.project-landing-header{text-align:center;margin-bottom:56px}.project-landing-icon{width:120px;height:120px;border-radius:28px;margin:0 auto 24px;box-shadow:0 8px 32px rgba(0,0,0,0.3);overflow:hidden}.project-landing-icon img{width:100%;height:100%;display:block;object-fit:cover}.project-landing-badges{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.project-badge-oss{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;background:rgba(255,255,255,0.08);color:var(--project-text-secondary);border:1px solid rgba(255,255,255,0.12)}.project-landing-name{font-size:42px;font-weight:700;letter-spacing:-0.5px;color:var(--project-text);margin-bottom:12px}.project-landing-tagline{font-size:18px;color:var(--project-text-secondary);line-height:1.6;max-width:560px;margin:0 auto 32px}.project-landing-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.project-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity 0.2s}.project-btn:hover{opacity:0.85}.project-btn--primary{background:var(--project-text);color:var(--project-bg)}.project-btn--primary svg{width:18px;height:18px}.project-btn--secondary{background:var(--project-accent-dim);color:var(--project-accent);border:1px solid rgba(139,92,246,0.2)}.project-landing-about,.project-landing-section{margin-bottom:48px}.project-landing-about h2,.project-landing-section h2{font-size:22px;font-weight:700;color:var(--project-text);margin-bottom:16px;letter-spacing:-0.3px}.project-landing-about>p,.project-landing-section>p{font-size:16px;color:var(--project-text-secondary);line-height:1.7}.project-landing-about{border-top:1px solid var(--project-border);padding-top:48px}.project-landing-features{list-style:none;padding:0;display:grid;gap:16px}.project-landing-feature{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:14px;background:rgba(255,255,255,0.03);border:1px solid var(--project-border)}.project-landing-feature strong{display:block;font-size:15px;color:var(--project-text);margin-bottom:4px}.project-landing-feature p{font-size:14px;color:var(--project-text-secondary);line-height:1.5;margin:0}.project-landing-feature-icon{width:40px;height:40px;border-radius:10px;background:var(--project-accent-dim);color:var(--project-accent);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.project-landing-footer{padding-top:32px;border-top:1px solid var(--project-border);text-align:center}.project-landing-footer p{font-size:13px;color:var(--project-text-secondary);opacity:0.6}body:has(.project-landing){background-color:var(--project-bg)}body:has(.project-landing)>nav,body:has(.project-landing)>footer:not(.project-landing-footer){display:none}@media (max-width: 480px){.project-landing{padding:48px 20px 40px}.project-landing-name{font-size:30px}.project-landing-tagline{font-size:16px}.project-landing-icon{width:96px;height:96px;border-radius:22px}.project-landing-ctas{flex-direction:column;align-items:center}}.tags-page{max-width:var(--content-width);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16)}.tags-page-header{margin-bottom:var(--space-10)}.tags-page-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-0.03em;line-height:1.15}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-16)}.tag-cloud-item{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-decoration:none;transition:color var(--transition),border-color var(--transition),background var(--transition)}.tag-cloud-item:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-dim)}.tag-cloud-count{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-raised);padding:0.1em 0.45em;border-radius:3px;min-width:1.4em;text-align:center}.tags-all-posts{border-top:1px solid var(--color-border);padding-top:var(--space-8)}.tags-section{margin-bottom:var(--space-10)}.tags-section-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4)}.tags-section-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.tag-posts{list-style:none;padding:0;margin:0}.tag-post-item{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.tag-post-item:last-child{border-bottom:none}.tag-post-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;min-width:6em}.tag-post-link{font-size:var(--text-base);color:var(--color-text);text-decoration:none;transition:color var(--transition)}.tag-post-link:hover{color:var(--color-primary)}.tag-page{max-width:var(--content-width);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16)}.tag-page-header{margin-bottom:var(--space-8)}.tag-page-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-0.02em;line-height:1.2}.tag-back-link{display:inline-block;margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.tag-back-link:hover{color:var(--color-primary)}.changelog-hero{padding:var(--space-16) var(--space-6) var(--space-12)}.changelog-hero-inner{max-width:var(--page-width);margin:0 auto}.changelog-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-0.03em;margin-bottom:var(--space-3)}@media (max-width: 640px){.changelog-title{font-size:var(--text-3xl)}}.changelog-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary)}.changelog-entries{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6) var(--space-16)}.changelog-entry{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-light)}.changelog-entry:last-child{border-bottom:none}.changelog-date{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.changelog-entry-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-1) 0;line-height:1.4}.changelog-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.guides-index{padding:var(--space-16) var(--space-6) var(--space-8)}.guides-index-inner{max-width:var(--content-width);margin:0 auto}.guides-index-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-0.03em;margin-bottom:var(--space-3)}.guides-index-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6}.guides-grid-section{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6) var(--space-16)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:var(--space-6)}.guide-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--transition),transform var(--transition);text-decoration:none;color:inherit}.guide-card:hover{border-color:var(--guide-accent, var(--color-primary));transform:translateY(-2px);color:inherit}.guide-card-header{display:flex;align-items:center;justify-content:space-between}.guide-card-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.guide-card-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.02em;color:var(--color-text)}.guide-card-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.guide-card-progress{height:3px;background:var(--color-bg-subtle);border-radius:2px;overflow:hidden;margin-top:auto}.guide-card-progress-bar{height:100%;background:var(--guide-accent, var(--color-primary));border-radius:2px;transition:width 0.3s ease}.guide-hero{padding:var(--space-16) var(--space-6) var(--space-10)}.guide-hero-inner{max-width:var(--content-width);margin:0 auto}.guide-back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);display:inline-block;margin-bottom:var(--space-6)}.guide-back:hover{color:var(--color-primary)}.guide-hero-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.guide-hero-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-0.03em;margin-bottom:var(--space-4)}.guide-hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;max-width:560px}.guide-layout{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-6) var(--space-16);display:grid;grid-template-columns:220px 1fr;gap:var(--space-10);align-items:start}.guide-sidebar{position:sticky;top:calc(60px + var(--space-6));max-height:calc(100vh - 60px - var(--space-12));overflow-y:auto}.guide-toc-nav{padding-right:var(--space-4)}.guide-toc-heading{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.guide-toc-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.guide-toc-link{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-left:2px solid transparent;display:block;line-height:1.5;transition:color var(--transition),border-color var(--transition)}.guide-toc-link:hover{color:var(--color-text)}.guide-toc-link.active{color:var(--guide-accent, var(--color-primary));border-left-color:var(--guide-accent, var(--color-primary))}.guide-toc-link--child{font-size:var(--text-xs);padding-left:var(--space-6)}.guide-toc-children{list-style:none;padding:0;margin:0}.guide-article{max-width:var(--content-width);min-width:0}.guide-article h2{font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-12);margin-bottom:var(--space-4);padding-top:var(--space-4);scroll-margin-top:calc(60px + var(--space-6))}.guide-article h2:first-child{margin-top:0}.guide-article h3{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3);scroll-margin-top:calc(60px + var(--space-6))}.guide-article p{color:var(--color-text-secondary);line-height:1.8}.guide-article>hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-10) 0}.guide-article ul,.guide-article ol{color:var(--color-text-secondary);line-height:1.8}.guide-article strong{color:var(--color-text)}.guide-article table{font-size:var(--text-sm)}.guide-article pre{font-size:var(--text-sm)}@media (max-width: 900px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-sidebar{position:relative;top:auto;max-height:none;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6);margin-bottom:var(--space-8)}.guide-toc-links{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.guide-toc-children{display:none}.guide-toc-link{border-left:none;padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius);font-size:var(--text-xs)}.guide-toc-link.active{background:var(--color-bg-raised);border-left:none}}@media (max-width: 640px){.guide-hero{padding-top:var(--space-12)}.guide-hero-title,.guides-index-title{font-size:var(--text-3xl)}.guides-grid{grid-template-columns:1fr}}.chat-box{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.chat-messages{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;min-height:120px;overflow-y:auto}.chat-msg{font-size:var(--text-sm);line-height:1.6;padding:var(--space-2) var(--space-3);border-radius:var(--radius);max-width:85%;word-wrap:break-word}.chat-msg--ai{background:var(--color-bg-subtle);color:var(--color-text-secondary);align-self:flex-start}.chat-msg--user{background:var(--color-primary);color:#fff;align-self:flex-end}.chat-msg--loading{opacity:0.6;font-style:italic}.chat-msg--error{color:#f87171}.chat-msg--notice{font-size:11px;font-style:italic;color:var(--color-text-muted);opacity:0.7}.chat-input-form{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);align-items:flex-end}.chat-input-wrap{flex:1;position:relative}.chat-input{width:100%;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);padding-right:var(--space-10);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);outline:none}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{border-color:var(--color-primary)}.chat-input:disabled{opacity:0.5}.chat-char-count{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);pointer-events:none}.chat-char-count--warn{color:#f87171}.chat-send{background:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition)}.chat-send:hover{background:var(--color-primary-hover)}.chat-send:disabled{opacity:0.5;cursor:not-allowed}.chat-send svg{width:16px;height:16px}