@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #101010;--color-bg-tertiary: #181818;--color-bg-card: #141414;--color-text-primary: #e6e6e6;--color-text-secondary: #b2b2b2;--color-text-muted: #7a7a7a;--color-accent-blue: #612bde;--color-accent-purple: #612bde;--color-accent-cyan: #612bde;--color-accent-green: #612bde;--color-accent-pink: #612bde;--moon-bg-image: none;--gradient-primary: linear-gradient(180deg, #f2f2f2 0%, #a8a8a8 100%);--gradient-bg: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .04), transparent 50%), linear-gradient(180deg, #0a0a0a 0%, #070707 100%);--shadow-soft: 0 6px 18px rgba(0, 0, 0, .6);--shadow-glow: 0 0 18px rgba(200, 200, 200, .12);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--font-body: "VT323", "Press Start 2P", monospace;--font-display: "Press Start 2P", "VT323", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-body);font-size:18px;line-height:1.5;color:var(--color-text-primary);background-color:#000;background-image:var(--moon-bg-image);background-position:center bottom;background-size:100vw auto;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}a{color:var(--color-accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-cyan)}button{font-family:inherit;cursor:pointer}input[type=range],input[type=checkbox]{accent-color:var(--color-accent-blue)}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#060606fa;border-bottom:2px solid rgba(200,200,200,.15);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;gap:2rem;position:relative}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;font-family:var(--font-display)}.logo-icon{width:45px;height:45px;display:block;background:#1c1c1c;border-radius:var(--radius-sm);border:2px solid rgba(220,220,220,.5);padding:4px;image-rendering:pixelated;object-fit:contain}.logo-text{color:var(--color-text-primary)}.nav{display:flex;gap:.5rem;flex:1}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;transition:all var(--transition-fast);border:1px solid transparent;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-family:var(--font-display)}.nav-link:hover{color:var(--color-text-primary);background:#c8c8c81a;border-color:#c8c8c84d}.nav-link.active{color:var(--color-text-primary);background:#dcdcdc33;border-color:#dcdcdc99}.nav-link-external{display:none}.github-link{padding:.5rem 1rem;border:1px solid rgba(200,200,200,.4);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-display)}.github-link:hover{border-color:#dcdcdc99;background:#c8c8c81f}.menu-toggle{display:none;width:42px;height:36px;padding:0;border:2px solid rgba(200,200,200,.4);background:#0f0f0fe6;border-radius:var(--radius-sm);align-items:center;justify-content:center;gap:4px}.menu-bar{width:18px;height:2px;background:var(--color-text-primary);display:block}.main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.footer{text-align:center;padding:2rem;border-top:2px solid rgba(200,200,200,.12);color:var(--color-text-muted);font-size:.875rem}.footer-logo-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.footer-logo{width:35px;height:35px;image-rendering:pixelated;object-fit:contain}.footer-sub{margin-top:.5rem;font-size:.75rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.loading-gif{display:block;max-width:90vw;height:auto;image-rendering:pixelated}.quantum-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:var(--color-text-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:3px solid transparent;border-top-color:var(--color-text-secondary);border-radius:50%;animation:spin 1.5s linear infinite reverse}.spinner-core{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--color-text-primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #c8c8c899}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-bg-card);border:2px solid rgba(180,185,190,.2);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal)}.card:hover{border-color:#c8c8c866;box-shadow:var(--shadow-glow)}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary);font-family:var(--font-display)}.card-description{color:var(--color-text-secondary);font-size:.9375rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9375rem;transition:all var(--transition-fast)}.btn-primary{background:#e6e6e6e6;color:#111;border:2px solid rgba(230,230,230,.8)}.btn-primary:hover{box-shadow:0 6px 16px #fff3;transform:translateY(-1px)}.btn-secondary{background:#c8c8c814;color:var(--color-text-primary);border:2px solid rgba(200,200,200,.2)}.btn-secondary:hover{background:#c8c8c829;border-color:#c8c8c866}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#c8c8c814;border:2px solid rgba(200,200,200,.2);border-radius:var(--radius-md);color:var(--color-text-secondary)}.btn-icon:hover{background:#c8c8c829;color:var(--color-text-primary)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.header-content{padding:.75rem 1rem}.main{padding:1rem}}@media (max-width: 640px){html,body{font-size:16px}.section-title{font-size:1.2rem}.section-description{font-size:1rem}.section-logo{width:30px;height:30px}}@media (max-width: 480px){html,body{font-size:15px}}@media (max-width: 900px){.menu-toggle{display:inline-flex;margin-left:auto}.nav{position:absolute;top:100%;left:0;right:0;z-index:200;flex:none;flex-direction:column;background:#0a0a0af7;border-bottom:2px solid rgba(200,200,200,.2);padding:.75rem 1rem 1rem;gap:.5rem;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .2s ease,opacity .2s ease}.nav.open{max-height:360px;opacity:1;pointer-events:auto}.github-link{display:none}.nav-link{width:100%}.nav-link-external{display:inline-flex}}.code-block{background:#0b0b0b;border:2px solid rgba(180,185,190,.2);border-radius:var(--radius-md);padding:1rem;font-family:var(--font-body);font-size:.875rem;line-height:1.5;overflow-x:auto}.code-block .keyword{color:var(--color-accent-purple)}.code-block .string{color:var(--color-accent-green)}.code-block .number{color:var(--color-accent-cyan)}.code-block .function{color:var(--color-accent-blue)}.code-block .comment{color:var(--color-text-muted)}.viz-container{background:var(--color-bg-secondary);border:2px solid rgba(180,185,190,.2);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;justify-content:center;min-height:300px}.viz-container canvas{max-width:100%;border-radius:var(--radius-md)}.section-header{margin-bottom:2rem;display:flex;align-items:flex-start;gap:1rem}.section-logo{width:40px;height:40px;image-rendering:pixelated;opacity:.9;flex-shrink:0;object-fit:contain}.section-header-text{display:flex;flex-direction:column}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary);font-family:var(--font-display)}.section-description{color:var(--color-text-secondary);font-size:1.125rem;max-width:600px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--color-bg-card);border:2px solid rgba(180,185,190,.3);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.tooltip:hover:after{opacity:1;visibility:visible}