@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,sans-serif;color:#edf7ff;background:#050914;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#050914;--panel:rgba(12,22,40,.72);--text:#edf7ff;--muted:#8fa5bd;--cyan:#67e8f9;--blue:#60a5fa;--violet:#a78bfa;--border:rgba(139,180,220,.14);--radius:22px;--shadow:0 20px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 10%,rgba(80,120,255,.09),transparent 28%),radial-gradient(circle at 85% 30%,rgba(155,90,255,.08),transparent 30%),var(--bg);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}main{min-height:80vh}.navbar{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;z-index:100;background:#050914b3;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--cyan);background:linear-gradient(135deg,#67e8f926,#a78bfa26);border:1px solid rgba(103,232,249,.2)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{color:#9db0c4;padding:9px 14px;border-radius:10px;transition:.25s}.nav-links a:hover,.nav-links a.active{color:#fff;background:#ffffff0d}.nav-links .nav-cta{margin-left:12px;color:#041018;background:linear-gradient(135deg,var(--cyan),#8ddcff);font-weight:700}.mobile-menu{display:none;border:0;background:transparent;color:#fff}.page,.dashboard-page{width:min(1180px,88%);margin:0 auto;padding:150px 0 100px}.section{width:min(1180px,88%);margin:0 auto;padding:110px 0}.section-title{max-width:720px;margin-bottom:55px}.section-title h2,.intro-section h2{margin:12px 0;font-size:clamp(32px,5vw,56px);line-height:1.02;letter-spacing:-.04em}.section-title p{color:var(--muted);line-height:1.8;font-size:16px}.eyebrow{display:inline-block;color:var(--cyan);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hero{position:relative;min-height:780px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;width:min(1300px,90%);margin:auto;overflow:hidden}.particle-field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.5;z-index:-1}.hero-content{position:relative;z-index:2;padding-top:80px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#a9bed3;border:1px solid var(--border);border-radius:100px;padding:9px 14px;background:#ffffff06;font-family:DM Mono,monospace;font-size:11px}.hero h1{max-width:780px;margin:28px 0 24px;font-size:clamp(52px,7vw,88px);line-height:.96;letter-spacing:-.065em}.hero h1 span,.intro-section h2 span,.system-hero h1 span,.dashboard-hero h1 span{display:block;background:linear-gradient(110deg,#fff 5%,var(--cyan) 48%,var(--violet) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:610px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:9px;padding:13px 19px;border-radius:12px;transition:.25s}.primary-button{color:#031018;background:linear-gradient(135deg,var(--cyan),#9bdfff);font-weight:700}.secondary-button{color:#dcecff;border:1px solid var(--border);background:#ffffff09}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.hero-stats{display:flex;gap:40px;margin-top:55px}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-size:25px}.hero-stats span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero-visual{display:grid;place-items:center;min-height:500px}.qubit-visualizer{position:relative;width:390px;height:390px;display:grid;place-items:center}.qubit-orbit{position:absolute;width:100%;height:42%;border:1px solid rgba(103,232,249,.28);border-radius:50%}.orbit-one{transform:rotate(60deg);animation:orbit 9s linear infinite}.orbit-two{transform:rotate(-60deg);animation:orbitReverse 11s linear infinite}.qubit-core{position:relative;width:120px;height:120px;border-radius:50%;border:1px solid rgba(103,232,249,.55);color:#fff;background:radial-gradient(circle at 30% 25%,#c6fbff,#48cfe9 30%,#4667ed 65%,#6d35d9);box-shadow:0 0 45px #67e8f94d,0 0 100px #8b5cf633;transition:transform .4s}.qubit-core:hover{transform:scale(1.08)}.qubit-core.active{animation:quantumPulse 1.5s ease-in-out infinite}.qubit-core span{font-family:DM Mono,monospace;font-size:35px}.qubit-state{position:absolute;bottom:15px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted)}.qubit-state strong{color:#fff}.card-grid{display:grid;gap:18px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.quantum-card{position:relative;padding:28px;min-height:245px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#0f1c31e6,#070e1bcc);overflow:hidden;transition:.3s}.quantum-card:after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-80px;border-radius:50%;background:var(--violet);filter:blur(65px);opacity:.15}.quantum-card:hover{transform:translateY(-7px);border-color:#67e8f94d;box-shadow:var(--shadow)}.card-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--cyan);border-radius:14px;background:#67e8f914}.card-tag{display:block;margin-top:18px;color:var(--violet);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.quantum-card h3{margin:20px 0 10px;font-size:21px}.quantum-card p{color:var(--muted);line-height:1.7}.card-arrow{position:absolute;bottom:25px;color:#b8cde2;font-size:13px}.intro-section{width:min(1180px,88%);margin:40px auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:80px 0;border-top:1px solid var(--border)}.intro-section p{align-self:center;color:var(--muted);line-height:2}.dashboard-hero{min-height:420px;display:flex;align-items:center;justify-content:space-between;gap:70px;margin-bottom:50px}.dashboard-hero h1{max-width:680px;font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.055em}.dashboard-hero p{max-width:600px;color:var(--muted);line-height:1.8}.dashboard-orb{width:270px;height:270px;position:relative;display:grid;place-items:center;border:1px solid rgba(103,232,249,.25);border-radius:50%;box-shadow:inset 0 0 60px #67e8f914,0 0 80px #8b5cf61f;animation:float 5s ease-in-out infinite}.dashboard-orb:before,.dashboard-orb:after{content:"";position:absolute;width:100%;height:45%;border:1px solid rgba(167,139,250,.35);border-radius:50%}.dashboard-orb:before{transform:rotate(55deg)}.dashboard-orb:after{transform:rotate(-55deg)}.dashboard-orb span{font-family:DM Mono,monospace;font-size:52px;color:var(--cyan)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{position:relative;min-height:250px;padding:28px;border:1px solid var(--border);border-radius:20px;background:#0c162899;transition:.3s}.module-card:hover{transform:translateY(-6px);border-color:#67e8f94d;background:#0f1d33d9}.module-number{position:absolute;right:25px;top:22px;color:#ffffff38;font-family:DM Mono,monospace}.module-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--cyan);background:#67e8f912;border-radius:13px}.module-card h3{margin-top:25px}.module-card p{color:var(--muted);line-height:1.6}.module-link{position:absolute;bottom:24px;color:#c9dcef;font-size:13px}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bloch-card,.gate-simulator,.circuit-builder{border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,#0c1729e6,#060d19e0);overflow:hidden}.bloch-card{padding:28px}.bloch-header,.circuit-toolbar{display:flex;justify-content:space-between;align-items:flex-start}.bloch-header h3,.circuit-toolbar h3{margin:7px 0 0}.state-badge{padding:7px 10px;color:var(--cyan);border:1px solid rgba(103,232,249,.2);border-radius:9px;font-family:DM Mono,monospace}.sphere-stage{height:380px;display:grid;place-items:center;perspective:800px}.sphere{width:250px;height:250px;position:relative;border-radius:50%;border:1px solid rgba(103,232,249,.45);background:radial-gradient(circle at 35% 30%,rgba(103,232,249,.16),transparent 55%);box-shadow:inset 0 0 60px #67e8f90d,0 0 60px #67e8f914;transition:transform .5s}.sphere-line{position:absolute;left:50%;top:50%;background:#a78bfa4d}.sphere-line.horizontal{width:100%;height:1px;transform:translate(-50%,-50%)}.sphere-line.vertical{width:1px;height:100%;transform:translate(-50%,-50%)}.state-vector{position:absolute;width:3px;height:110px;left:50%;top:50%;transform-origin:bottom center;background:linear-gradient(to top,transparent,var(--cyan));box-shadow:0 0 14px var(--cyan)}.state-vector span{position:absolute;top:-7px;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.sphere-label{position:absolute;color:#b8cde2;font-family:DM Mono,monospace}.north{top:-25px;left:50%;transform:translate(-50%)}.south{bottom:-25px;left:50%;transform:translate(-50%)}.bloch-controls{display:grid;gap:17px}.bloch-controls label{display:grid;gap:8px;color:var(--muted);font-size:12px}.bloch-controls label strong{color:#fff}input[type=range]{width:100%;accent-color:var(--cyan)}.vector-values{display:flex;gap:10px;margin-top:20px}.vector-values span{padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:#abc0d5;font-family:DM Mono,monospace;font-size:11px}.gate-simulator{display:grid;grid-template-rows:auto 1fr;min-height:680px}.gate-panel{padding:30px;border-bottom:1px solid var(--border)}.gate-panel h3{margin:8px 0}.gate-panel p{color:var(--muted);line-height:1.7}.gate-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.gate-buttons button,.gate-toolbar button{min-width:45px;height:42px;border:1px solid var(--border);border-radius:9px;color:#c9dcef;background:#ffffff09}.gate-buttons button:hover,.gate-buttons button.selected,.gate-toolbar button:hover{color:#031018;background:var(--cyan)}.gate-stage{display:grid;place-items:center;padding:40px}.gate-wire{width:100%;display:flex;align-items:center;justify-content:center;gap:25px;color:#a9bed3;font-family:DM Mono,monospace}.gate-box,.result-state{width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(103,232,249,.4);border-radius:13px;color:var(--cyan);background:#67e8f90f;font-size:20px;box-shadow:0 0 25px #67e8f912}.wide-section{margin-top:20px}.circuit-builder{padding:30px}.ghost-button{border:1px solid var(--border);padding:9px 13px;color:#b6cadf;border-radius:9px;background:transparent}.gate-toolbar{display:flex;gap:8px;margin:30px 0}.circuit-area{display:flex;align-items:center;min-height:160px;overflow-x:auto;padding:30px;border-radius:16px;background:#050b16}.wire-label{width:40px;color:var(--cyan);font-family:DM Mono,monospace}.wire{min-width:700px;display:flex;align-items:center;gap:20px;position:relative}.wire:before{content:"";height:2px;width:100%;position:absolute;background:#67e8f92e}.wire>*{position:relative;z-index:1}.circuit-gate{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.45);border-radius:9px;background:#101a30;color:var(--violet);font-family:DM Mono,monospace}.circuit-info{display:flex;gap:20px;margin-top:20px;color:var(--muted);font-size:12px}.system-hero{max-width:760px;margin-bottom:70px}.system-hero h1{font-size:clamp(48px,7vw,80px);line-height:.95;letter-spacing:-.06em}.system-hero p{color:var(--muted);line-height:1.8}.system-architecture{display:flex;align-items:center;justify-content:center;margin:70px 0;overflow-x:auto;padding:40px 20px}.architecture-node{min-width:180px;padding:22px;text-align:center;border:1px solid var(--border);border-radius:14px;background:#0c1628cc;font-family:DM Mono,monospace;font-size:12px}.architecture-node.quantum{border-color:#67e8f973;color:var(--cyan);box-shadow:0 0 35px #67e8f914}.architecture-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.system-card{padding:30px;border:1px solid var(--border);border-radius:20px;background:#0c16288c}.system-card>div{color:var(--cyan)}.system-card h3{margin-top:22px}.system-card p{color:var(--muted);line-height:1.7}.experiment-list{border-top:1px solid var(--border)}.experiment-row{display:grid;grid-template-columns:80px 1fr 130px;gap:25px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--border);transition:.25s}.experiment-row:hover{padding-left:20px;background:#67e8f906}.experiment-number{color:var(--cyan);font-family:DM Mono,monospace}.experiment-main>span,.experiment-meta span{color:var(--violet);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.experiment-main h3{margin:8px 0;font-size:22px}.experiment-main p{margin:0;color:var(--muted);line-height:1.6}.experiment-meta{display:flex;align-items:center;justify-content:space-between;color:#c2d4e7}.experiment-detail{width:min(1180px,88%);margin:auto;padding:150px 0 100px}.experiment-heading{max-width:850px;margin-bottom:70px}.experiment-heading h1{margin:14px 0;font-size:clamp(48px,7vw,78px);letter-spacing:-.06em}.experiment-heading p{color:var(--muted);font-size:17px;line-height:1.8}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:80px}.learning-grid article{padding:28px;border:1px solid var(--border);border-radius:18px;background:#0c162899}.learning-grid article>span{color:var(--cyan);font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase}.learning-grid h2{font-size:20px}.learning-grid p{color:var(--muted);line-height:1.7}.simulation-section{margin-bottom:50px}.simulation-header{margin-bottom:25px}.observation-box,.assignment-box{margin-top:25px;padding:40px;border:1px solid var(--border);border-radius:20px;background:#0c16288c}.observation-box h2,.assignment-box h2{margin:12px 0}.observation-box p,.assignment-box p{max-width:800px;color:var(--muted);line-height:1.8}.assignment-box{border-color:#a78bfa2e}.references{margin-top:60px;padding-top:30px;border-top:1px solid var(--border)}.references p{color:var(--muted)}.footer{width:min(1180px,88%);margin:50px auto 0;padding:50px 0 30px;border-top:1px solid var(--border)}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{margin-top:4px;color:var(--muted);font-size:12px}.footer>p{max-width:500px;color:var(--muted);line-height:1.7}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;color:#647a91;font-size:11px}@keyframes orbit{0%{transform:rotate(60deg) rotate(0)}to{transform:rotate(60deg) rotate(360deg)}}@keyframes orbitReverse{0%{transform:rotate(-60deg) rotate(360deg)}to{transform:rotate(-60deg) rotate(0)}}@keyframes quantumPulse{0%,to{box-shadow:0 0 40px #67e8f94d,0 0 80px #8b5cf633}50%{box-shadow:0 0 70px #67e8f98c,0 0 130px #8b5cf64d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:900px){.nav-links{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;padding:20px;background:#050914f5;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-links .nav-cta{margin-left:0}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:100px}.hero-visual{min-height:350px}.card-grid.three,.module-grid,.system-grid,.learning-grid{grid-template-columns:1fr 1fr}.explore-grid{grid-template-columns:1fr}.intro-section{grid-template-columns:1fr;gap:30px}.dashboard-hero{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.hero,.page,.section,.dashboard-page,.experiment-detail{width:90%}.hero{min-height:auto;padding-bottom:80px}.hero h1{font-size:50px}.hero-stats{gap:20px}.hero-stats strong{font-size:20px}.qubit-visualizer{width:300px;height:300px}.card-grid.three,.module-grid,.system-grid,.learning-grid{grid-template-columns:1fr}.experiment-row{grid-template-columns:45px 1fr}.experiment-meta{display:none}.system-architecture{justify-content:flex-start}.footer-bottom{flex-direction:column;gap:10px}.sphere-stage{height:300px}.sphere{width:210px;height:210px}}:root{color:#123d5a;background:#c8eafa;--bg:#c8eafa;--panel:rgba(174,222,244,.88);--text:#123d5a;--muted:#3d6d87;--cyan:#087ea5;--blue:#1674c4;--violet:#4169c1;--border:rgba(22,116,196,.25);--line:#247aa6;--line-soft:rgba(36,122,166,.42);--shadow:0 18px 55px rgba(24,91,133,.2)}body{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.32),transparent 28%),radial-gradient(circle at 85% 30%,rgba(102,183,239,.25),transparent 30%),var(--bg);color:var(--text)}body:before{background-image:linear-gradient(rgba(22,116,196,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(22,116,196,.1) 1px,transparent 1px)}.navbar{background:#aedef4e6}.brand-icon{background:linear-gradient(135deg,#087ea52e,#4169c129);border-color:#087ea54d}.nav-links a{color:#315f79}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#fff3}.mobile-menu{color:var(--text)}.hero-kicker,.secondary-button{background:#d3f0fbc2}.hero-kicker{color:#315f79}.secondary-button{color:#214f6d}.hero h1 span,.intro-section h2 span,.system-hero h1 span,.dashboard-hero h1 span{background:linear-gradient(110deg,#123d5a 5%,#087ea5 48%,#4169c1 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.quantum-card,.bloch-card,.gate-simulator,.circuit-builder{background:linear-gradient(145deg,#d3f0fbf2,#9dd3edf0)}.module-card,.system-card,.learning-grid article,.observation-box,.assignment-box{background:#b5e1f3e6}.module-card:hover{background:#cfeffafa}.card-icon,.module-icon{background:#087ea521}.gate-buttons button,.gate-toolbar button{color:#214f6d;background:#c4e8f7eb}.gate-wire{color:#315f79}.circuit-area{background:#a8d7ec}.circuit-gate{background:#8fc5e1;color:#315bb1}.architecture-node{background:#b5e1f3f0}.nav-links{background:transparent}@media(max-width:900px){.nav-links{background:#aedef4fa}}.bloch-controls label strong,.qubit-state strong{color:var(--text)}.nav-links a:hover,.nav-links a.active{color:#19324d}.card-arrow,.sphere-label,.experiment-meta{color:#48647e}.module-number{color:#19324d59}.gate-buttons button,.gate-toolbar button{color:#31506d}.gate-buttons button:hover,.gate-buttons button.selected,.gate-toolbar button:hover{color:#123047}.wire-label{color:#08758f}.circuit-info,.qubit-state{color:#637991}.navbar{border-bottom-color:var(--line-soft)}.quantum-card,.bloch-card,.gate-simulator,.circuit-builder,.module-card,.system-card,.learning-grid article,.observation-box,.assignment-box,.architecture-node{border-color:var(--line-soft)}.qubit-orbit{border-color:#087ea57a}.dashboard-orb{border-color:#087ea580;box-shadow:inset 0 0 60px #087ea51f,0 0 80px #4169c12e}.sphere{border-color:#087ea5a6;background:radial-gradient(circle at 35% 30%,rgba(8,126,165,.2),transparent 55%);box-shadow:inset 0 0 60px #087ea51a,0 0 60px #087ea524}.sphere-line{background:#4169c19e}.state-vector{background:linear-gradient(to top,transparent,var(--line));box-shadow:0 0 14px var(--line)}.state-vector span{background:var(--line);box-shadow:0 0 20px var(--line)}.architecture-line{background:linear-gradient(90deg,transparent,var(--line),transparent)}.circuit-area{border:1px solid var(--line-soft)}input[type=range]{accent-color:var(--line)}.gates-page{width:min(1280px,92%);margin:0 auto;padding:130px 0 100px}.gates-hero{margin-bottom:35px}.gates-hero-content{max-width:820px}.gates-hero-content h1{margin:16px 0 18px;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.055em}.gates-hero-content h1 span{display:inline;background:linear-gradient(110deg,#123d5a 5%,#087ea5 48%,#4169c1 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.gates-hero-content p{color:var(--muted);font-size:16px;line-height:1.8;max-width:680px}.gates-stats-ribbon{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;gap:3px;padding:12px 20px;border:1px solid var(--line-soft);border-radius:14px;background:#b5e1f3b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-pill strong{font-size:20px;font-family:DM Mono,monospace;color:var(--cyan)}.stat-pill span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.gates-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:25px 0 30px;flex-wrap:wrap}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tab{border:1px solid var(--line-soft);background:#d3f0fb99;color:var(--muted);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:.2s}.category-tab:hover{color:var(--text);background:#d3f0fbf2;border-color:var(--cyan)}.category-tab.active{color:#fff;background:linear-gradient(135deg,#087ea5,#1674c4);border-color:#087ea5;font-weight:700;box-shadow:0 4px 16px #087ea540}.search-input-wrapper{position:relative;display:flex;align-items:center;min-width:290px}.search-icon{position:absolute;left:14px;color:var(--muted);pointer-events:none}.gate-search-input{width:100%;padding:10px 32px 10px 38px;border:1px solid var(--line-soft);border-radius:12px;background:#d3f0fba6;color:var(--text);font-size:13px;outline:none;transition:.2s}.gate-search-input:focus{border-color:var(--cyan);background:#d3f0fbf2;box-shadow:0 0 0 3px #087ea526}.clear-search{position:absolute;right:10px;background:transparent;border:none;color:var(--muted);font-size:13px;cursor:pointer}.gates-main-layout{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}.gates-picker-column{position:sticky;top:95px;display:flex;flex-direction:column;gap:14px}.picker-header{display:flex;justify-content:space-between;align-items:center}.picker-tip{font-size:11px;color:var(--muted)}.gates-selector-grid{display:flex;flex-direction:column;gap:9px;max-height:calc(100vh - 180px);overflow-y:auto;padding-right:6px}.gates-selector-grid::-webkit-scrollbar{width:5px}.gates-selector-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.gates-selector-grid::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:4px}.gate-badge-card{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line-soft);border-radius:14px;background:#b5e1f399;text-align:left;transition:all .25s ease;position:relative;cursor:pointer}.gate-badge-card:hover{transform:translateY(-2px);border-color:var(--cyan);background:#cfeffaf2;box-shadow:0 4px 16px #185b851a}.gate-badge-card.selected{border-color:var(--cyan);background:linear-gradient(135deg,#087ea529,#4169c124);box-shadow:0 0 20px #087ea533}.gate-badge-symbol{min-width:44px;height:44px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(8,126,165,.35);background:#087ea51f;color:var(--cyan);font-family:DM Mono,monospace;font-weight:700;font-size:15px}.gate-badge-card.selected .gate-badge-symbol{background:var(--cyan);color:#fff;border-color:var(--cyan);box-shadow:0 0 14px #087ea54d}.gate-badge-info h4{margin:0;font-size:14px;font-weight:600;color:var(--text)}.badge-meta{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.active-dot{position:absolute;right:14px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.no-gates-found{padding:30px 20px;text-align:center;border:1px dashed var(--line-soft);border-radius:16px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.gate-detail-column{min-width:0}.gate-inspector-panel{border:1px solid var(--line-soft);border-radius:24px;background:linear-gradient(145deg,#d3f0fbf2,#a8daf1eb);padding:34px;display:flex;flex-direction:column;gap:32px;box-shadow:var(--shadow)}.inspector-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.inspector-title-area{display:flex;align-items:flex-start;gap:22px}.gate-big-symbol{min-width:84px;height:84px;display:grid;place-items:center;border-radius:20px;border:2px solid rgba(8,126,165,.5);background:linear-gradient(135deg,#087ea52e,#4169c129);color:var(--cyan);font-family:DM Mono,monospace;font-size:28px;font-weight:800;box-shadow:0 0 30px #087ea52e}.inspector-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.tag-pill{padding:4px 10px;border-radius:8px;font-size:11px;font-family:DM Mono,monospace;font-weight:600;letter-spacing:.05em}.category-tag{color:#3b5998;background:#4169c126;border:1px solid rgba(65,105,193,.3)}.qubits-tag{color:var(--cyan);background:#087ea526;border:1px solid rgba(8,126,165,.3)}.unitary-tag{color:#067253;background:#34d39933;border:1px solid rgba(52,211,153,.4)}.inspector-header h2{margin:6px 0 8px;font-size:clamp(22px,3.5vw,32px);letter-spacing:-.04em;color:var(--text)}.gate-summary-text{margin:0;color:var(--muted);font-size:15px;line-height:1.6;max-width:650px}.gate-stepper-controls{display:flex;gap:8px}.step-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line-soft);border-radius:10px;background:#fff6;color:var(--text);font-size:12px;font-weight:600;transition:.2s}.step-btn:hover{background:var(--cyan);border-color:var(--cyan);color:#fff}.inspector-section{border-top:1px solid var(--line-soft);padding-top:28px}.inspector-section h3{margin:6px 0 10px;font-size:20px}.section-title-wrap p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:20px}.sandbox-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px}.sandbox-state-selector{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.selector-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-weight:600}.input-state-buttons{display:flex;gap:6px;flex-wrap:wrap}.state-choice-btn{padding:6px 12px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff80;color:var(--text);font-family:DM Mono,monospace;font-size:12px;font-weight:600;transition:.2s;cursor:pointer}.state-choice-btn:hover{border-color:var(--cyan);background:#087ea51f}.state-choice-btn.active{background:var(--cyan);color:#fff;border-color:var(--cyan);box-shadow:0 2px 10px #087ea54d}.wire-simulation-display{border:1px solid var(--line-soft);border-radius:18px;background:#a8d7ecd9;padding:26px;display:flex;flex-direction:column;gap:22px}.wire-track{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px}.wire-node{display:flex;flex-direction:column;align-items:center;gap:8px}.node-caption{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-weight:600}.state-badge-circle{min-width:80px;height:48px;padding:0 14px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line-soft);background:#ffffffb3;font-family:DM Mono,monospace;font-weight:600;font-size:15px;color:var(--text)}.state-badge-circle.highlight{border-color:var(--cyan);background:linear-gradient(135deg,#087ea52e,#4169c129);color:var(--cyan);box-shadow:0 0 18px #087ea533;font-weight:700}.wire-connector{flex:1;position:relative;display:flex;align-items:center;min-width:50px}.wire-line{width:100%;height:2px;background:linear-gradient(90deg,#087ea533,#087ea5b3,#087ea533)}.pulse-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:wirePulse 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes wirePulse{0%{left:0%;opacity:0}25%{opacity:1}75%{opacity:1}to{left:95%;opacity:0}}.gate-circuit-box{min-width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--cyan);border-radius:14px;background:linear-gradient(135deg,#8fc5e1f2,#76b4d4f2);box-shadow:0 0 25px #087ea533}.circuit-box-symbol{font-family:DM Mono,monospace;font-size:22px;font-weight:800;color:var(--cyan)}.circuit-box-label{font-size:10px;text-transform:uppercase;color:#3b5998;letter-spacing:.1em;margin-top:2px;font-weight:600}.measurement-outcome-bar{border-top:1px solid var(--line-soft);padding-top:16px;display:flex;flex-direction:column;gap:10px}.outcome-title{font-size:12px;color:var(--muted);font-family:DM Mono,monospace;font-weight:600}.outcome-bars-list{display:flex;flex-direction:column;gap:8px}.prob-meter-row{display:grid;grid-template-columns:55px 1fr 50px;align-items:center;gap:12px}.basis-label{font-family:DM Mono,monospace;font-weight:700;font-size:13px;color:var(--cyan)}.meter-track{height:12px;border-radius:100px;background:#ffffff80;overflow:hidden;border:1px solid var(--line-soft)}.meter-fill{height:100%;background:linear-gradient(90deg,#087ea5,#1674c4);border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1)}.prob-value{font-family:DM Mono,monospace;font-size:12px;font-weight:700;text-align:right;color:var(--text)}.truth-table-wrapper{overflow-x:auto;border:1px solid var(--line-soft);border-radius:18px;background:#b5e1f3bf}.quantum-truth-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.quantum-truth-table th{padding:14px 18px;background:#ffffff73;border-bottom:1px solid var(--line-soft);color:var(--cyan);font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.quantum-truth-table td{padding:14px 18px;border-bottom:1px solid rgba(36,122,166,.15);color:var(--text)}.quantum-truth-table tr:last-child td{border-bottom:none}.mono-cell{font-family:DM Mono,monospace;font-size:13px}.output-badge{display:inline-block;padding:4px 10px;border-radius:8px;background:#087ea51f;border:1px solid rgba(8,126,165,.3);color:var(--cyan);font-weight:700}.phase-cell{font-family:DM Mono,monospace;font-size:12px;color:#3b5998}.explanation-cell{color:var(--muted);line-height:1.5}.highlighted-row{background:#087ea524!important}.highlighted-row td{border-color:#087ea559}.highlighted-row .output-badge{background:var(--cyan);color:#fff;border-color:var(--cyan);box-shadow:0 2px 10px #087ea54d}.inspector-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inspector-card{padding:24px;border:1px solid var(--line-soft);border-radius:18px;background:#b5e1f3b3}.inspector-card h3{margin:6px 0 4px;font-size:18px}.inspector-card p{color:var(--muted);font-size:13px;margin:0}.matrix-display-container{display:flex;align-items:center;justify-content:center;margin:24px 0 18px;position:relative}.matrix-bracket{width:12px;height:100%;min-height:56px;border-top:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.matrix-bracket.left{border-left:2px solid var(--cyan);border-top-left-radius:6px;border-bottom-left-radius:6px;margin-right:8px}.matrix-bracket.right{border-right:2px solid var(--cyan);border-top-right-radius:6px;border-bottom-right-radius:6px;margin-left:8px}.matrix-grid{display:grid;gap:8px 14px;padding:8px 12px}.matrix-cell{font-family:DM Mono,monospace;font-size:14px;font-weight:700;color:var(--text);text-align:center;min-width:34px}.matrix-meta{border-top:1px solid var(--line-soft);padding-top:14px;display:flex;flex-direction:column;gap:6px}.meta-item{display:flex;justify-content:space-between;font-size:12px;font-family:DM Mono,monospace}.meta-item span{color:var(--muted)}.meta-item strong{color:var(--cyan)}.properties-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.prop-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-bottom:10px;border-bottom:1px solid rgba(36,122,166,.15)}.prop-name{color:var(--muted);font-size:13px}.prop-val{font-family:DM Mono,monospace;font-weight:600;color:var(--text)}.prop-val.success{color:#067253;display:inline-flex;align-items:center;gap:5px}.prop-val.bloch-action{font-size:11px;text-align:right;max-width:60%;color:var(--cyan)}.functionality-content-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.content-card{padding:20px;border:1px solid var(--line-soft);border-radius:16px;background:#b5e1f3a6}.content-card h4{margin:0 0 10px;font-size:15px;color:var(--cyan);font-weight:700}.content-card p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.applications-badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.app-badge-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line-soft);border-radius:14px;background:#b5e1f399;font-size:13px;color:var(--text)}.app-badge-bullet{min-width:24px;height:24px;border-radius:50%;background:#087ea526;color:var(--cyan);font-family:DM Mono,monospace;font-size:11px;font-weight:700;display:grid;place-items:center;border:1px solid rgba(8,126,165,.35)}.inspector-footer-cta{border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(135deg,#087ea51f,#4169c11f);padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:10px}.inspector-footer-cta h4{margin:0 0 6px;font-size:17px;color:var(--text)}.inspector-footer-cta p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.footer-cta-buttons{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:1040px){.gates-main-layout{grid-template-columns:1fr}.gates-picker-column{position:static;max-height:none}.gates-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:360px}}@media(max-width:768px){.inspector-title-area{flex-direction:column;gap:14px}.wire-track{flex-direction:column;gap:12px}.wire-connector{width:2px;height:30px;min-width:auto}.wire-line{width:2px;height:100%}.pulse-particle{animation:wirePulseVertical 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes wirePulseVertical{0%{top:0%;opacity:0}25%{opacity:1}75%{opacity:1}to{top:95%;opacity:0}}.inspector-grid-two,.functionality-content-cards,.applications-badge-grid{grid-template-columns:1fr}.gate-inspector-panel{padding:20px}}.circuit-builder{padding:34px;border-radius:24px;background:linear-gradient(145deg,#d3f0fbf2,#a8daf1eb);border:1px solid var(--line-soft);box-shadow:var(--shadow)}.circuit-builder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.circuit-header-desc{color:var(--muted);font-size:14px;line-height:1.6;max-width:650px;margin:6px 0 0}.circuit-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qubit-mode-toggle{display:flex;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:#ffffff73}.mode-btn{padding:8px 16px;border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--cyan);color:#fff;font-weight:700;box-shadow:0 2px 8px #087ea54d}.clear-btn{display:inline-flex;align-items:center;gap:6px}.circuit-presets-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 16px}.presets-label{font-size:11px;text-transform:uppercase;color:var(--cyan);font-family:DM Mono,monospace;font-weight:700;display:inline-flex;align-items:center;gap:5px}.presets-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-chip{padding:6px 14px;border-radius:8px;border:1px solid var(--line-soft);background:#ffffff73;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:.2s}.preset-chip:hover{background:#087ea526;border-color:var(--cyan);color:var(--cyan)}.gate-palette-container{margin:16px 0 24px;padding:18px 22px;border-radius:16px;border:1px solid var(--line-soft);background:#b5e1f38c}.palette-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.palette-sub{display:flex;flex-direction:column;gap:8px}.palette-label{font-size:11px;font-family:DM Mono,monospace;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.gate-buttons-row{display:flex;gap:8px;flex-wrap:wrap}.palette-gate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;height:48px;padding:0 8px;border-radius:10px;border:1px solid var(--line-soft);background:#ffffffa6;cursor:pointer;transition:.2s}.palette-gate-btn:hover{transform:translateY(-2px);border-color:var(--cyan);background:#087ea526;box-shadow:0 4px 12px #087ea526}.btn-symbol{font-family:DM Mono,monospace;font-size:15px;font-weight:700;color:var(--text)}.btn-sub{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:600}.palette-gate-btn.secondary{border-color:#4169c159}.palette-gate-btn.entangle{min-width:64px;background:#087ea526;border-color:#087ea566}.palette-gate-btn.entangle .btn-symbol{color:var(--cyan)}.palette-gate-btn.measure-gate{background:#f59e0b26;border-color:#f59e0b66}.circuit-canvas-area{border:1px solid var(--line-soft);border-radius:18px;background:#a8d7ece0;padding:24px;overflow-x:auto}.circuit-wires-wrapper{display:flex;flex-direction:column;gap:24px;min-width:600px}.circuit-wire-row{display:flex;align-items:center;gap:16px}.wire-header{display:flex;align-items:center;gap:8px;min-width:75px}.wire-name{font-family:DM Mono,monospace;font-size:16px;font-weight:800;color:var(--cyan)}.wire-init{font-family:DM Mono,monospace;font-size:14px;color:var(--text);padding:3px 8px;border-radius:6px;background:#ffffffa6;border:1px solid var(--line-soft);font-weight:600}.wire-timeline{flex:1;position:relative;display:flex;align-items:center;gap:18px;min-height:60px;padding:0 14px}.wire-spine-line{position:absolute;left:0;right:0;height:2px;background:var(--line-soft);z-index:0}.gate-slot-block{position:relative;z-index:1}.circuit-placed-gate{min-width:48px;height:48px;padding:0 8px;display:grid;place-items:center;border-radius:10px;border:2px solid var(--cyan);background:linear-gradient(135deg,#fffffff2,#d3f0fbf2);color:var(--text);font-family:DM Mono,monospace;font-weight:800;font-size:15px;box-shadow:0 2px 10px #087ea52e;position:relative}.circuit-placed-gate:hover .remove-gate-btn{display:grid}.remove-gate-btn{display:none;position:absolute;top:-7px;right:-7px;width:18px;height:18px;place-items:center;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0003}.cnot-control{border-radius:50%;width:28px;height:28px;min-width:28px;background:var(--cyan);color:#fff;font-size:18px}.cnot-target{border-radius:50%;width:34px;height:34px;min-width:34px;background:#fff;border-color:var(--cyan);color:var(--cyan);font-size:20px}.cnot-vertical-link{position:absolute;left:50%;top:28px;width:2px;height:56px;background:var(--cyan);transform:translate(-50%);z-index:0}.gate-slot-block.passthrough{width:48px;height:48px;display:grid;place-items:center}.wire-passthrough-dot{width:6px;height:6px;border-radius:50%;background:var(--line-soft)}.empty-circuit-hint{color:var(--muted);font-style:italic;font-size:13px;z-index:1;padding-left:20px}.wire-terminal{margin-left:auto;display:flex;align-items:center;gap:8px;z-index:1}.terminal-arrow{color:var(--muted);font-size:16px}.measurement-meter{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f59e0b2e;border:1px solid rgba(245,158,11,.45);color:#b45309;font-family:DM Mono,monospace;font-weight:800;font-size:13px}.circuit-canvas-footer{display:flex;gap:20px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted);font-family:DM Mono,monospace}.circuit-canvas-footer strong{color:var(--text)}.circuit-output-panel{margin-top:30px;padding-top:30px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:24px}.circuit-output-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.output-header-left h3{margin:4px 0 0;font-size:22px;color:var(--text)}.resample-btn{font-size:12px;padding:9px 16px;cursor:pointer}.state-vector-hero-card{padding:24px 28px;border-radius:18px;border:1px solid var(--line-soft);background:linear-gradient(135deg,#087ea529,#4169c124);display:flex;flex-direction:column;gap:14px}.state-equation-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.state-ket-label{font-family:DM Mono,monospace;font-size:20px;font-weight:800;color:var(--cyan)}.state-equation-text code{font-family:DM Mono,monospace;font-size:clamp(17px,2.8vw,24px);font-weight:700;color:var(--text);letter-spacing:-.02em}.state-meta-badges{display:flex;gap:10px;flex-wrap:wrap}.classification-pill{padding:5px 12px;border-radius:100px;background:#087ea533;border:1px solid rgba(8,126,165,.4);color:var(--cyan);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.purity-pill{padding:5px 12px;border-radius:100px;background:#34d39933;border:1px solid rgba(52,211,153,.4);color:#067253;font-size:12px;font-weight:600;font-family:DM Mono,monospace}.concurrence-pill{padding:5px 12px;border-radius:100px;background:#ffffff80;border:1px solid var(--line-soft);color:var(--muted);font-size:12px;font-family:DM Mono,monospace}.concurrence-pill.entangled{background:#4169c133;border-color:#4169c173;color:#3b5998;font-weight:700}.output-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.output-column-card{padding:22px;border-radius:16px;border:1px solid var(--line-soft);background:#b5e1f3a6;display:flex;flex-direction:column;gap:12px}.card-subhead{display:flex;align-items:center;gap:8px;color:var(--cyan)}.card-subhead h4{margin:0;font-size:15px;font-weight:700;color:var(--text)}.card-subtext{margin:0;font-size:12px;color:var(--muted)}.prob-bars-stack{display:flex;flex-direction:column;gap:10px;margin-top:6px}.basis-prob-row{display:grid;grid-template-columns:50px 1fr 70px auto;align-items:center;gap:10px}.basis-key-tag{font-family:DM Mono,monospace;font-weight:700;font-size:14px;color:var(--cyan)}.basis-key-tag.measure{color:#3b5998}.prob-bar-container{height:14px;border-radius:100px;background:#ffffff8c;overflow:hidden;border:1px solid var(--line-soft)}.prob-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#087ea5,#1674c4);transition:width .35s cubic-bezier(.4,0,.2,1)}.shot-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.prob-percent-text{font-family:DM Mono,monospace;font-size:13px;font-weight:700;color:var(--text);text-align:right}.amplitude-annotation{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);white-space:nowrap}.single-shot-collapse-box{margin-top:10px;padding:12px 14px;border-radius:10px;background:#f59e0b24;border:1px solid rgba(245,158,11,.35);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.collapsed-basis{font-family:DM Mono,monospace;font-size:15px;color:#b45309;font-weight:800}.circuit-trace-container{padding:20px 22px;border-radius:16px;border:1px solid var(--line-soft);background:#b5e1f399}.trace-header h4{margin:0;font-size:14px;font-weight:700}.trace-caption{font-size:12px;color:var(--muted)}.trace-steps-scroller{display:flex;gap:10px;overflow-x:auto;padding:12px 0 4px}.trace-step-chip{padding:10px 14px;border-radius:10px;background:#ffffffa6;border:1px solid var(--line-soft);min-width:150px;display:flex;flex-direction:column;gap:4px}.chip-step-num{font-size:10px;font-family:DM Mono,monospace;text-transform:uppercase;color:var(--cyan);font-weight:700}.chip-step-title{font-size:12px;font-weight:600;color:var(--text)}.chip-step-state code{font-size:11px;font-family:DM Mono,monospace;color:#3b5998}@media(max-width:860px){.output-visual-grid{grid-template-columns:1fr}}.enhanced-bloch{display:flex;flex-direction:column;gap:18px;overflow:visible!important}.bloch-camera-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--line-soft);background:#b5e1f38c;flex-wrap:wrap}.camera-label-group{display:flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;font-family:DM Mono,monospace;color:var(--cyan);font-weight:700}.camera-presets-list{display:flex;gap:6px;flex-wrap:wrap}.camera-view-btn{padding:5px 11px;border-radius:7px;border:1px solid var(--line-soft);background:#ffffff8c;font-size:11px;font-family:DM Mono,monospace;font-weight:600;color:var(--text);cursor:pointer;transition:.2s}.camera-view-btn:hover{background:#087ea526;border-color:var(--cyan);color:var(--cyan)}.camera-view-btn.active{background:var(--cyan);color:#fff;border-color:var(--cyan);box-shadow:0 2px 6px #087ea540}.sphere-3d-stage{position:relative;display:grid;place-items:center;min-height:380px;border-radius:18px;border:1px solid var(--line-soft);background:radial-gradient(circle at 45% 40%,#ffffffa6,#a8d7ecd9);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 40px #087ea514}.sphere-3d-stage.dragging{cursor:grabbing}.drag-hint-badge{position:absolute;top:12px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;background:#ffffffb3;border:1px solid var(--line-soft);font-size:10px;color:var(--muted);font-family:DM Mono,monospace;pointer-events:none}.camera-readout-badge{position:absolute;bottom:12px;right:14px;display:flex;gap:10px;padding:4px 10px;border-radius:8px;background:#ffffffb3;border:1px solid var(--line-soft);font-size:10px;font-family:DM Mono,monospace;color:var(--muted);pointer-events:none}.camera-readout-badge strong{color:var(--cyan)}.bloch-svg{width:100%;max-width:400px;height:auto;display:block}.basis-label-click{cursor:pointer;transition:.15s}.basis-label-click:hover{fill:var(--cyan)}.bloch-presets-and-gates{display:flex;flex-direction:column;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--line-soft);background:#b5e1f380}.bloch-sub-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bloch-row-title{font-size:11px;font-family:DM Mono,monospace;color:var(--muted);text-transform:uppercase;font-weight:700;min-width:85px}.state-preset-pills,.gate-transform-pills{display:flex;gap:6px;flex-wrap:wrap}.state-pill{padding:5px 11px;border-radius:7px;border:1px solid var(--line-soft);background:#ffffff8c;font-size:12px;font-family:DM Mono,monospace;font-weight:700;color:var(--text);cursor:pointer;transition:.2s}.state-pill:hover{border-color:var(--cyan);background:#087ea51f}.state-pill.selected{background:var(--cyan);color:#fff;border-color:var(--cyan);box-shadow:0 2px 6px #087ea540}.bloch-gate-btn{width:32px;height:30px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line-soft);background:#ffffffa6;font-size:12px;font-family:DM Mono,monospace;font-weight:800;color:#3b5998;cursor:pointer;transition:.2s}.bloch-gate-btn:hover{background:var(--cyan);color:#fff;border-color:var(--cyan);transform:translateY(-1px)}.bloch-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.slider-control-card{padding:14px 16px;border-radius:14px;border:1px solid var(--line-soft);background:#b5e1f38c;display:flex;flex-direction:column;gap:8px}.slider-label-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text)}.slider-label-row strong{font-family:DM Mono,monospace;color:var(--cyan);font-size:14px}.slider-endpoints{display:flex;justify-content:space-between;font-size:9px;font-family:DM Mono,monospace;color:var(--muted)}.bloch-output-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-top:10px;border-top:1px solid var(--line-soft)}.bloch-prob-meters{display:flex;gap:12px;flex:1;min-width:220px}.prob-pill-item{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:10px;background:#ffffff8c;border:1px solid var(--line-soft)}.prob-header{display:flex;justify-content:space-between;align-items:center;font-size:12px}.prob-ket{font-family:DM Mono,monospace;font-weight:700;color:var(--cyan)}.mini-prob-track{height:7px;border-radius:100px;background:#00000014;overflow:hidden}.mini-prob-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#087ea5,#1674c4);transition:width .25s ease}.vector-values-ribbon{display:flex;gap:8px;flex-wrap:wrap}.coord-chip{padding:6px 10px;border-radius:8px;background:#ffffff8c;border:1px solid var(--line-soft);font-size:11px;font-family:DM Mono,monospace;color:var(--muted)}.coord-chip strong{color:var(--text)}@media(max-width:650px){.bloch-controls-grid{grid-template-columns:1fr}}