.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg: oklch(14% .02 258);--surface: oklch(18% .03 258);--surface-high: oklch(22% .04 258);--on-surface: oklch(92% .02 258);--on-surface-variant: oklch(75% .04 258);--primary: oklch(85% .01 258);--secondary: oklch(70% .12 245);--on-secondary: oklch(25% .08 245);--tertiary: oklch(75% .08 160);--tertiary-variant: oklch(95% .08 160);--outline: oklch(45% .05 258);--border: oklch(25% .04 258);--status-error: oklch(62.67% .16 23.4);--status-error-bg: oklch(28.45% .08 23.4);--black: oklch(.1822 0 0);--font-headline: var(--font-public-sans), sans-serif;--font-body: var(--font-inter), sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--header-height: 64px;--nav-height: 64px;--sidebar-width: 200px;--top-button-width: 32px}*{margin:0;padding:0;box-sizing:border-box}::view-transition-old(root),::view-transition-new(root){animation-timing-function:cubic-bezier(.4,0,.2,1)}html{display:flex;scroll-behavior:smooth;scroll-padding-top:64px;scrollbar-gutter:stable}body{position:relative;background-color:var(--bg);color:var(--on-surface-variant);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-headline);color:var(--on-surface);line-height:1.1}.icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}header.top-bar{position:fixed;top:0;width:100%;height:var(--header-height);background:#050911cc;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);z-index:100}.logo-group{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-group h1{font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}main{padding:calc(var(--header-height) + var(--spacing-lg)) var(--spacing-md) calc(var(--nav-height) + var(--spacing-lg));max-width:1200px;margin:0 auto;align-self:start;display:flex;flex-direction:column;min-height:100vh}main a:not(.btn){color:var(--tertiary);transition:color .2s ease;&:hover{color:var(--tertiary-variant)}}aside.sidebar{display:none;width:var(--sidebar-width)}nav.bottom-nav{position:fixed;bottom:0;width:100%;min-height:var(--nav-height);height:auto;background:#050911f2;backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:100}.nav-item{padding:8px 0;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--on-surface-variant);font-size:.65rem;text-transform:uppercase;font-weight:600;gap:2px;flex:0 1 25%;max-width:25%;min-width:64px;text-align:center}.nav-item.active{color:var(--secondary)}.nav-section-title{padding:var(--spacing-md)}.toc-link{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-muted);text-decoration:none;padding:.4rem}.toc-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--border-subtle)}.hero,.error404{margin-bottom:var(--spacing-xl)}.hero h2,.error404 h2{font-size:clamp(3rem,10vw,5rem);font-weight:900;letter-spacing:-.04em;margin-bottom:var(--spacing-sm)}.hero h2 span{color:var(--secondary)}.hero p,error404 p{font-size:1.1rem;max-width:60ch}section{background:var(--surface);border-radius:8px;padding:var(--spacing-lg);position:relative;overflow:hidden}.section-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}section h3{font-size:1.75rem;margin-bottom:var(--spacing-sm)}section p,.hero p,.error404 p{margin-bottom:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--secondary);color:var(--on-secondary);padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:700;font-size:.9rem;margin-top:var(--spacing-md)}.status-box{background:#000;padding:var(--spacing-sm);border-left:3px solid var(--status-error-bg);margin-top:var(--spacing-md)}.status-box p{font-family:monospace;font-size:.75rem;color:var(--status-error)}.table-container{overflow-x:auto;margin:0 calc(-1 * var(--spacing-lg))}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--surface-high);color:var(--primary);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-lg)}td{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border);font-size:.9rem}.tag{font-size:.65rem;padding:2px 6px;background:var(--border);border-radius:2px;text-transform:uppercase;font-weight:600}.tag-success{background:oklch(35% .1 160 / .2);color:var(--tertiary)}.star-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.tag{display:inline-block;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:var(--surface-accent);border-radius:2px;margin-bottom:8px}.tag-primary{color:var(--secondary)}.tag-tertiary{color:var(--tertiary)}.tag-error{color:var(--status-error)}.star-item{background:#0000004d;padding:var(--spacing-md);border:1px solid var(--border);border-radius:4px}.star-letter{font-size:1.5rem;font-weight:900;color:var(--tertiary);display:block;margin-bottom:var(--spacing-xs)}.viz-box{background-color:#010309;border:1px solid var(--outline);padding:24px;border-radius:4px}.viz-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.viz-val-label{font-size:.625rem;font-weight:700;text-transform:uppercase;opacity:.6}.viz-val-big{font-size:1.75rem;font-weight:900}.progress-track{height:8px;background:var(--surface-accent);border-radius:4px;overflow:hidden;display:flex;margin-bottom:8px}.progress-fill{height:100%;background:var(--secondary);width:45%}.feature-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-item{display:flex;gap:var(--spacing-sm)}.feature-text h4{font-size:.9rem;margin-bottom:4px}.feature-text p{font-size:.8rem;opacity:.7}.image-box{margin-top:var(--spacing-lg);height:120px;overflow:hidden;border-radius:8px}.image-box img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) opacity(.4);transition:.2s}footer{padding:var(--spacing-lg) 0;border-top:1px solid var(--border);text-align:center;font-family:monospace;font-size:.65rem;letter-spacing:.2em;opacity:.4}@media(min-width:1024px){html{scroll-padding-top:0}#back-to-top{display:none}header.top-bar{display:none}body{flex-grow:1;display:flex;justify-content:center;align-items:center}aside.sidebar{display:flex;flex-direction:column;align-self:start;top:0;flex:1 0 var(--sidebar-width);max-width:500px;position:sticky;height:100vh;background:var(--surface);border-right:1px solid var(--border);z-index:100;overflow:auto}.sidebar-logo{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:var(--on-surface-variant);border-left:4px solid transparent;text-decoration:none;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;transition:.2s}.sidebar-link:hover,.toc-link:hover{background:var(--surface-high);color:var(--on-surface)}.sidebar-link.active{background:var(--surface-high);color:var(--on-surface);border-left:4px solid var(--secondary)}nav.bottom-nav,.mobile{display:none}main{padding:var(--spacing-xl);max-width:1400px;margin-left:auto;margin-right:auto;flex:5}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-md)}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-2{grid-column:span 2}.span-12{grid-column:span 12}.star-grid{grid-template-columns:1fr 1fr}}