.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-void: #000000;--bg-surface: #0a0a0a;--bg-elevated: #111111;--bg-panel: rgba(10, 10, 10, .85);--cli-green: #00ff9f;--cli-cyan: #00d4ff;--cli-yellow: #ffcc00;--cli-red: #ff6b6b;--cli-white: #ffffff;--cli-gray-100: #e5e5e5;--cli-gray-200: #a3a3a3;--cli-gray-300: #737373;--cli-gray-400: #404040;--cli-gray-500: #262626;--cli-gray-600: #1a1a1a;--status-active: #00ff9f;--status-pending: #ffcc00;--status-inactive: #737373;--text-primary: var(--cli-white);--text-secondary: var(--cli-gray-100);--text-muted: var(--cli-gray-300);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-mono: "JetBrains Mono", "Fira Code", monospace;--section-gap: 3rem;--container-max: 1100px;--container-padding: 2rem}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-mono);background:var(--bg-void);color:var(--text-primary);scroll-behavior:smooth;font-size:16px}body{min-height:100vh;position:relative;overflow-x:hidden;line-height:1.6}.grid-dots{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,var(--cli-gray-500) 1px,transparent 0);background-size:40px 40px;opacity:.4;mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 30%,transparent 70%)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#canvas-container canvas{display:block}main{position:relative;z-index:2;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(1.75rem,6vw,var(--text-3xl));letter-spacing:-.02em}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{line-height:1.7;color:var(--text-secondary);font-size:var(--text-base)}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--cli-cyan)}ul{list-style:none}code{font-family:var(--font-mono)}.cli-panel{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--cli-gray-400);border-radius:4px;padding:1.25rem;transition:all .2s ease}.cli-panel:hover{border-color:var(--cli-gray-300);box-shadow:0 0 20px #00ff9f0d}.cli-panel-header{padding:.75rem 1rem;border-bottom:1px solid var(--cli-gray-400);display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--cli-gray-200);margin:-1.25rem -1.25rem 1.25rem}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--status-active);box-shadow:0 0 8px var(--status-active);animation:status-pulse 2s ease-in-out infinite}.status-dot.inactive{background:var(--status-inactive)}.status-dot.pending{background:var(--status-pending);box-shadow:0 0 6px var(--status-pending)}.version-tag{font-size:var(--text-xs);color:var(--cli-gray-200);padding:.125rem .375rem;border:1px solid var(--cli-gray-400);border-radius:2px;font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:var(--text-xs);font-weight:500;border-radius:2px;font-family:var(--font-mono)}.badge-success{background:#00ff9f1f;color:var(--cli-green);border:1px solid rgba(0,255,159,.25)}.badge-info{background:#00d4ff1f;color:var(--cli-cyan);border:1px solid rgba(0,212,255,.25)}.badge-warning{background:#ffcc001f;color:var(--cli-yellow);border:1px solid rgba(255,204,0,.25)}.text-green{color:var(--cli-green)}.text-cyan{color:var(--cli-cyan)}.text-yellow{color:var(--cli-yellow)}.text-red{color:var(--cli-red)}.text-white{color:var(--cli-white)}.text-muted{color:var(--cli-gray-300)}.prompt-symbol{color:var(--cli-green);font-weight:600}.arrow,.bracket{color:var(--cli-gray-300)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes status-pulse{0%,to{box-shadow:0 0 4px var(--cli-green)}50%{box-shadow:0 0 12px var(--cli-green)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes terminal-clear-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes terminal-clear-in{0%{opacity:0;transform:translateY(-30px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}::view-transition-old(root){animation:terminal-clear-out .6s ease-in forwards}::view-transition-new(root){animation:terminal-clear-in .8s ease-out forwards;animation-delay:.2s}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards;opacity:0}.animate-fade-in{animation:fadeIn .4s ease-out forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.15s}.delay-3{animation-delay:.2s}.delay-4{animation-delay:.25s}.delay-5{animation-delay:.3s}.delay-6{animation-delay:.35s}.delay-7{animation-delay:.4s}.delay-8{animation-delay:.45s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--cli-gray-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cli-gray-400)}::selection{background:var(--cli-green);color:var(--bg-void)}@media(max-width:768px){:root{--section-gap: 2rem;--container-padding: 1.25rem}.grid-dots{background-size:30px 30px;opacity:.3}}