:root{--bg: #05060a;--bg2: #0a0c14;--bg3: #10131f;--bg4: #161a2a;--bg5: #1c2035;--text: #e2e8f0;--text2: #8892a4;--text3: #4a5568;--accent: #00e5ff;--accent2: #80f0ff;--accent-glow: rgba(0, 229, 255, .12);--purple: #a855f7;--purple-glow: rgba(168, 85, 247, .12);--green: #00e676;--green-bg: rgba(0, 230, 118, .08);--amber: #ffab00;--amber-bg: rgba(255, 171, 0, .08);--red: #ff3d00;--red-bg: rgba(255, 61, 0, .08);--blue: #448aff;--blue-bg: rgba(68, 138, 255, .08);--border: rgba(0, 229, 255, .06);--border2: rgba(0, 229, 255, .12);--glow-cyan: 0 0 8px rgba(0, 229, 255, .3);--glow-purple: 0 0 8px rgba(168, 85, 247, .3);--radius: 0px;--radius-sm: 0px;--radius-xs: 0px;--font: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", sans-serif;--mono: "JetBrains Mono", monospace;--sidebar: 260px;--header: 56px;--glass: rgba(10, 12, 20, .7);--glass-blur: blur(12px);--scanline: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0, 229, 255, .015) 2px, rgba(0, 229, 255, .015) 4px );--surface-container-low: #181c22;--surface-container: #1c2026;--surface-container-high: #262a31;--surface-container-highest: #31353c;--surface-variant: #31353c;--outline-variant: #3b494c;--outline: #849396;--on-surface: #dfe2eb;--on-surface-variant: #bac9cc;--primary-container: #00e5ff;--primary-fixed-dim: #00daf3;--tertiary-fixed-dim: #ffb4a2;--tertiary-container: #ffc2b3;--error-color: #ffb4ab;--secondary-container: #6200ea}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}body{font-family:var(--font-body);background-color:#0a0e14;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.13),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.07),transparent),radial-gradient(2px 2px at 50px 160px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 80px 120px,rgba(255,255,255,.13),transparent),radial-gradient(1px 1px at 110px 210px,rgba(255,255,255,.07),transparent),radial-gradient(2px 2px at 150px 130px,rgba(255,255,255,.2),transparent);background-repeat:repeat;background-size:200px 200px;color:var(--text);line-height:1.5;overflow:hidden;height:100dvh}#root{height:100dvh;display:flex}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:var(--text);font-size:inherit}input,textarea{font-family:var(--font-body);color:var(--text);background:transparent;border:none;outline:none;font-size:inherit}textarea{resize:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00e5ff26;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00e5ff4d}@keyframes flickerIn{0%{opacity:0;transform:translateY(4px)}40%{opacity:.7}60%{opacity:.4}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes unfold{0%{opacity:0;transform:scaleY(.95);transform-origin:top}to{opacity:1;transform:scaleY(1)}}@keyframes scanPulse{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 4px #00e5ff33}50%{box-shadow:0 0 12px #00e5ff66}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:flickerIn .15s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes hudBootIn{0%{opacity:0;transform:scale(.98);filter:brightness(2) blur(4px)}30%{opacity:.6;filter:brightness(1.5) blur(1px)}60%{opacity:.4;filter:brightness(1) blur(0)}to{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}}@keyframes hudSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hudUnfold{0%{opacity:0;transform:scaleY(.8);transform-origin:top center;clip-path:inset(0 0 100% 0)}to{opacity:1;transform:scaleY(1);clip-path:inset(0)}}@keyframes hudScanIn{0%{clip-path:inset(0 100% 0 0);opacity:.5}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hud-boot-in{animation:hudBootIn .4s ease-out}.hud-slide-up{animation:hudSlideUp .3s ease-out}.hud-unfold{animation:hudUnfold .35s ease-out}.hud-scan-in{animation:hudScanIn .5s ease-out}.stagger-children>*{opacity:0;animation:staggerFadeIn .3s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.stagger-children>*:nth-child(n+11){animation-delay:.55s}@keyframes hudTransition{0%{opacity:1;transform:scale(1);filter:brightness(1)}40%{opacity:.3;transform:scale(.97);filter:brightness(2)}to{opacity:0;transform:scale(.95);filter:brightness(3)}}@keyframes hudTransitionIn{0%{opacity:0;transform:scale(1.03);filter:brightness(2)}40%{opacity:.5;filter:brightness(1.3)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.hud-transition-out{animation:hudTransition .25s ease-in forwards}.hud-transition-in{animation:hudTransitionIn .35s ease-out}.glass-panel{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.scanline-overlay{position:relative}.scanline-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scanline);pointer-events:none;z-index:1}.scanline-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.2;background:linear-gradient(to bottom,transparent 50%,rgba(0,229,255,.05) 50%);background-size:100% 4px}.hex-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='104' viewBox='0 0 60 104' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 104 L0 86.6 L0 34.6 L30 17.3 L60 34.6 L60 86.6 Z M30 17.3 L30 0 M0 34.6 L15 25.9 M60 34.6 L45 25.9' stroke='%2300e5ff' stroke-width='0.5' fill='none' opacity='0.05'/%3E%3C/svg%3E")}.clip-hex{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.clip-hex-card{clip-path:polygon(0 0,92% 0,100% 15%,100% 100%,8% 100%,0 85%)}.clip-hex-top{clip-path:polygon(5% 0%,95% 0%,100% 100%,0% 100%)}.glow-cyan{box-shadow:0 0 15px #00e5ff4d}.glow-red{box-shadow:0 0 20px #ffb4ab66}.glow-purple{box-shadow:0 0 15px #a855f74d}.flicker-in{animation:flickerIn .3s ease-in-out}.hex-border{position:relative;background:#00e5ff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hex-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(135deg,rgba(0,229,255,.5),transparent,rgba(0,229,255,.5));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.data-fluff{font-family:var(--font);font-size:10px;color:#00e5ff40;text-transform:uppercase;letter-spacing:.2em;line-height:1.8}.mono{font-family:var(--mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.markdown-body{line-height:1.6}.markdown-body p{margin:0 0 8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body strong{color:var(--text);font-weight:600}.markdown-body em{font-style:italic;color:var(--text2)}.markdown-body ul,.markdown-body ol{margin:6px 0;padding-left:20px;list-style:disc}.markdown-body ol{list-style:decimal}.markdown-body li{margin:3px 0}.markdown-body code{font-family:var(--mono);font-size:12px;background:var(--bg4);padding:2px 5px;border-radius:0;color:var(--accent2)}.markdown-body pre{background:var(--bg3);border-radius:0;border-left:2px solid var(--accent);padding:10px 12px;margin:8px 0;overflow-x:auto}.markdown-body pre code{background:none;padding:0;font-size:12px}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font);font-weight:600;margin:10px 0 6px;letter-spacing:.02em}.markdown-body h1{font-size:16px}.markdown-body h2{font-size:15px}.markdown-body h3{font-size:14px}.markdown-body blockquote{border-left:2px solid var(--purple);padding-left:10px;margin:6px 0;color:var(--text2)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:10px 0}.markdown-body table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.markdown-body th,.markdown-body td{padding:6px 10px;border:1px solid var(--border2);text-align:left}.markdown-body th{background:var(--bg4);font-family:var(--font);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.06em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.03;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.pulse-scanner{background:linear-gradient(90deg,var(--accent),var(--purple),var(--accent));background-size:200% 100%;animation:scanPulse 2s linear infinite;height:2px}@media(max-width:768px){:root{--sidebar: 0px;--header: 48px}}
