@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800&display=swap");:root{--bg-deep:#000000;--bg-surface:#0a0a0a;--bg-card:#080808;--border:#1f1f1f;--border-focus:#ff9800;--accent:#ff9800;--accent-light:#ffa726;--accent-soft:rgba(255,152,0,0.08);--text:#ffffff;--text-muted:#a1a1aa;--text-dim:#71717a;--font-sans: "Inter",-apple-system,BlinkMacSystemFont, "Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--spacing-xxl:80px;--max-width:1200px;--header-height:70px;--radius:4px;--radius-lg:6px;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height)+20px);}body{background-color:var(--bg-deep);color:var(--text);font-family:var(--font-sans);font-size:15px;font-weight:300;line-height:1.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}a{color:inherit;text-decoration:none;transition:color 0.15s ease,border-color 0.15s ease;}a:hover{color:var(--accent-light);}strong{color:var(--text);font-weight:600;}.shell{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);}.skip-link{position:absolute;top:-100px;left:var(--spacing-lg);background:var(--accent);color:#000;padding:10px 20px;z-index:10000;border-radius:var(--radius);font-weight:600;transition:top 0.2s ease;}.skip-link:focus{top:var(--spacing-lg);}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;}.site-header{position:sticky;top:0;z-index:1000;background:rgba(0,0,0,0.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}.header-inner{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);}.logo{font-weight:800;font-size:1.2rem;letter-spacing:0.1em;color:var(--text);}.nav{display:flex;gap:var(--spacing-lg);align-items:center;margin-right:auto;margin-left:var(--spacing-xl);}.nav a{font-size:0.875rem;color:var(--text-muted);font-weight:500;}.nav a:hover,.nav a.active{color:var(--text);}.nav-git-link{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color 0.15s ease;height:32px;width:32px;}.nav-git-link:hover{color:var(--text);}.nav-toggle{display:none;}.nav-toggle-label{display:none;cursor:pointer;padding:8px;color:var(--text-muted);}@media(max-width:768px){body{font-weight:400;}.nav-toggle-label{display:flex;align-items:center;justify-content:center;}.nav{position:absolute;top:var(--header-height);left:0;width:100%;height:0;flex-direction:column;background:var(--bg-surface);overflow:hidden;transition:height 0.25s ease;gap:0;border-bottom:0 solid var(--border);}.nav a{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border);font-size:0.95rem;}.nav-git-link{margin-left:auto;margin-right:var(--spacing-md);}.nav-toggle:checked~.nav{height:calc(100vh - var(--header-height));border-bottom-width:1px;overflow-y:auto;}.nav-toggle:checked~.nav-toggle-label.menu-icon{display:none;}.nav-toggle:checked~.nav-toggle-label.close-icon{display:block;}.close-icon{display:none;}}.hero{padding:var(--spacing-xxl)0;border-bottom:1px solid var(--border);background:transparent;}.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--spacing-xl);align-items:center;}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;}.eyebrow{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--accent-light);font-weight:700;margin-bottom:var(--spacing-md);}.hero h1{font-size:clamp(2.5rem,5.5vw,3.75rem);font-weight:800;letter-spacing:-0.04em;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--text);}.lede{font-size:1.05rem;color:var(--text-muted);line-height:1.6;margin-bottom:var(--spacing-lg);max-width:540px;}.btn-group{display:flex;gap:var(--spacing-md);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:0.9rem;font-weight:600;border-radius:var(--radius);transition:all 0.15s ease;cursor:pointer;text-decoration:none;}.btn-primary{background:var(--text);color:var(--bg-deep)!important;border:1px solid var(--text);}.btn-primary:hover{background:var(--text-muted);border-color:var(--text-muted);color:var(--bg-deep)!important;}.btn-outline{background:transparent;color:var(--text)!important;border:1px solid var(--border);}.btn-outline:hover{border-color:var(--text);background:rgba(255,255,255,0.05);color:var(--text)!important;}.compile-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:0.65rem;padding:2px 8px;border-radius:var(--radius);cursor:pointer;font-family:var(--font-sans);transition:all 0.15s ease;}.compile-btn:hover{color:var(--text);border-color:var(--text-muted);}.hero-visual{width:100%;}.shot-frame{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);box-shadow:none;max-width:100%;width:100%;}.shot-frame img,.shot-frame video{width:100%;height:auto;display:block;}@media(max-width:992px){.hero{padding:var(--spacing-xl)0;}.hero-grid{grid-template-columns:1fr;gap:var(--spacing-lg);}.hero-copy{align-items:center;text-align:center;}.lede{margin-left:auto;margin-right:auto;}.hero-visual{max-width:600px;margin:0 auto;}}.section-block{padding:var(--spacing-xxl)0;border-bottom:1px solid var(--border);}.section-header{margin-bottom:var(--spacing-xl);max-width:720px;}.section-title{font-size:2rem;font-weight:700;letter-spacing:-0.03em;margin-bottom:var(--spacing-sm);color:var(--text);}.section-subtitle{font-size:1rem;color:var(--text-muted);line-height:1.6;}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--spacing-lg);}.overview-card{padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;}.overview-card h3{font-size:1.15rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text);}.overview-card p{color:var(--text-muted);font-size:0.9rem;line-height:1.5;flex-grow:1;}.overview-card a{color:var(--accent-light);text-decoration:underline;}.creator-credit{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:0.8rem;color:var(--text-dim);}.quickstart-container{margin-top:var(--spacing-xl);border-top:1px solid var(--border);padding-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);}.quickstart-container h3{font-size:1.2rem;font-weight:700;color:var(--text);}.features{display:flex;flex-direction:column;padding-bottom:var(--spacing-xl);}.features-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-xl);align-items:start;}.features-sidebar{position:sticky;top:calc(var(--header-height)+20px);align-self:start;height:auto;max-height:calc(100vh - var(--header-height)- 40px);overflow-y:auto;padding-right:var(--spacing-sm);}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-sm);border-left:1px solid var(--border);padding-left:var(--spacing-md);}.sidebar-link{font-size:0.85rem;color:var(--text-muted);display:block;padding:2px 0;}.sidebar-link.active,.sidebar-link:hover{color:var(--accent-light);}.features-content{display:flex;flex-direction:column;min-width:0;}@media(max-width:1024px){.features-layout{grid-template-columns:1fr;}.features-sidebar{display:none;}}.feature-band{padding:var(--spacing-xl)0;border-top:1px solid var(--border);}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;}.feature-band--flip.feature-row{direction:rtl;}.feature-band--flip.feature-row>*{direction:ltr;}.feature-text{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;}.feature-text h3{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-0.02em;}.feature-text p{color:var(--text-muted);font-size:0.95rem;line-height:1.6;}.feature-shot{width:100%;min-width:0;}@media(max-width:900px){.feature-band{padding:var(--spacing-lg)0;}.feature-row{grid-template-columns:1fr;gap:var(--spacing-md);}.feature-band--flip.feature-row{direction:ltr;}}.code-window{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);font-size:0.8rem;text-align:left;max-width:100%;width:100%;}.code-window-bar{background:var(--bg-surface);padding:8px var(--spacing-md);font-size:0.7rem;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}.code-block{padding:var(--spacing-md);overflow-x:auto;line-height:1.5;margin:0;}.tk-c{color:#52525b;font-style:italic;}.tk-k{color:var(--accent-light);font-weight:500;}.tk-t{color:var(--text-muted);}.tk-v{color:var(--text);}.tk-f{color:var(--accent);}.tk-s{color:var(--text-muted);}.tk-n{color:var(--text-dim);}.github-repo-card{display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;transition:border-color 0.15s ease;max-width:100%;width:100%;min-width:0;}.github-repo-card:hover{border-color:var(--accent-light);}.github-repo-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);}.github-repo-card__top svg{color:var(--text-muted);}.github-repo-card__pill{font-size:0.7rem;font-weight:600;text-transform:uppercase;color:var(--accent-light);background:var(--accent-soft);padding:2px 8px;border-radius:20px;}.github-repo-card__slug{font-size:1.05rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text);}.github-repo-card__owner{color:var(--text-muted);font-weight:400;}.github-repo-card__slash{color:var(--text-dim);}.github-repo-card__desc{font-size:0.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:var(--spacing-lg);flex-grow:1;}.github-repo-card__footer{font-size:0.75rem;color:var(--text-dim);display:flex;align-items:center;gap:var(--spacing-md);border-top:1px solid var(--border);padding-top:var(--spacing-sm);}.github-repo-card__lang{display:flex;align-items:center;gap:6px;}.github-repo-card__lang-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--spacing-xl)0;}.footer-grid{display:flex;justify-content:space-between;align-items:center;}.footer-brand{font-weight:800;font-size:1rem;letter-spacing:0.05em;margin-bottom:var(--spacing-xs);color:var(--text);}.footer-note{font-size:0.8rem;color:var(--text-dim);}.footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;}.footer-links a{font-size:0.85rem;color:var(--text-muted);}.footer-links a:hover{color:var(--text);}@media(max-width:640px){.footer-grid{flex-direction:column;gap:var(--spacing-lg);text-align:center;}.footer-links{justify-content:center;gap:var(--spacing-md);}}video::-webkit-media-controls{border-radius:var(--radius);}.team-header{padding:var(--spacing-xxl)0 var(--spacing-xl);text-align:center;border-bottom:1px solid var(--border);}.team-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-0.04em;color:var(--text);margin-bottom:var(--spacing-sm);}.team-header p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6;}.page-header{padding:var(--spacing-xl)0 var(--spacing-lg);border-bottom:1px solid var(--border);}.page-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-0.03em;color:var(--text);margin-bottom:var(--spacing-md);}.team-section{padding:var(--spacing-xl)0;}.team-section-title{font-size:1.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);}.team-section-title::after{content: "";flex-grow:1;height:1px;background:var(--border);}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);}.team-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:border-color 0.2s ease,transform 0.2s ease;}.team-card:hover{border-color:var(--accent);transform:translateY(-2px);}.team-card-header{display:flex;align-items:center;gap:var(--spacing-md);}.team-card-avatar{width:64px;height:64px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);object-fit:cover;}.team-card-meta{display:flex;flex-direction:column;}.team-card-name{font-size:1.15rem;font-weight:700;color:var(--text);}.team-card-role{font-size:0.8rem;color:var(--accent-light);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-top:2px;}.team-card-bio{color:var(--text-muted);font-size:0.9rem;line-height:1.5;flex-grow:1;}.team-card-socials{display:flex;gap:var(--spacing-md);border-top:1px solid var(--border);padding-top:var(--spacing-md);margin-top:auto;}.team-card-link{font-size:0.8rem;font-weight:600;color:var(--text-dim);display:inline-flex;align-items:center;gap:4px;}.team-card-link:hover{color:var(--text);}.contributors-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);}.contributor-link{display:inline-flex;padding:6px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);font-size:0.85rem;color:var(--text-muted);transition:all 0.15s ease;}.contributor-link:hover{border-color:var(--accent);color:var(--text);background:var(--bg-card);}.skeleton{animation:skeleton-loading 1.5s infinite linear;background:linear-gradient(90deg,var(--bg-surface)25%,var(--border)50%,var(--bg-surface)75%);background-size:200%100%;}@keyframes skeleton-loading{0%{background-position:200%0;}100%{background-position:-200%0;}}.skeleton-tag{width:90px;height:32px;border:1px solid var(--border);border-radius:var(--radius);}.error-message{width:100%;text-align:center;color:var(--text-dim);font-size:0.9rem;padding:var(--spacing-lg);border:1px dashed var(--border);border-radius:var(--radius);}.blog-section{padding:var(--spacing-xl)0 var(--spacing-xxl);}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--spacing-lg);}.blog-card{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color 0.2s ease,transform 0.2s ease;}.blog-card:hover{border-color:var(--accent);transform:translateY(-2px);}.blog-card__header{display:flex;flex-direction:column;gap:var(--spacing-sm);}.blog-card__date{font-size:0.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.08em;}.blog-card__title{font-size:1.3rem;font-weight:700;letter-spacing:-0.02em;line-height:1.25;}.blog-card__title a{color:var(--text);}.blog-card__title a:hover{color:var(--accent-light);}.blog-card__desc{color:var(--text-muted);font-size:0.9rem;line-height:1.5;flex-grow:1;}.blog-card__footer{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);border-top:1px solid var(--border);padding-top:var(--spacing-md);margin-top:auto;}.tag{display:inline-flex;align-items:center;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--accent-light);background:var(--accent-soft);border:1px solid transparent;padding:2px 10px;border-radius:20px;}.post{max-width:760px;margin:0 auto;padding:var(--spacing-xl)var(--spacing-lg)var(--spacing-xxl);}.post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);}.post-back{display:inline-block;font-size:0.85rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--spacing-lg);}.post-back:hover{color:var(--accent-light);}.post-header h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;letter-spacing:-0.03em;line-height:1.15;color:var(--text);margin-bottom:var(--spacing-md);}.post-lede{font-size:1.05rem;color:var(--text-muted);line-height:1.6;margin-bottom:var(--spacing-md);}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);}.post-content{color:var(--text-muted);font-size:1rem;line-height:1.7;}.post-content>*+*{margin-top:var(--spacing-md);}.post-content h2{font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:-0.02em;margin-top:var(--spacing-xl);}.post-content h3{font-size:1.15rem;font-weight:700;color:var(--text);margin-top:var(--spacing-lg);}.post-content a{color:var(--accent-light);text-decoration:underline;}.post-content strong{color:var(--text);}.post-content ul,.post-content ol{padding-left:var(--spacing-lg);}.post-content li{margin-top:var(--spacing-xs);}.post-content code{font-family:var(--font-mono);font-size:0.85em;color:var(--accent-light);background:var(--bg-surface);border:1px solid var(--border);border-radius:3px;padding:1px 5px;}.post-content pre{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md);overflow-x:auto;line-height:1.5;}.post-content pre code{background:transparent;border:none;padding:0;color:var(--text);font-size:0.85em;}.post-content blockquote{border-left:3px solid var(--accent);padding-left:var(--spacing-md);color:var(--text-muted);font-style:italic;}.post-content img{max-width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);}@media(max-width:768px){.post{padding:var(--spacing-lg)var(--spacing-md)var(--spacing-xxl);}}.tag-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);}.tag-strip__label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-dim);margin-right:var(--spacing-xs);}.tag-strip__all{margin-left:auto;font-size:0.8rem;font-weight:600;color:var(--text-muted);}.tag-strip__all:hover{color:var(--accent-light);}.tag--link{text-decoration:none;border:1px solid transparent;transition:border-color 0.15s ease,color 0.15s ease;}.tag--link:hover{border-color:var(--accent);}.post-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);}.post-meta{font-size:0.8rem;color:var(--text-dim);}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-md);}.tag-cloud__item{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-sm)var(--spacing-md);transition:border-color 0.15s ease,transform 0.15s ease;}.tag-cloud__item:hover{border-color:var(--accent);transform:translateY(-2px);}.tag-cloud__name{font-size:0.9rem;font-weight:600;color:var(--text);}.tag-cloud__count{font-size:0.7rem;font-weight:700;color:var(--accent-light);background:var(--accent-soft);border-radius:20px;padding:1px 8px;}.post-recos{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border);}.post-recos__title{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-dim);margin-bottom:var(--spacing-md);}.post-recos__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--spacing-md);}.post-reco{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color 0.15s ease;}.post-reco:hover{border-color:var(--accent);}.post-reco__meta{font-size:0.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.06em;}.post-reco__title{font-size:0.95rem;font-weight:600;color:var(--text);}.post-nav{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border);}.post-nav__item{display:inline-flex;flex-direction:column;gap:2px;padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:45%;transition:border-color 0.15s ease;}.post-nav__item--end{margin-left:auto;text-align:right;}.post-nav__item:hover{border-color:var(--accent);}.post-nav__dir{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent-light);}.post-nav__title{font-size:0.9rem;font-weight:600;color:var(--text);}.blog-card--plain{color:var(--text);text-decoration:none;}.blog-card--plain:hover{color:var(--text);}.section-cta{display:flex;justify-content:center;margin-top:var(--spacing-xl);}