html{height:100%}body,html{background-color:#1a1a2e}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100%}.layout{color:#fff;flex-direction:column;min-height:100vh;min-height:100dvh}.header,.layout{background-color:#1a1a2e;display:flex}.header{align-items:center;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hamburger{display:none}.nav{align-items:center;display:flex;gap:1.5rem}.nav-link{color:#fff9;font-size:.95rem;text-decoration:none;transition:color .2s ease;white-space:nowrap}.nav-link:hover{color:#ffffffe6}.nav-link.active{color:#fff;font-weight:500}.nav-dropdown{position:relative}.nav-dropdown-trigger{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:.25rem;padding:0;transition:color .2s ease}.nav-dropdown-trigger:hover{color:#ffffffe6}.nav-dropdown-chevron{transition:transform .2s ease}.nav-dropdown-open .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{background:#252540;border-radius:12px;box-shadow:0 10px 40px #0000004d;left:50%;min-width:180px;opacity:0;padding:.5rem;position:absolute;top:calc(100% + .75rem);transform:translateX(-50%);transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden}[dir=rtl] .nav-dropdown-menu{left:auto;right:50%;transform:translateX(50%) translateY(-8px)}@media (hover:hover){.nav-dropdown:hover .nav-dropdown-menu{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}[dir=rtl] .nav-dropdown:hover .nav-dropdown-menu{transform:translateX(50%) translateY(0)}.nav-dropdown:hover .nav-dropdown-chevron{transform:rotate(180deg)}}.nav-dropdown-open .nav-dropdown-menu{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}[dir=rtl] .nav-dropdown-open .nav-dropdown-menu{transform:translateX(50%) translateY(0)}.nav-dropdown-link{border-radius:8px;color:#ffffffb3;display:block;font-size:.9rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-dropdown-link:hover{background:#ffffff0d;color:#fff}.nav-dropdown-link.active{background:#ffffff1a;color:#fff}.language-switcher{flex-shrink:0;position:relative}.lang-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.lang-trigger:hover{background:#ffffff1a;color:#fff}.lang-dropdown{background:#252540;border-radius:12px;box-shadow:0 10px 40px #0000004d;min-width:160px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}[dir=rtl] .lang-dropdown{left:0;right:auto}.lang-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}[dir=rtl] .lang-option{text-align:right}.lang-option:hover{background:#ffffff0d;color:#fff}.lang-option.active{background:#ffffff1a;color:#fff}.lang-code{font-size:.85rem;font-weight:600;opacity:.6}.lang-name{font-size:.95rem}.main-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;padding:2rem 1rem}.footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:1.5rem 2rem}.footer-links{display:flex;gap:2rem;justify-content:center}.footer-links button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.85rem;transition:color .2s ease}.footer-links button:hover{color:#fffc}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.modal-content{background:#252540;border-radius:16px;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-close{background:none;border:none;color:#fff9;cursor:pointer;font-size:1.5rem;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s ease}[dir=rtl] .modal-close{left:1rem;right:auto}.modal-close:hover{color:#fff}.modal-content h2{font-size:1.25rem;margin:0 0 1rem}.modal-content p{color:#ffffffb3;line-height:1.6;margin:0}@media (max-width:768px){.header{flex-direction:row;justify-content:space-between;padding:1rem}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:32px;justify-content:center;padding:4px;width:32px;z-index:200}.hamburger-line{background-color:#fffc;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav{align-items:center;background-color:#1a1a2e;bottom:0;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:150}.nav-open{opacity:1;visibility:visible}.nav-link{font-size:1.5rem;padding:.5rem 1rem}.nav-dropdown{align-items:center;display:flex;flex-direction:column;width:100%}.nav-dropdown-trigger{font-size:1.5rem;gap:.5rem;padding:.5rem 1rem}.nav-dropdown-menu{align-items:stretch;background:#0000;box-shadow:none;display:flex;flex-direction:column;max-height:0;opacity:1;overflow:hidden;padding:0;position:static;transform:none;transition:max-height .3s ease,padding .3s ease;visibility:visible;width:100%}[dir=rtl] .nav-dropdown-menu{transform:none}.nav-dropdown-open .nav-dropdown-menu{display:contents;max-height:200px;padding:.5rem 0}.nav-dropdown-menu .nav-dropdown-link{border-radius:0;box-sizing:border-box;color:#ffffff80;font-size:1.2rem;padding:.75rem 1rem;text-align:center;white-space:nowrap;width:100%}.nav-dropdown-link.active{background:#0000;color:#fff}[dir=rtl] .hamburger{order:2}[dir=rtl] .language-switcher{order:0}.main-content{padding:1.5rem 1rem}.footer{padding:1rem}.footer-links{gap:1.5rem}}.home{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.home-logo{filter:drop-shadow(0 0 30px rgba(255,255,255,.08));height:160px;margin-bottom:2rem;width:160px}.home-title{color:#fff;font-size:3rem;font-weight:300;letter-spacing:.3em;margin:0 0 1.5rem;text-transform:uppercase}.home-tagline{color:#6a6a7a;font-size:1rem;font-weight:300;letter-spacing:.1em;margin:0}@media (max-width:768px){.home{padding:1rem}.home-logo{height:120px;margin-bottom:1.5rem;width:120px}.home-title{font-size:2rem;letter-spacing:.2em}.home-tagline{font-size:.9rem}}.quantum-radar-page{margin:0 auto;max-width:1200px;width:100%}.page-intro{line-height:1.6;margin:0 auto 2.5rem;max-width:700px}.panel-header{margin-bottom:1rem;text-align:center}.panel-header h2,.panel-header h3{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 .25rem}.panel-subtitle{color:#8a8a9a;font-size:.85rem}.stealth-aircraft{height:35px;transition:filter .5s ease;width:70px}.classical-scene[data-phase="1"] .sender-area{filter:drop-shadow(0 0 15px #00ff00)}.classical-scene[data-phase="1"] .signal-wave{height:20px;left:12%;opacity:1;width:20px}.classical-scene[data-phase="2"] .signal-wave{height:60px;left:55%;opacity:.8;width:60px}.classical-scene[data-phase="2"] .target-area{filter:drop-shadow(0 0 10px #00ff00)}.classical-scene[data-phase="3"] .signal-wave{opacity:0}.classical-scene[data-phase="3"] .deflected-up{opacity:.7;transform:translateY(-30px) rotate(-20deg)}.classical-scene[data-phase="3"] .deflected-down{opacity:.7;transform:translateY(30px) rotate(20deg)}.classical-scene[data-phase="3"] .target-area{filter:drop-shadow(0 0 10px #00ff00)}.classical-scene[data-phase="4"] .weak-echo{left:40%;opacity:.2}.classical-scene[data-phase="4"] .deflected-down,.classical-scene[data-phase="4"] .deflected-up{opacity:0}.classical-scene[data-phase="5"] .weak-echo{left:25%;opacity:.05}.classical-scene[data-phase="5"] .noise-indicator{opacity:1}.classical-scene[data-phase="6"] .noise-indicator,.classical-scene[data-phase="6"] .weak-echo{opacity:0}.crystal-area{align-items:center;display:flex;flex-direction:column;left:5%;position:absolute;top:50%;transform:translateY(-50%);transition:filter .5s ease}.crystal-source{height:40px;width:30px}.idler-container{align-items:center;display:flex;flex-direction:column;top:30%;transition:opacity .5s ease}.idler-container,.signal-container{left:15%;opacity:0;position:absolute}.signal-container{top:50%;transform:translateY(-50%);transition:all .8s ease}.photon{border-radius:50%;height:14px;width:14px}.idler-photon{background:radial-gradient(circle,#4a9eff 0,#2a6eff 100%);box-shadow:0 0 12px #4a9eff}.idler-photon,.signal-photon{animation:sync-pulse 1s ease-in-out infinite}.signal-photon{background:radial-gradient(circle,#ff6b6b 0,#ff4040 100%);box-shadow:0 0 12px #ff6b6b}@keyframes sync-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.photon-label{color:#6a6a7a;font-size:.6rem;left:50%;margin-top:4px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}.quantum-scene .target-area{right:15%}.correlation-area{align-items:center;display:flex;flex-direction:column;left:15%;opacity:0;position:absolute;top:40%;transition:opacity .5s ease}.correlation-effect{animation:glow-pulse .5s ease-in-out infinite;background:radial-gradient(circle,#ffd700e6 0,#ffffff80 40%,#0000 70%);border-radius:50%;box-shadow:0 0 30px gold,0 0 60px #ffffff4d;height:50px;width:50px}@keyframes glow-pulse{0%,to{box-shadow:0 0 30px gold;transform:scale(1)}50%{box-shadow:0 0 50px gold,0 0 80px #fff;transform:scale(1.1)}}.quantum-scene[data-phase="1"] .crystal-area{filter:drop-shadow(0 0 20px #6a4aff)}.quantum-scene[data-phase="1"] .idler-container{filter:drop-shadow(0 0 10px #4a9eff);left:12%;opacity:1}.quantum-scene[data-phase="1"] .signal-container{left:15%;opacity:1}.quantum-scene[data-phase="2"] .idler-container{opacity:1}.quantum-scene[data-phase="2"] .signal-container{left:55%;opacity:1}.quantum-scene[data-phase="2"] .target-area{filter:drop-shadow(0 0 10px #ff6b6b)}.quantum-scene[data-phase="3"] .idler-container{opacity:1}.quantum-scene[data-phase="3"] .signal-container{left:55%;opacity:.5}.quantum-scene[data-phase="3"] .target-area{filter:drop-shadow(0 0 15px #ff6b6b)}.quantum-scene[data-phase="4"] .idler-container{opacity:1}.quantum-scene[data-phase="4"] .signal-container{left:35%;opacity:.3}.quantum-scene[data-phase="5"] .idler-container{filter:drop-shadow(0 0 12px #4a9eff);opacity:1}.quantum-scene[data-phase="5"] .signal-container{left:20%;opacity:.2}.quantum-scene[data-phase="6"] .idler-container,.quantum-scene[data-phase="6"] .signal-container{opacity:0}.quantum-scene[data-phase="6"] .correlation-area{opacity:1}.key-insight-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:3rem;padding:1.5rem;text-align:center}.key-insight-section h2{color:gold;font-size:1rem;font-weight:500;margin:0 0 .5rem}.key-insight-section p{color:#b0b0b0;font-size:.9rem;line-height:1.6;margin:0 auto;max-width:650px}.deep-dive-section{margin-top:3rem}.deep-dive-grid{margin-top:1.5rem}@media (max-width:900px){.radar-comparison{gap:2rem;grid-template-columns:1fr}.scene-canvas{height:240px}.page-title{font-size:1.4rem}.page-intro{font-size:.95rem;margin-bottom:2rem}.deep-dive-grid{grid-template-columns:1fr}}@media (max-width:480px){.scene-canvas{height:200px}.stealth-aircraft{height:25px;width:50px}.photon{height:10px;width:10px}.panel-header h2{font-size:1rem}.phase-description{font-size:.8rem}.key-insight-section{padding:1rem}}.flow-section,.normal-section{margin-top:3rem}.section-title{color:#fff;font-size:1.4rem;font-weight:400;margin:0 0 .5rem;text-align:center}.section-intro{color:#8a8a9a;font-size:.95rem;line-height:1.5;margin:0 auto 2rem;max-width:700px;text-align:center}.flow-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.flow-panel,.normal-panel{display:flex;flex-direction:column}.flow-panel .panel-header h3,.normal-panel .panel-header h3{color:#fff;font-size:1.1rem;font-weight:500;margin:0 0 .25rem}.flow-scene{width:100%}.flow-canvas{background:linear-gradient(135deg,#002,#0a0a1a);border:1px solid #ffffff1a;border-radius:12px;height:220px;overflow:hidden;position:relative;width:100%}.flow-sender{left:3%;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.flow-sender .crystal-source,.flow-sender .parabolic-antenna{height:40px;width:30px}.flow-target{position:absolute;right:8%;top:50%;transform:translateY(-50%);z-index:10}.flow-target .normal-aircraft,.flow-target .stealth-aircraft,.normal-aircraft{height:30px;width:60px}.flow-label{color:#6a6a7a;font-size:.6rem;position:absolute;z-index:15}.flow-label.sender-label{bottom:8px;left:3%}.flow-label.target-label{bottom:8px;right:8%}.flow-label.idler-label{color:#4a9eff;left:12%;top:20%}.flow-result-label{border-radius:4px;font-size:.7rem;font-weight:600;left:5%;padding:4px 10px;position:absolute;top:10px;z-index:20}.flow-result-label.not-detected{background:#ff505033;border:1px solid #ff50504d;color:#f66}.flow-result-label.detected{background:#50ff5033;border:1px solid #50ff504d;color:#6f6}.flow-result-label.strong-detected{background:#50c8504d;border:1px solid #50c85066;color:#8f8}.noise-zone{height:100%;left:0;position:absolute;top:0;width:45%;z-index:5}.noise-dot{animation:noise-flicker .8s ease-in-out infinite;background:#64ff6466;border-radius:50%;position:absolute}@keyframes noise-flicker{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}.flow-particle{background:#0f0;border-radius:50%;box-shadow:0 0 6px #0f0;height:8px;left:10%;opacity:0;position:absolute;top:50%;top:calc(50% + var(--y-offset, 0px));width:8px}.flow-particle-deflected-up{animation:particle-deflect-up 4s ease-out infinite}@keyframes particle-deflect-up{0%{left:10%;opacity:0;top:50%;top:calc(50% + var(--y-offset, 0px))}10%{opacity:1}50%{left:70%;opacity:1;top:50%;top:calc(50% + var(--y-offset, 0px))}80%{left:85%;opacity:.3;top:10%}to{left:95%;opacity:0;top:0}}.flow-particle-deflected-down{animation:particle-deflect-down 4s ease-out infinite}@keyframes particle-deflect-down{0%{left:10%;opacity:0;top:50%;top:calc(50% + var(--y-offset, 0px))}10%{opacity:1}50%{left:70%;opacity:1;top:50%;top:calc(50% + var(--y-offset, 0px))}80%{left:85%;opacity:.3;top:90%}to{left:95%;opacity:0;top:100%}}.flow-particle-returned{animation:particle-return-weak 5s ease-out infinite}@keyframes particle-return-weak{0%{left:10%;opacity:0;top:50%;top:calc(50% + var(--y-offset, 0px))}10%{opacity:1}45%{left:70%;opacity:.8}55%{left:70%;opacity:.3}75%{left:35%;opacity:.15}to{left:10%;opacity:0}}.flow-photon{background:radial-gradient(circle,#ff6b6b 0,#ff4040 100%);border-radius:50%;box-shadow:0 0 8px #ff6b6b;height:10px;left:12%;opacity:0;position:absolute;top:45%;top:calc(45% + var(--y-offset, 0px));width:10px}.flow-photon-deflected-up{animation:photon-deflect-up 5s ease-out infinite}@keyframes photon-deflect-up{0%{left:12%;opacity:0}10%{opacity:1}45%{left:70%;opacity:1}70%{left:85%;opacity:.4;top:15%}to{left:95%;opacity:0;top:0}}.flow-photon-deflected-down{animation:photon-deflect-down 5s ease-out infinite}@keyframes photon-deflect-down{0%{left:12%;opacity:0}10%{opacity:1}45%{left:70%;opacity:1}70%{left:85%;opacity:.4;top:85%}to{left:95%;opacity:0;top:100%}}.flow-photon-returned{animation:photon-return-identified 5s ease-out infinite}@keyframes photon-return-identified{0%{left:12%;opacity:0}10%{opacity:1}40%{left:70%;opacity:.8}50%{left:70%;opacity:.4}70%{left:35%;opacity:.3}85%{box-shadow:0 0 15px #ff6b6b;left:15%;opacity:.6}to{left:12%;opacity:0}}.flow-photon-returned.matched{animation:photon-return-matched 5s ease-out infinite}@keyframes photon-return-matched{0%{left:12%;opacity:0}10%{opacity:1}40%{left:70%;opacity:.8}50%{left:70%;opacity:.4}70%{left:35%;opacity:.3}85%{box-shadow:0 0 20px gold;left:15%;opacity:1}to{box-shadow:0 0 30px gold;left:12%;opacity:0}}.flow-idler{animation:idler-pulse 5s ease-in-out infinite;background:radial-gradient(circle,#4a9eff 0,#2a6eff 100%);border-radius:50%;box-shadow:0 0 8px #4a9eff;height:10px;left:12%;opacity:0;position:absolute;width:10px}@keyframes idler-pulse{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1)}80%{opacity:.8;transform:scale(1)}85%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.flow-idler.matched{animation:idler-match 5s ease-in-out infinite}@keyframes idler-match{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1)}80%{opacity:.8}85%{background:radial-gradient(circle,gold 0,#fa0 100%);box-shadow:0 0 25px gold;opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(.5)}}.flow-match{animation:match-flash 5s ease-out infinite;background:radial-gradient(circle,#ffd700e6 0,#0000 70%);border-radius:50%;box-shadow:0 0 30px gold;height:30px;left:12%;opacity:0;position:absolute;transform:translate(-50%,-50%);width:30px}@keyframes match-flash{0%,75%{opacity:0;transform:translate(-50%,-50%) scale(.5)}85%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.flow-particle-strong-return{animation:particle-strong-return 3s ease-out infinite;background:#0f0;box-shadow:0 0 10px #0f0}@keyframes particle-strong-return{0%{left:10%;opacity:0}15%{opacity:1}45%{left:75%;opacity:1}55%{left:75%;opacity:1;transform:scale(1.2)}90%{left:12%;opacity:.9}to{left:10%;opacity:0}}.normal-target .normal-aircraft{filter:drop-shadow(0 0 8px rgba(100,255,100,.5))}.normal-panel{margin:0 auto;max-width:600px}@media (max-width:900px){.flow-comparison{gap:2rem;grid-template-columns:1fr}.flow-canvas{height:200px}.section-title{font-size:1.2rem}}@media (max-width:480px){.flow-canvas{height:180px}.flow-idler,.flow-particle,.flow-photon{height:6px;width:6px}.flow-label{font-size:.55rem}.flow-result-label{font-size:.6rem;padding:3px 6px}}.quantum-computer-page{margin:0 auto;max-width:800px;width:100%}.page-title{font-size:1.75rem;font-weight:400;margin:0 0 .75rem;text-align:center}.page-intro{color:#8a8a9a;font-size:1rem;margin:0 auto 1.5rem;max-width:550px;text-align:center}.experiment-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.experiment-selector button{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-width:160px;padding:1rem 1.5rem;transition:all .2s ease}.experiment-selector button:hover{background:#ffffff0f;border-color:#ffffff26}.experiment-selector button.active{background:#4a9eff26;border-color:#4a9eff66}.experiment-name{color:#fff;font-size:1rem;font-weight:500;margin-bottom:.25rem}.experiment-desc{color:#8a8a9a;font-size:.8rem;text-align:center}.circuit-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.5rem;padding:1.75rem}.circuit-section h2{font-size:1.1rem;font-weight:500;margin:0 0 1.25rem;text-align:center}.circuit-explanation{color:#8a8a9a;font-size:.9rem;line-height:1.6;margin:1.25rem 0 0;text-align:center}.circuit-visualizer{display:flex;justify-content:center;overflow-x:auto;padding:1rem 0}.circuit{align-items:center;display:flex;gap:1rem}.qubit-labels{color:#8a8a9a;font-family:Courier New,monospace;font-size:.9rem}.circuit-diagram,.qubit-labels{display:flex;flex-direction:column;gap:2rem}.circuit-diagram{position:relative}.qubit-line{align-items:center;display:flex;height:40px}.wire{background:#4a9eff;height:2px;width:40px}.empty-space,.gate{height:40px;width:40px}.gate{align-items:center;border-radius:4px;display:flex;font-size:1.1rem;font-weight:600;justify-content:center}.h-gate{background:#4a9eff;box-shadow:0 0 15px #4a9eff66;color:#fff}.control-dot{background:#4a9eff;border-radius:50%;box-shadow:0 0 10px #4a9eff80;height:12px;margin:0 9px;width:12px}.target-x{border:2px solid #4a9eff;border-radius:50%;box-shadow:0 0 10px #4a9eff4d;height:26px;margin:0 2px;position:relative;width:26px}.target-x:before{height:2px;width:12px}.target-x:after,.target-x:before{background:#4a9eff;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.target-x:after{height:12px;width:2px}.meter{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#8a8a9a;display:flex;font-size:.9rem;height:30px;justify-content:center;width:30px}.cnot-line{background:#4a9eff;box-shadow:0 0 5px #4a9eff80;height:calc(100% - 40px);left:166px;position:absolute;top:20px;width:2px}.circuit-diagram.ghz,.ghz-circuit .qubit-labels{gap:2rem}.circuit-diagram.ghz .cnot-line-1{height:calc(2rem + 40px);left:166px;top:20px}.circuit-diagram.ghz .cnot-line-2{height:calc(4rem + 80px);left:246px;top:20px}.simulation-controls{display:flex;justify-content:center;margin-bottom:1.5rem}.run-button{align-items:center;background:linear-gradient(135deg,#4a9eff,#7eb8ff);border:none;border-radius:12px;box-shadow:0 4px 20px #4a9eff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.875rem 1.75rem;transition:all .2s ease}.run-button:hover:not(:disabled){box-shadow:0 6px 25px #4a9eff66;transform:translateY(-2px)}.run-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#ff6b6b1a;border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.results-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.5rem;padding:1.75rem}.results-section h2{font-size:1.1rem;font-weight:500;margin:0 0 1.25rem;text-align:center}.results-explanation{color:#8a8a9a;font-size:.9rem;line-height:1.6;margin:1.25rem 0 0;text-align:center}.results-chart{align-items:flex-end;display:flex;gap:1.5rem;height:180px;justify-content:center;padding:1rem 0}.bar-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.bar-wrapper{align-items:flex-end;background:#ffffff0d;height:130px;overflow:hidden;width:55px}.bar,.bar-wrapper{border-radius:8px 8px 0 0;display:flex}.bar{align-items:flex-start;background:linear-gradient(0deg,#4a9eff,#7eb8ff);justify-content:center;min-height:20px;padding-top:.4rem;transition:height .5s ease;width:100%}.bar-value{color:#fff;font-size:.75rem;font-weight:600}.bar-label{color:#fff;font-family:Courier New,monospace;font-size:.9rem}.bar-count{color:#8a8a9a;font-size:.8rem}.results-chart.ghz-chart{gap:.75rem}.results-chart.ghz-chart .bar-wrapper{width:40px}.results-chart.ghz-chart .bar-label{font-size:.75rem}.results-chart.ghz-chart .bar-value{font-size:.65rem}.teleportation-visualizer{padding:1.5rem 0}.teleportation-diagram{align-items:center;display:flex;gap:2rem;justify-content:center;position:relative}.teleportation-side{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-width:140px;padding:1.5rem}.teleportation-side.alice{border-color:#4a9eff4d}.teleportation-side.bob{border-color:#64ff644d}.side-label{color:#8a8a9a;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.teleportation-qubit{align-items:center;border-radius:50%;display:flex;font-family:Courier New,monospace;font-size:.9rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.teleportation-qubit.psi{background:#4a9eff33;border:2px solid #4a9eff;color:#4a9eff}.teleportation-qubit.entangled-a,.teleportation-qubit.entangled-b{background:#ffffff0d;border:2px dashed #ffffff4d;color:#8a8a9a}.teleportation-qubit.has-entanglement{background:#ffd7001a;border-color:gold;color:gold}.teleportation-qubit.result{background:#64ff641a;border:2px solid #64ff644d;color:#8a8a9a}.teleportation-qubit.result.success{background:#64ff6433;border-color:#64ff64;color:#64ff64}.teleportation-qubit.active{animation:gate-pulse .6s ease-in-out;box-shadow:0 0 20px currentColor}.teleportation-operation{background:#ffffff14;border-radius:6px;color:#8a8a9a;font-size:.8rem;padding:.5rem 1rem;transition:all .3s ease}.teleportation-operation.active{background:#4a9eff33;box-shadow:0 0 15px #4a9eff66;color:#4a9eff}.teleportation-operation.correction.active{background:#64ff6433;color:#64ff64}.teleportation-measurement{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;transition:all .3s ease}.teleportation-measurement span:first-child{color:#8a8a9a;font-size:1rem}.teleportation-measurement .bits{color:#666;font-size:.7rem}.teleportation-measurement.active{background:#ffd70033;color:gold}.teleportation-measurement.active span{color:gold}.entanglement-line{color:#ffd7004d;height:60px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-80%);transition:opacity .3s ease;width:120px}.entanglement-line.visible{opacity:1}.classical-channel{align-items:center;display:flex;flex-direction:column;gap:.25rem;opacity:.3;transition:all .3s ease}.classical-channel.active{opacity:1}.channel-label{color:#8a8a9a;font-size:.7rem}.channel-arrow{align-items:center;color:#4a9eff;display:flex;font-size:1.5rem;gap:.25rem}.bits-sent{font-family:Courier New,monospace;font-size:.9rem}.teleportation-note{background:#ffd7001a;border:1px solid #ffd70033;border-radius:8px;color:gold;font-size:.85rem;margin-top:.5rem;padding:.5rem 1rem;text-align:center}.educational-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.75rem}.educational-section h2{font-size:1.1rem;font-weight:500;margin:0 0 .75rem}.educational-section p{color:#8a8a9a;font-size:.95rem;line-height:1.7;margin:0}.deep-dive-section{margin-top:2rem}.deep-dive-section .section-title{color:#fff;font-size:1.4rem;font-weight:400;margin:0 0 .5rem;text-align:center}.deep-dive-section .section-intro{color:#8a8a9a;font-size:.95rem;margin:0 0 1.5rem;text-align:center}.deep-dive-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.deep-dive-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.deep-dive-card:hover{background:#ffffff0d;border-color:#ffffff26}.deep-dive-card.highlight{background:#ffd7000d;border-color:#ffd70033}.deep-dive-card.highlight:hover{background:#ffd70014;border-color:#ffd7004d}.deep-dive-icon{color:#4a9eff;height:48px;margin-bottom:1rem;width:48px}.deep-dive-card.highlight .deep-dive-icon{color:gold}.deep-dive-icon svg{height:100%;width:100%}.deep-dive-card h3{color:#fff;font-size:1rem;font-weight:500;margin:0 0 .75rem}.deep-dive-card p{color:#8a8a9a;font-size:.9rem;line-height:1.6;margin:0}.animation-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.animation-section h3{color:#8a8a9a;font-size:1rem;font-weight:500;margin:0 0 1rem;text-align:center}.state-display{align-items:center;display:flex;flex-direction:column;margin:1.5rem 0}.math-state{background:#4a9eff1a;border:1px solid #4a9eff33;border-radius:8px;color:#4a9eff;font-family:Courier New,monospace;font-size:1.2rem;margin-bottom:.75rem;padding:.75rem 1.5rem}.step-description{color:#8a8a9a;font-size:.9rem;margin:0;text-align:center}.animation-controls{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}.animation-controls button{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.animation-controls button:hover{background:#4a9eff26;border-color:#4a9eff4d}.animation-controls button:disabled{cursor:not-allowed;opacity:.4}.animation-controls button.play-btn{background:#4a9eff33;border-color:#4a9eff4d}.animation-controls button.play-btn:hover{background:#4a9eff4d}.step-indicator{color:#8a8a9a;font-size:.85rem;min-width:80px;text-align:center}.gate.active,.h-gate.active{animation:gate-pulse .6s ease-in-out;box-shadow:0 0 25px #4a9effcc}.control-dot.active,.target-x.active{animation:gate-pulse .6s ease-in-out;box-shadow:0 0 20px #4a9effcc}.meter.active{animation:gate-pulse .6s ease-in-out;background:#ffd70033;border-color:#ffd70080;color:gold}@keyframes gate-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width:768px){.page-title{font-size:1.4rem}.page-intro{font-size:.95rem;margin-bottom:1.25rem}.experiment-selector{align-items:center;flex-direction:column}.experiment-selector button{max-width:300px;width:100%}.circuit-section,.educational-section,.results-section{padding:1.25rem}.results-chart{gap:1rem;height:160px}.results-chart.ghz-chart{gap:.5rem}.results-chart.ghz-chart .bar-wrapper{width:32px}.bar-wrapper{height:110px;width:45px}.deep-dive-grid{grid-template-columns:1fr}.deep-dive-section .section-title{font-size:1.2rem}}@media (max-width:480px){.circuit-visualizer{transform:scale(.85);transform-origin:center}.results-chart{gap:.75rem}.bar-wrapper{width:40px}.teleportation-diagram{flex-direction:column;gap:1rem}.teleportation-side{flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:100%}.entanglement-line{display:none}.classical-channel{flex-direction:row}.channel-arrow{font-size:1.2rem}}.city-map-container{background:#1a1a2e;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto;max-width:1000px;overflow:hidden;width:100%}.city-map{aspect-ratio:1200/800;display:block;height:auto;width:100%}.intersection{transition:opacity .2s ease}.intersection:hover{opacity:.85}.intersection circle{transition:filter .15s ease,r .15s ease}.intersection:hover circle{filter:drop-shadow(0 0 8px currentColor) brightness(1.2)}.major-roads ellipse,.major-roads line,.major-roads path{transition:stroke-width .2s ease,stroke .2s ease}.minor-roads line{transition:stroke .2s ease}.labels text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){.city-map-container{border-radius:8px}.labels text{font-size:80%}}@media (max-width:480px){.labels text{font-size:70%}}.traffic-control{padding:1rem 2rem;width:100%}.traffic-header{margin-bottom:2rem;text-align:center}.traffic-header h1{color:#fff;font-size:2rem;margin-bottom:.5rem}.traffic-intro{color:#8a8a9a;font-size:1.1rem;margin:0 auto;max-width:600px}.map-section{margin-bottom:3rem}.map-hint{color:#6a6a7a;font-size:.9rem;margin-top:1rem;text-align:center}.legend-section{background:#ffffff08;border-radius:12px;margin:0 auto;max-width:800px;padding:1.5rem}.legend-section h2{color:#fff;font-size:1.2rem;margin-bottom:1rem;text-align:center}.legend-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.legend-item{align-items:center;color:#8a8a9a;display:flex;font-size:.9rem;gap:.75rem}.legend-line{border-radius:3px;flex-shrink:0;height:6px;width:30px}.legend-line.highway{background:#4a6fa5;height:8px}.legend-line.major{background:#ddd}.legend-line.minor{background:#555;height:3px}.legend-dot{border-radius:50%;box-shadow:0 0 8px currentColor;flex-shrink:0;height:14px;width:14px}.legend-dot.red{background:#f44;box-shadow:0 0 8px #f44}.legend-dot.yellow{background:#fc0;box-shadow:0 0 8px #fc0}.legend-dot.green{background:#4f4;box-shadow:0 0 8px #4f4}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;min-height:48px}.sim-button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;box-shadow:0 4px 12px #2ecc714d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 0;text-align:center;transition:all .2s ease;width:110px}.sim-button:hover{box-shadow:0 6px 16px #2ecc7166;transform:translateY(-2px)}.sim-button.running{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 12px #f39c124d}.sim-button.running:hover{box-shadow:0 6px 16px #f39c1266}.sim-button.reset{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 12px #95a5a64d}.sim-button.reset:hover{box-shadow:0 6px 16px #95a5a666}.vehicle-count{background:#ffffff0d;border-radius:8px;color:#8a8a9a;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-width:90px;padding:.5rem 1rem}.vehicle-count,.vehicle-slider{align-items:center;display:flex}.vehicle-slider input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;width:100px}.vehicle-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2ecc71;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:16px}.vehicle-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.vehicle-slider input[type=range]::-moz-range-thumb{background:#2ecc71;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}@media (max-width:768px){.traffic-control{padding:1rem}.traffic-header h1{font-size:1.5rem}.traffic-intro{font-size:1rem}.legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.legend-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.75d6475b.css.map*/