*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08090d;--surface:#0f1117;--surface2:#161822;--surface3:#1e2030;--accent:#38bdf8;--accent2:#818cf8;--coral:#f97066;--green:#34d399;--amber:#fbbf24;--text:#f0f2f5;--muted:#8b92a5;--dim:#4a5068;--radius:16px;--radius-sm:10px;--font-display:"Instrument Serif", Georgia, serif;--font-main:"Plus Jakarta Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#38bdf84d}::selection{color:#fff;background:#38bdf84d}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:#7dd3fc}.grain{pointer-events:none;z-index:9999;opacity:.025;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");width:100%;height:100%;position:fixed;top:0;left:0}.grain:after{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#38bdf808 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #38bdf826}50%{box-shadow:0 0 40px #38bdf840}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.stat-card{transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-1px)}.stat-card:before{content:"";border-radius:0 2px 2px 0;width:3px;height:100%;position:absolute;top:0;left:0}.stat-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card.blue:before{background:linear-gradient(#38bdf8,#0284c7)}.stat-card.coral:before{background:linear-gradient(#f97066,#dc2626)}.stat-card.green:before{background:linear-gradient(#34d399,#059669)}.stat-card.amber:before{background:linear-gradient(#fbbf24,#d97706)}.stat-card.purple:before{background:linear-gradient(#818cf8,#6366f1)}.stat-card.dim:before{background:linear-gradient(#4a5068,#2e3346)}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--surface3), var(--surface3));cursor:pointer;border-radius:2px;outline:none;height:4px;transition:all .2s}input[type=range]:hover{height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg);cursor:grab;border-radius:50%;width:18px;height:18px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 4px #38bdf81a}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 0 6px #38bdf826}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.1)}input[type=range].coral::-webkit-slider-thumb{background:var(--coral);box-shadow:0 0 0 4px #f970661a}input[type=range].green::-webkit-slider-thumb{background:var(--green);box-shadow:0 0 0 4px #34d3991a}input[type=range].amber::-webkit-slider-thumb{background:var(--amber);box-shadow:0 0 0 4px #fbbf241a}input[type=range].purple::-webkit-slider-thumb{background:var(--accent2);box-shadow:0 0 0 4px #818cf81a}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg);cursor:grab;border-radius:50%;width:18px;height:18px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 4px #38bdf81a}input[type=range]::-moz-range-thumb:hover{transform:scale(1.3);box-shadow:0 0 0 6px #38bdf826}input[type=range].coral::-moz-range-thumb{background:var(--coral);box-shadow:0 0 0 4px #f970661a}input[type=range].green::-moz-range-thumb{background:var(--green);box-shadow:0 0 0 4px #34d3991a}input[type=range].amber::-moz-range-thumb{background:var(--amber);box-shadow:0 0 0 4px #fbbf241a}input[type=range].purple::-moz-range-thumb{background:var(--accent2);box-shadow:0 0 0 4px #818cf81a}.explore-slider input[type=range]{height:6px}.explore-slider input[type=range]:hover{height:8px}.explore-slider input[type=range]::-webkit-slider-thumb{width:22px;height:22px;box-shadow:0 0 12px #38bdf840,0 0 0 4px #38bdf814}.explore-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;box-shadow:0 0 12px #38bdf840,0 0 0 4px #38bdf814}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}*{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.collapsible-content{transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.collapsible-content.collapsed{opacity:0;max-height:0}.collapsible-content.expanded{opacity:1}.skeleton{background:linear-gradient(90deg, var(--surface2) 25%, var(--surface3) 50%, var(--surface2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}.text-gradient{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 50%,#f97066 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-accent{animation:3s ease-in-out infinite glow}.border-glow{box-shadow:0 0 0 1px #38bdf81a,0 0 20px #38bdf80d}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}@media (width<=900px){.hide-tablet{display:none!important}.sim-grid{grid-template-columns:1fr!important}}@media (width<=600px){.hide-mobile{display:none!important}}