html{--primary-color:#1e40af;--text-color:#1f2937;--text-muted:#4b5563;--border-color:#e5e7eb;--background:#fff;--background-alt:#f9fafb;--btn-text-color:#fff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;scroll-behavior:smooth!important}body{color:var(--text-color);background:var(--background);text-rendering:optimizespeed;font-family:system-fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6;padding-top:120px!important}h1{color:var(--text-color);min-height:2.4rem;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-muted);min-height:1.8rem;margin-bottom:1rem;font-size:1.125rem;line-height:1.6}.header{border-bottom:1px solid var(--border-color);background:var(--background);contain:layout style;padding:1rem 0;z-index:1000!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;will-change:transform!important;background:#fffffff2!important;border-bottom:1px solid #e5e7ebcc!important;transition:all .3s!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:translateZ(0)!important}.site-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;background:var(--background)!important;z-index:1000!important;will-change:transform!important;transition:all .3s,background-color .3s,border-color .3s!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:translateZ(0)!important}.header.scrolled,.site-header.scrolled{box-shadow:0 4px 20px #0000001a!important}[data-theme=light] .header.scrolled,[data-theme=light] .site-header.scrolled{background:#fffffffa!important}[data-theme=dark] .header,[data-theme=dark] .site-header,[data-theme=dark] .header.scrolled,[data-theme=dark] .site-header.scrolled{background:#111827fa!important}.header-content{align-items:center;gap:.75rem;max-width:1200px;height:88px;margin:0 auto;padding:0 1.5rem;display:flex}.logo-link{text-decoration:none;display:inline-block}.logo{width:58px;height:58px;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;object-fit:contain;display:block}.site-title{color:var(--text-color);font-size:1.5rem;font-weight:700;line-height:1.2;text-decoration:none}.main-nav{align-items:center;gap:.4rem;margin-left:.5rem;display:flex}.nav-link{background:var(--background-alt);border:1px solid var(--border-color);color:var(--text-color);white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.nav-text{display:inline}.nav-icon{display:none}.nav-link:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.site-tagline{color:var(--text-muted);margin-left:auto;font-size:.875rem;line-height:1.2;white-space:nowrap!important}#theme-toggle,#theme-toggle-mobile{cursor:pointer;min-width:50px;padding:.75rem}#theme-toggle:hover,#theme-toggle-mobile:hover{background:var(--primary-color);color:var(--btn-text-color);border-color:var(--primary-color)}#theme-icon,#theme-icon-mobile{font-size:1.1rem;line-height:1}.nav-link.active{background:var(--primary-color);color:var(--btn-text-color);border-color:var(--primary-color);font-weight:600}.nav-link[href=\/],.nav-link[href=\/][title=Home]{min-width:79px}.nav-link[href="/articles/"],.nav-link[href="/articles/"][title=Articles]{min-width:88px}.nav-link[href*="search.adamic.tech"],.nav-link[title=AI\ Search]{min-width:100px}.nav-link[href="/faq.html"],.nav-link[href="/faq.html"][title=FAQ]{min-width:67px}.nav-link[href="/contact.html"],.nav-link[href="/contact.html"][title=Contact]{min-width:90px}.nav-link svg,.mobile-nav-links svg{vertical-align:middle;padding:4px 0;display:inline-block}body.page-home .nav-link[href=\/],body.page-home .nav-link[title=Home]{background:var(--primary-color);color:var(--btn-text-color);border-color:var(--primary-color);font-weight:600}body.articles-page .nav-link[href="/articles/"],body.articles-page .nav-link[title=Articles],body.faq-page .nav-link[href="/faq.html"],body.faq-page .nav-link[href="../faq.html"],body.faq-page .nav-link[title=FAQ],body.contact-page .nav-link[href="/contact.html"],body.contact-page .nav-link[href="../contact.html"],body.contact-page .nav-link[title=Contact]{background:var(--primary-color);color:var(--btn-text-color);font-weight:600}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;margin-left:.5rem;padding:.5rem;display:none}.hamburger span{background:var(--text-color);border-radius:2px;width:24px;height:2px;margin:3px 0;transition:all .3s}.hamburger.active span:first-child{transform:rotate(-45deg)translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg)translate(-5px,-6px)}.mobile-nav-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.mobile-nav{background:var(--background);border-left:1px solid var(--border-color);z-index:1000;text-align:left;width:280px;height:100vh;padding:2rem 1rem;transition:right .3s;display:block;position:fixed;top:0;right:-300px;box-shadow:-4px 0 20px #0000001a}.mobile-nav.active{right:0}.mobile-nav-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.mobile-nav-close{cursor:pointer;color:var(--text-color);background:0 0;border:none;padding:.5rem;font-size:1.5rem}.mobile-nav-links{text-align:left;flex-direction:column;gap:.5rem;display:flex}.mobile-nav-links .nav-link{background:var(--background-alt);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-links .nav-link:hover,.mobile-nav-links .nav-link.active{background:var(--primary-color);color:var(--btn-text-color);border-color:var(--primary-color)}.mobile-nav-links .nav-link .nav-text,.mobile-nav-links .nav-link .nav-icon{display:inline}.main{contain:layout style;max-width:1200px;min-height:800px;margin:0 auto;padding:2rem;font-size:1rem;font-weight:400}.container{max-width:1200px;margin:0 auto}.back-to-top{background:var(--primary-color);width:50px;height:50px;color:var(--btn-text-color);cursor:pointer;opacity:1;visibility:visible;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex;position:fixed;top:min(50%,100vh - 422px);left:10%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.back-to-top:hover{background:var(--text-color);transform:translateY(-50%)translate(2px);box-shadow:0 6px 16px #0003}.back-to-top:active{transform:translateY(-50%)translate(0)}.back-to-top:focus{outline:2px solid var(--primary-color);outline-offset:2px}.social-share{background:var(--background-alt);border:1px solid var(--border-color);contain:layout style;border-radius:8px;align-items:center;gap:.5rem;margin:1.5rem 0;padding:1rem;display:flex}.social-share-label{color:var(--text-muted);margin-right:.5rem;font-size:.875rem;font-weight:500}.social-btn{border:1px solid var(--border-color);background:var(--background);border-radius:6px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;text-decoration:none;transition:all .2s;display:inline-flex}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px -2px #0000001a}.social-btn.twitter{color:#1da1f2}.social-btn.twitter:hover{color:#fff;background:#1da1f2;border-color:#1da1f2}.social-btn.linkedin{color:#0077b5}.social-btn.linkedin:hover{color:#fff;background:#0077b5;border-color:#0077b5}.social-btn.reddit{color:#ff4500}.social-btn.reddit:hover{color:#fff;background:#ff4500;border-color:#ff4500}.social-btn.discord{color:#5865f2}.social-btn.discord:hover{color:#fff;background:#5865f2;border-color:#5865f2}.social-btn.copy{color:var(--text-muted)}.social-btn.copy:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.social-btn.copied{color:#fff;background:#10b981;border-color:#10b981}.share-success{color:#10b981;opacity:0;margin-left:.5rem;font-size:.75rem;transition:opacity .3s}.share-success.show{opacity:1}.footer{background:var(--background-alt);border-top:1px solid var(--border-color);contain:layout style paint;margin-top:3rem;padding:2rem 0 1rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.footer-section h2{color:var(--text-color);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-color);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-section a:hover{color:var(--primary-color);text-decoration:underline}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;justify-content:center;align-items:center;max-width:1200px;margin:1.5rem auto 0;padding:1.5rem 2rem 0;display:flex}.footer-bottom p{color:var(--text-muted);margin:0;font-size:.875rem}.footer-bottom a{color:var(--text-color);font-weight:500;text-decoration:none}.footer-bottom a:hover{color:var(--primary-color);text-decoration:underline}html[data-theme=light]{--primary-color:#1e40af;--text-color:#1f2937;--text-muted:#4b5563;--border-color:#e5e7eb;--background:#fff;--background-alt:#f9fafb;--btn-text-color:#fff}[data-theme=light] body{background:var(--background);color:var(--text-color)}[data-theme=light] .header{background:var(--background);border-bottom-color:var(--border-color)}[data-theme=light] .header.header{background:#fffffff2!important;border-bottom-color:#e5e7ebcc!important}[data-theme=light] .header.header.scrolled{background:#fffffffa!important}[data-theme=light] .site-header{border-bottom-color:var(--border-color);background:var(--background)!important}html[data-theme=dark]{--primary-color:#60a5fa;--text-color:#f9fafb;--text-muted:#d1d5db;--border-color:#374151;--background:#111827;--background-alt:#1f2937;--btn-text-color:#111827}[data-theme=dark] body{background:var(--background);color:var(--text-color)}[data-theme=dark] .header{background:var(--background);border-bottom-color:var(--border-color)}[data-theme=dark] .site-header{border-bottom-color:var(--border-color);background:var(--background)!important}[data-theme=dark] .site-header.scrolled{background:#111827fa!important}[data-theme=dark] .social-btn{background:var(--background-alt);border-color:var(--border-color)}[data-theme=dark] .social-btn.reddit{color:#ff7b54;border-color:#ff7b54}[data-theme=dark] .social-btn.discord{color:#7289da;border-color:#7289da}[data-theme=dark] .social-btn.copied{background:#4caf50;border-color:#4caf50}[data-theme=dark] .share-success{color:#4caf50}@media (prefers-color-scheme:dark){:root{--primary-color:#60a5fa;--text-color:#f9fafb;--text-muted:#d1d5db;--border-color:#374151;--background:#111827;--background-alt:#1f2937;--btn-text-color:#111827}body{background:var(--background);color:var(--text-color)}.header{background:var(--background);border-bottom-color:var(--border-color)}.header.header{background:#111827f2!important;border-bottom-color:#374151cc!important}.header.header.scrolled{background:#111827fa!important;box-shadow:0 4px 20px #0000004d!important}.social-btn{background:var(--background-alt);border-color:var(--border-color)}.social-btn.reddit{color:#ff7b54;border-color:#ff7b54}.social-btn.discord{color:#7289da;border-color:#7289da}}@media (width<=768px){body{padding-top:100px!important}h1{margin-top:20px!important}[data-theme=dark] .header.scrolled,[data-theme=dark] .site-header.scrolled{background:#111827fa!important}.header-content{flex-wrap:nowrap;align-items:center;padding:0 1rem}.hamburger{order:3;display:flex}.main-nav,.main-nav .nav-text{display:none}.nav-icon{display:inline}.nav-link{padding:.5rem .75rem;font-size:.75rem}#theme-toggle .nav-text{display:none}.main{min-height:900px;padding:1rem}.site-tagline{display:none}.social-share{flex-wrap:wrap;gap:.75rem}.social-share-label{width:100%;margin-bottom:.25rem;margin-right:0}.footer{padding:1.5rem 0 1rem}.footer-content{text-align:center;grid-template-columns:1fr;gap:1rem;padding:0 1rem}.footer-bottom{flex-direction:column;gap:.5rem;padding:1rem 1rem 0}.footer-section h2{font-size:1rem}.footer-section a{font-size:.875rem}.footer-section ul{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.footer-section li{margin-bottom:.5rem;display:inline-block}.back-to-top{display:none!important}}@media (width>=769px){.main{min-height:800px}.header-content{height:88px}}.quick-install{background:var(--background-alt);border:1px solid var(--border-color);border-radius:6px;margin:1.5rem 0;padding:1rem}.quick-install pre{margin:0;overflow-x:auto}.quick-install code{color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}[data-theme=dark] .quick-install code{color:#93c5fd}.visual-asset-placeholder{background:var(--background-alt);border:2px dashed var(--border-color);text-align:center;color:var(--text-muted);border-radius:8px;margin:1.5rem 0;padding:3rem 1rem;font-weight:500}.visual-asset{text-align:center;margin:1.5rem 0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.feature-grid li{background:var(--background);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.feature-grid li strong{color:var(--primary-color);margin-bottom:.5rem;display:block}