@view-transition{navigation: auto;
}::view-transition-old(root){animation:fade-out .2s ease-in both}::view-transition-new(root){animation:fade-in .2s ease-out both}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--accent:#f97316;--accent-light:#fb923c;--accent-dark:#ea580c;--border:#262626;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", monospace}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.logo-accent{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.btn{display:inline-block;padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-outline{background:0 0;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 4rem;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(249,115,22,8%) 0%,transparent 70%),var(--bg-primary)}.hero-logo{max-width:320px;width:100%;height:auto;margin-bottom:1.5rem}.hero-tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-secondary);max-width:540px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.about{padding:6rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em}.section-title::after{content:"";display:block;width:48px;height:3px;background:var(--accent);margin-top:.5rem;border-radius:2px}.about-content{max-width:640px;color:var(--text-secondary);font-size:1.05rem;line-height:1.75}.page-content{padding:7rem 1.5rem 4rem;min-height:100vh}.prose{max-width:768px;margin:0 auto;font-size:1rem;line-height:1.75;color:var(--text-secondary)}.prose h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:.5rem;letter-spacing:-.02em}.prose h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}.prose p{margin-bottom:1rem}.prose ul,.prose ol{margin:1rem 0;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose li strong{color:var(--text-primary)}.prose a{color:var(--text-primary);font-weight:500;text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--accent)}.prose strong{color:var(--text-primary);font-weight:600}.prose hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.prose thead{border-bottom:4px solid var(--border)}.prose th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-primary)}.prose td{padding:.875rem 1rem;border-bottom:1px solid var(--border);vertical-align:top}.prose tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:rgba(255,255,255,2%)}.site-footer{padding:2rem 1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:.85rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.x-filter-hero{padding:7rem 1.5rem 4rem;min-height:auto}.x-filter-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;color:#fff}.x-filter-why{padding:5rem 1.5rem;background:var(--bg-primary)}.x-filter-why .why-content{max-width:640px;color:var(--text-secondary);font-size:1.05rem;line-height:1.75}.x-filter-why .why-content p{margin-bottom:1rem}.x-filter-features{padding:5rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-group-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:2.5rem;margin-bottom:.25rem;letter-spacing:-.02em}.feature-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.x-filter-how{padding:5rem 1.5rem;background:var(--bg-primary)}.x-filter-how .how-content{max-width:768px;color:var(--text-secondary);font-size:1rem;line-height:1.75}.x-filter-how .how-content p{margin-bottom:1rem}.x-filter-how .how-content ul{margin:1rem 0;padding-left:1.5rem}.x-filter-how .how-content li{margin-bottom:.5rem}.x-filter-how .how-content li strong{color:var(--text-primary)}.x-filter-changelog{padding:5rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.changelog-list{max-width:768px;margin-top:2rem}.changelog-entry{display:flex;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--border)}.changelog-entry:last-child{border-bottom:none}.changelog-version{flex-shrink:0;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent-light);min-width:80px;padding-top:.1rem}.changelog-entry ul{list-style:none;padding:0;margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.changelog-entry li{margin-bottom:.35rem}.changelog-entry li:last-child{margin-bottom:0}.changelog-entry li::before{content:"–";margin-right:.5rem;color:var(--border)}.changelog-view-all{display:inline-block;margin-top:2rem;color:var(--accent-light);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.changelog-view-all:hover{color:var(--accent)}.x-filter-screenshots{padding:5rem 1.5rem;background:var(--bg-primary);border-top:1px solid var(--border)}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.screenshot-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}.screenshot-item:hover{border-color:var(--accent);transform:translateY(-2px)}.screenshot-item img{width:100%;height:auto;display:block;cursor:pointer}.screenshot-caption{padding:1rem 1.25rem;color:var(--text-secondary);font-size:.95rem;text-align:center}.lightbox-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);justify-content:center;align-items:center;cursor:zoom-out}.lightbox-overlay.active{display:flex}.lightbox-image{max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:8px;box-shadow:0 0 40px rgba(0,0,0,.5);cursor:default}.lightbox-close{position:absolute;top:1rem;right:1.5rem;background:0 0;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}@media(max-width:600px){.nav-links{gap:1rem}.hero{padding:5rem 1rem 3rem}.feature-grid{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}.changelog-entry{flex-direction:column;gap:.25rem}}