:root{color-scheme:dark;--bg:#0a101b;--panel:#111b2a;--panel-alt:#0d1725;--line:#26364c;--text:#e3edf9;--muted:#7d91ad;--mint:#5ee5c3;--purple:#a59bff;--blue:#78adff;--gold:#e8c28b;--red:#ef8198;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--mint)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.topbar{height:82px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);gap:49px;background:#0c1421}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:43px;height:43px;line-height:39px;text-align:center;font-size:31px;border:1px solid #405570;border-radius:12px;color:var(--mint);position:relative}.brand-mark>span{position:absolute;right:3px;top:6px;color:white;font-size:31px}.brand b{font-size:14px;letter-spacing:1.5px;display:block}.brand em{font-size:11px;font-weight:400;font-style:normal;letter-spacing:0;color:#a1b1c7;margin-left:4px}.brand small{display:block;letter-spacing:2px;color:#667f9c;font-size:9px;margin-top:3px}.topbar nav{height:100%;display:flex;gap:31px;align-items:stretch}.nav-button{display:flex;align-items:center;font-size:12px;color:#91a4be;white-space:nowrap;position:relative}.nav-button.active{color:var(--mint)}.nav-button.active:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--mint)}.nav-button>span{border:1px solid #3b4960;border-radius:3px;padding:0 4px;font-size:8px;margin-left:6px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.quiet{color:#8095b0;font-size:10px;white-space:nowrap}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3b4e68;border-radius:6px;background:#172336;padding:8px 13px;font-size:10px;white-space:nowrap}.outline-button:hover{border-color:var(--mint);color:var(--mint)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 17px;font-size:11px;font-weight:650;border:1px solid var(--mint);border-radius:6px;background:var(--mint);color:#092a26;white-space:nowrap}.primary-button:hover{background:#91f5da;color:#092a26}.primary-button>span{font-size:9px}.text-button{font-size:9px;color:#8fa7c5;padding:0;white-space:nowrap}.text-button:hover{color:var(--mint)}main{padding:29px 32px 0;max-width:1920px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:600;color:var(--mint);display:flex;align-items:center;gap:7px}.eyebrow>i{height:5px;width:5px;border-radius:50%;background:var(--mint)}h1{font-weight:550;font-size:27px;letter-spacing:.8px;margin:10px 0 7px}h1>span{font-weight:400;font-size:14px;color:#849ab6;border-left:1px solid #394961;padding-left:18px;margin-left:19px;letter-spacing:.3px}.hero p{font-size:10px;color:var(--muted);letter-spacing:.5px;margin:0}.hero-tag{font-size:9px;color:#799b97;white-space:nowrap;border:1px solid #2b4746;border-radius:5px;padding:7px 10px;background:#10252370}.hero-tag b{font-weight:400;margin:0 7px;color:#43675e}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:4px}.metrics-strip{display:grid;grid-template-columns:1.45fr .85fr 1fr .9fr .9fr 1.1fr;padding:16px 0;background:linear-gradient(110deg,#142132,#101a29);border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.metrics-strip article{padding:0 20px;border-right:1px solid #2a3a4f;min-width:0}.metrics-strip article:last-child{border:0}.metrics-strip span{display:block;font-size:9px;color:#859bb7;letter-spacing:.4px}.metrics-strip b{font-size:22px;font-weight:500;display:block;line-height:1.5;margin:5px 0 2px;font-variant-numeric:tabular-nums}.metrics-strip article:first-child b,.metrics-strip article:last-child b{font-size:16px;margin-top:9px;line-height:1.6}.metrics-strip em{font-size:9px;font-weight:400;font-style:normal;color:#829bb9;margin-left:4px}.metrics-strip small{font-size:8px;color:#6d86a4;display:block}.accent{color:var(--mint)}.workspace-grid{display:grid;grid-template-columns:224px minmax(420px,1fr) 284px;gap:16px;align-items:start}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.sidebar,.center-column,.insight-column{display:flex;flex-direction:column;gap:15px;min-width:0}.side-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.7px;font-weight:550;padding:14px 14px 10px}.side-heading>span{font-size:8px;color:#596f8e;letter-spacing:1px;font-weight:400}.experiment-switch{padding-bottom:7px}.experiment-button{display:flex;align-items:center;gap:10px;width:calc(100% - 14px);margin:2px 7px;padding:10px 8px;border-radius:5px;text-align:left;border:1px solid transparent;position:relative}.experiment-button.active{border-color:#30534f;background:linear-gradient(95deg,#1a3a36,#152e30)}.experiment-button.active:before{content:'';position:absolute;width:2px;height:20px;left:-8px;top:15px;background:var(--mint)}.experiment-icon{display:inline-flex;justify-content:center;align-items:center;width:26px;height:29px;font-size:22px;font-family:Georgia,serif;color:#8c9dbd}.experiment-button.active .experiment-icon{color:var(--mint)}.experiment-icon.led-icon{font-family:ui-monospace,monospace;font-size:24px}.experiment-button b{font-size:11px;display:block;font-weight:550;color:#c4d4e8}.experiment-button small{display:block;font-size:7px;color:#6c86a5;margin-top:3px}.experiment-button i{margin-left:auto;align-self:flex-start;font-style:normal;font-size:7px;color:#486581;margin-top:4px}.experiment-button.active small{color:#76a89b}.parameters{padding-bottom:14px}.parameters .side-heading{border-bottom:1px solid var(--line);margin-bottom:14px}.parameters #experimentControls{padding:0 14px}.shared-parameters{padding:0 14px 14px}.shared-parameters .side-heading{padding-left:0;padding-right:0}.field-label{font-size:10px;color:#b2c5de;display:flex;align-items:center;justify-content:space-between;margin:12px 0 7px}.field-label>span{color:#57708e;font-size:7px}.sidebar input:not([type=range]),.sidebar select{background:#0c1625;border:1px solid #32465f;color:#cad9ed;border-radius:5px;padding:8px 9px;width:100%;font-size:11px;min-width:0}.sidebar input[type=range]{width:100%;height:3px;accent-color:var(--mint);display:block;margin:10px 0 8px}.field-note{font-size:8px;color:#667f9f;line-height:1.8;margin:8px 0 12px}.range-heading{display:flex;justify-content:space-between;font-size:10px;align-items:center;margin-top:15px;color:#a7bdd7}.range-heading b{color:var(--mint);font-weight:500;font-family:ui-monospace,monospace;font-size:11px}.example-row{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 15px}.example-row button{border:1px solid #2d415b;border-radius:4px;font-size:8px;color:#859cba;padding:3px 7px;background:#152136}.mini-tabs{display:flex;background:#0a1422;padding:3px;border:1px solid #2c3e56;border-radius:5px;gap:2px;margin-bottom:12px}.mini-tabs button{font-size:8px;color:#718baa;padding:5px 3px;flex:1;border-radius:3px}.mini-tabs button.active{background:#2a374f;color:#d8d1ff}.small-callout{background:#172638;border-left:2px solid #7566c3;padding:9px 9px;font-size:8px;color:#899fbd;line-height:1.8;margin:10px 0}.secondary-full{border:1px solid #425170;background:#1c2741;border-radius:5px;padding:8px;width:100%;font-size:9px;color:#c3baff;margin-top:4px}.secondary-full:hover{border-color:var(--purple);color:#e3ddff}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);min-height:54px}.panel-heading h2{font-size:11px;font-weight:550;letter-spacing:.5px;margin:0}.panel-heading .muted{display:block;font-size:8px;margin-top:3px}.muted{font-size:9px;color:var(--muted)}.circuit-heading{padding-top:15px;padding-bottom:14px}.circuit-heading .eyebrow{font-size:7px;letter-spacing:1.6px;color:#5c8298}.circuit-heading h2{font-size:15px;margin:4px 0 0;font-weight:500}.circuit-actions{display:flex;gap:15px;align-items:center}.gate-library{display:flex;gap:9px;align-items:center;padding:11px 13px 8px;background:#101a2a}.library-label{font-size:8px;color:#5e7899;writing-mode:vertical-rl;letter-spacing:1px;line-height:1.2;padding-right:3px}.gate-library #gatePalette{display:flex;gap:5px;flex-wrap:wrap;flex:1}.gate-button{border:1px solid #45416a;background:#28263f;color:#c7bcff;font-size:10px;min-width:29px;padding:4px 5px;border-radius:4px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500}.gate-button.pauli{border-color:#344f72;background:#1d3049;color:#a7cbff}.gate-button.control{border-color:#2b5c56;background:#17352f;color:#8fe5cd}.gate-button.measure{border-color:#675339;background:#352d24;color:#e5c395}.gate-button.active{outline:1px solid var(--mint);box-shadow:0 0 10px #5ee5c31c;color:#e0fff6}.help-button{width:18px;height:18px;border:1px solid #45607b;border-radius:50%;font-size:9px;color:#7791b2;flex-shrink:0}.placement-note{font-size:8px;color:#5c7698;padding:3px 15px 11px;border-bottom:1px solid #1e3047;line-height:1.7}.placement-note span{color:#7ba3a0;margin-right:5px}#circuitEditor{height:475px;background:#0b1422;overflow:hidden}.circuit-explanation{padding:11px 16px;border-top:1px solid #27394f;color:#728cac;font-size:9px;line-height:1.8;background:#121f30}.runbar{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-top:1px solid var(--line);gap:8px}.runbar>div{display:flex;gap:7px;align-items:center}.step-button{border:1px solid #344a64;color:#8da6c4;font-size:13px;line-height:1;padding:8px;border-radius:5px}.step-label{font-size:8px;color:#7189a7;margin-left:3px}.result-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:15px}.distribution-panel,.state-panel{height:305px}.chart-legend{font-size:7px;color:#687f9c;display:flex;align-items:center;gap:4px}.chart-legend i{display:inline-block;width:5px;height:5px;border-radius:1px;background:#7762ab}.chart-legend i:last-child{background:var(--mint);margin-left:5px}.distribution{height:218px;padding:13px 14px;overflow:auto;scrollbar-width:thin;scrollbar-color:#324c69 transparent}.distribution-row{display:grid;grid-template-columns:49px 1fr 52px;align-items:center;gap:8px;margin-bottom:8px;font-size:8px;color:#8aa2c1}.distribution-row .binary{font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9cb3cf}.prob-track{height:12px;position:relative;border-left:1px solid #314663;background:#0c1522}.prob-ideal{position:absolute;left:0;top:0;bottom:0;background:#6f5c9b;min-width:0;opacity:.65;border-radius:0 2px 2px 0}.prob-measured{position:absolute;left:0;top:4px;bottom:4px;background:var(--mint);min-width:0;border-radius:0 2px 2px 0}.prob-value{text-align:right;font-family:ui-monospace,monospace;font-size:8px}.plot-foot{border-top:1px solid #23354b;padding:7px 13px;color:#5a7596;font-size:7px;line-height:1.5;min-height:30px}.state-panel .panel-heading{padding-left:13px;padding-right:13px}.state-panel select{background:#142237;border:1px solid #2c435e;color:#819dbd;font-size:8px;border-radius:4px;padding:4px;max-width:135px}.state-content{height:218px;overflow:auto;padding:12px 13px;scrollbar-width:thin;scrollbar-color:#324c69 transparent}.empty-result{min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;color:#47617e;line-height:1.8}.bloch-grid{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:10px 8px}.bloch-item{text-align:center;border:1px solid #21384f;border-radius:5px;padding:7px 2px;background:#101d2e}.bloch-item svg{width:70px;height:55px;display:block;margin:auto}.bloch-item b{font-size:9px;color:#9cb7d4;font-weight:500}.bloch-item small{display:block;color:#527394;font-size:7px;margin-top:2px;font-family:ui-monospace,monospace}.amplitude-row{display:grid;grid-template-columns:65px 1fr 45px;gap:7px;align-items:center;font-size:8px;margin-bottom:9px;font-family:ui-monospace,monospace;color:#92a9c8}.phase-bar{position:relative;height:13px;background:#0a1421;overflow:hidden;border-radius:2px}.phase-bar i{height:100%;display:block;background:hsl(var(--phase),40%,55%);min-width:1px}.amplitude-row small{font-size:7px;color:#647f9f}.log-panel .panel-heading{min-height:46px;padding:11px 15px}#eventLog{max-height:146px;overflow:auto;padding:4px 15px 9px;scrollbar-width:thin}.event-row{font-size:8px;display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-bottom:1px solid #1d3045}.event-row:last-child{border:0}.event-row time{color:#426482;font-family:ui-monospace,monospace;white-space:nowrap;min-width:44px}.event-row b{font-weight:400;color:#9bb3d0}.event-row p{color:#597d9f;font-size:7px;line-height:1.7;margin:1px 0 0}.chip{font-size:7px;border:1px solid #3b4f6a;border-radius:4px;padding:2px 6px;color:#7f99bb;white-space:nowrap}.chip.good{border-color:#3b6d62;background:#17372f;color:var(--mint)}.chip.warn{border-color:#715b3e;color:var(--gold);background:#30291f}.outcome-panel #outcomeContent{padding:20px 17px 18px;min-height:150px}.factor-label{color:#6c82a1;font-size:8px;letter-spacing:1px;text-transform:uppercase}.factor-answer{font-family:ui-monospace,SFMono-Regular,monospace;font-size:28px;color:#e4e8ff;line-height:1.7;overflow-wrap:anywhere;margin:11px 0 13px;font-weight:400}.factor-answer em{color:var(--mint);font-style:normal}.outcome-message{font-size:10px;line-height:1.9;color:#7f97b6;margin:9px 0 0;overflow-wrap:anywhere}.outcome-note{font-size:8px;color:#536f90;line-height:1.8;padding:10px 0 0;border-top:1px solid #263b51;margin-top:16px}.mini-values{display:flex;gap:15px;margin-top:15px}.mini-values>div{flex:1}.mini-values span{display:block;font-size:7px;color:#5e7c9c}.mini-values b{display:block;font-size:17px;color:#afa6f3;font-weight:500;margin-top:2px}.mini-values small{font-size:8px;font-weight:400;color:#7694b3}.reasoning-panel #reasoningContent{padding:16px}.reason-step{display:flex;gap:10px;padding-bottom:15px;position:relative}.reason-step:last-child{padding-bottom:0}.reason-step>i{border:1px solid #3c506b;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:8px;font-style:normal;color:#8099bc;flex-shrink:0;background:#18243a;position:relative;z-index:1}.reason-step.good>i{color:var(--mint);border-color:#376b60;background:#15372e}.reason-step:not(:last-child):after{content:'';position:absolute;top:21px;bottom:0;left:9px;width:1px;background:#283f56}.reason-step b{display:block;font-size:9px;font-weight:500;color:#b5c7df}.reason-step p{font-size:8px;color:#607fa1;margin:4px 0 0;line-height:1.9;overflow-wrap:anywhere}.reason-step code{font-size:10px;color:#c2affb;display:block;margin-top:4px;overflow-wrap:anywhere}.task-tip{padding:17px;background:linear-gradient(125deg,#1c2340,#142333)}.task-tip .eyebrow{color:#a293dd;font-size:7px}.task-tip h3{font-size:12px;font-weight:500;margin:12px 0 8px;color:#c4bcf4}.task-tip p{font-size:9px;line-height:1.9;color:#788db2;margin:0 0 14px}.task-tip .text-button{color:#afa0e8}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0 28px;font-size:8px;color:#4f6d8c}footer b{font-weight:400;margin:0 9px;color:#3c6c65}footer .text-button{font-size:8px;color:#6788ac}.led-display{background:radial-gradient(ellipse at center,#21152a,#070e18 75%);border:1px solid #293b53;border-radius:6px;padding:17px;position:relative;text-align:center}.led-display svg{height:156px;width:112px;display:block;margin:auto}.led-display .segment{fill:#251f31;stroke:#382e44;stroke-width:.5;transition:fill .15s}.led-display .segment.lit{fill:#fb829b;stroke:#ffb8c5;filter:drop-shadow(0 0 4px #ff607f)}.led-display small{font-size:7px;letter-spacing:2px;color:#5f5074;position:absolute;left:10px;top:8px}.led-display .led-value{font-size:8px;letter-spacing:1px;color:#bc8097;margin-top:9px}.led-bits{display:flex;justify-content:space-between;margin:14px 0 10px;gap:3px}.led-bit{flex:1;text-align:center;font-family:ui-monospace,monospace}.led-bit small{display:block;font-size:8px;color:#7a6389}.led-bit b{display:block;color:#67465d;font-weight:400;font-size:14px;margin-top:4px}.led-bit.on b{color:#f88eaa}.led-measure-button{margin:7px 0;width:100%;font-size:10px;padding:8px;border:1px solid #614451;background:#30212c;border-radius:5px;color:#e7a0b3}.segment-switches,.input-bits{display:flex;gap:4px;flex-wrap:wrap}.segment-toggle{font-size:9px;border:1px solid #43516f;padding:5px 7px;border-radius:4px;color:#6f81a5;background:#152239}.segment-toggle.active{border-color:#705264;color:#ec9db5;background:#332432}.input-bits button{flex:1;font-family:ui-monospace,monospace;font-size:9px;border:1px solid #46517b;border-radius:4px;padding:6px;background:#23273e;color:#9a9ac6}.input-bits button.active{border-color:#a79aff;color:#e3daff;background:#3b3158}.check-table{width:100%;border-collapse:collapse;font-size:8px;color:#869dbb;margin:10px 0}.check-table th{text-align:left;color:#566f91;font-weight:400;font-size:7px;padding:4px 2px;border-bottom:1px solid #304359}.check-table td{padding:5px 2px;border-bottom:1px solid #24364b;font-family:ui-monospace,monospace}.check-table .pass{color:var(--mint)}.check-table .fail{color:var(--red)}.algorithm-detail{border:1px solid #2d425c;border-radius:6px;padding:11px;margin-bottom:12px;background:#101c2d}.algorithm-detail b{font-size:13px;font-weight:500;color:#c3b4ff}.algorithm-detail p{font-size:9px;line-height:1.8;color:#6888ac;margin:7px 0 0}.resource-estimate{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0}.resource-estimate>div{border:1px solid #2e435d;border-radius:5px;padding:10px;background:#0d1929}.resource-estimate small{display:block;font-size:7px;color:#65819f}.resource-estimate b{display:block;font-size:20px;color:var(--purple);font-weight:400;margin-top:5px}.resource-estimate b span{font-size:8px;color:#7488ac}.progress-line{height:3px;background:#1d2e43;border-radius:4px;overflow:hidden;margin:15px 0}.progress-line i{display:block;width:35%;height:100%;background:var(--mint);animation:progress 1.2s ease-in-out infinite}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(400%)}}.gate-description-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.gate-description-list div{border:1px solid #30455f;padding:14px;border-radius:5px;background:#101c2d}.gate-description-list b{color:#bfaff8;font-family:ui-monospace,monospace;font-weight:500;font-size:14px}.gate-description-list p{margin:6px 0 0;font-size:11px;color:#7e96b4;line-height:1.8}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mission-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}.mission-card>span{font-size:9px;letter-spacing:2px;color:var(--mint)}.mission-card h2{font-weight:500;font-size:18px;margin:15px 0 9px}.mission-card p{font-size:11px;color:#8098b7;line-height:1.9;min-height:65px}.mission-card .mission-goal{font-size:9px;color:#6b99aa;margin:12px 0 18px;min-height:29px}.mission-note{padding:25px;margin:20px 0 35px}.mission-note h2{font-size:18px;font-weight:500}.mission-note p{font-size:12px;line-height:1.9;color:#7891b1}dialog{color:var(--text);background:#121e2f;border:1px solid #425875;border-radius:12px;padding:0;width:min(850px,calc(100vw - 36px));max-height:88vh;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020915d9;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 27px;border-bottom:1px solid #2b3f57;gap:20px}.dialog-heading h2{font-size:23px;font-weight:500;margin:10px 0 2px}.close-dialog{border:1px solid #405775;width:29px;height:29px;border-radius:5px;font-size:19px;line-height:1;color:#91a6c4;flex-shrink:0}.model-content{padding:10px 27px 24px;font-size:12px;line-height:1.9;color:#8ca4c3}.model-content h3{color:#c5d7ee;font-size:14px;margin-top:23px;font-weight:550}.model-content a{color:var(--mint)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;transition:.2s;pointer-events:none;max-width:calc(100vw - 30px);border:1px solid #436961;background:#18332ff5;color:#c7f1e5;font-size:11px;padding:12px 20px;border-radius:7px;box-shadow:0 10px 30px #0005;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1650px){.workspace-grid{grid-template-columns:250px minmax(600px,1fr) 320px}#circuitEditor{height:530px}.experiment-button{padding:12px 10px}.experiment-button b{font-size:12px}.experiment-button small{font-size:8px}.side-heading{font-size:11px}.sidebar input:not([type=range]),.sidebar select{font-size:12px}.field-note{font-size:9px}.factor-answer{font-size:32px}.reason-step p{font-size:9px}.gate-button{min-width:32px;padding:5px 7px}.distribution-panel,.state-panel{height:330px}.distribution,.state-content{height:241px}.metrics-strip b{font-size:26px}.metrics-strip article:first-child b,.metrics-strip article:last-child b{font-size:18px}.hero h1{font-size:30px}}
@media(max-width:1250px){.topbar{padding:0 22px;gap:25px}.topbar nav{gap:20px}.header-actions{gap:13px}.header-actions>a{display:none}main{padding:25px 22px 0}.workspace-grid{grid-template-columns:196px minmax(365px,1fr) 250px;gap:12px}.sidebar,.center-column,.insight-column{gap:12px}.metrics-strip article{padding:0 15px}.metrics-strip article:first-child b,.metrics-strip article:last-child b{font-size:14px}.hero h1{font-size:24px}.hero h1>span{font-size:12px;margin-left:12px;padding-left:12px}.hero-tag{display:none}.experiment-button{gap:7px;padding-left:6px}.experiment-button b{font-size:10px}.experiment-button small{font-size:6px}.experiment-icon{width:22px;font-size:19px}.metrics-strip small{font-size:7px}.result-grid{gap:12px;grid-template-columns:1fr 1fr}.bloch-grid{grid-template-columns:repeat(2,1fr)}.circuit-heading{padding-left:13px;padding-right:13px}.circuit-actions{gap:10px}.runbar{padding:12px 10px}.runbar>div{gap:5px}.runbar .primary-button{padding:8px 12px}.step-label{font-size:7px}.runbar>.text-button{font-size:8px}.state-panel .panel-heading{flex-wrap:wrap;gap:5px}.state-panel select{max-width:128px}.state-content{height:209px}.distribution-row{grid-template-columns:41px 1fr 45px;gap:5px}.panel-heading{padding:13px}.gate-library{gap:6px}.gate-button{padding:4px;min-width:27px}.placement-note{font-size:7px}.gate-description-list{grid-template-columns:1fr}}
@media(max-width:1000px){.topbar{height:70px;gap:25px}.brand small{display:none}.brand b{font-size:12px}.brand em{display:none}.brand-mark{width:36px;height:36px;font-size:27px;line-height:32px}.topbar nav{gap:20px}.header-actions{gap:10px}.header-actions .quiet{display:none}.metrics-strip{grid-template-columns:repeat(3,1fr);row-gap:20px}.metrics-strip article:nth-child(3){border:0}.workspace-grid{grid-template-columns:205px minmax(350px,1fr)}.insight-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}.task-tip{padding:15px}.insight-column .outcome-panel #outcomeContent{padding:16px}.hero h1>span{display:block;border:0;margin:5px 0 0;padding:0;font-size:14px}.hero h1{font-size:26px}.hero p{font-size:10px}.result-grid{grid-template-columns:1.1fr 1fr}.mission-grid{grid-template-columns:1fr 1fr}footer{font-size:7px}footer .text-button{font-size:7px}.state-panel .panel-heading{min-height:62px}.state-content{height:210px}.reasoning-panel #reasoningContent{padding:13px}.reason-step{gap:7px}.reason-step p{font-size:7px}}
@media(max-width:700px){.topbar{height:63px;padding:0 14px;gap:20px}.brand>span:last-child{display:none}.topbar nav{gap:18px}.nav-button{font-size:10px}.nav-button>span{display:none}.topbar nav>a{display:none}.header-actions{margin-left:auto}.header-actions .outline-button{font-size:9px;padding:7px 9px}main{padding:24px 14px 0}.hero{margin-bottom:21px}.hero h1{font-size:24px;line-height:1.5}.hero h1>span{font-size:13px;margin-top:3px}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.hero p{font-size:9px;line-height:1.9;max-width:440px}.metrics-strip{padding:15px 0;margin-bottom:15px;gap:17px 0}.metrics-strip article{padding:0 11px}.metrics-strip span{font-size:8px}.metrics-strip b{font-size:19px}.metrics-strip article:first-child b,.metrics-strip article:last-child b{font-size:13px}.metrics-strip small{font-size:7px;line-height:1.5}.metrics-strip em{font-size:8px;margin-left:2px}.workspace-grid{grid-template-columns:1fr;gap:15px}.sidebar{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.experiment-switch{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:9px}.experiment-switch .side-heading{display:none}.experiment-button{width:100%;margin:0;padding:9px 7px;gap:8px}.experiment-button.active:before{display:none}.experiment-button b{font-size:11px}.experiment-button small{font-size:7px}.experiment-button i{font-size:7px}.parameters,.shared-parameters{font-size:11px}.parameters .side-heading{padding:12px 11px 10px}.parameters #experimentControls{padding:0 11px}.shared-parameters{padding:0 11px 12px}.shared-parameters .side-heading{padding-top:12px}.field-label{font-size:10px}.field-label>span{font-size:6px}.field-note{font-size:7px}.mini-tabs{gap:0}.mini-tabs button{font-size:7px}.sidebar input:not([type=range]),.sidebar select{font-size:11px;padding:7px 6px}.sidebar .small-callout{font-size:7px;padding:7px}.center-column{gap:14px}#circuitEditor{height:420px}.circuit-heading h2{font-size:14px}.circuit-heading .eyebrow{font-size:6px}.circuit-actions{gap:10px}.circuit-actions .text-button{font-size:8px}.gate-library{padding:10px;gap:7px}.gate-button{font-size:10px;padding:4px 5px;min-width:27px}.placement-note{font-size:7px;padding:4px 12px 10px}.runbar{padding:12px 10px;flex-wrap:wrap;gap:11px}.runbar>div{gap:7px}.runbar>.text-button{font-size:9px}.runbar .primary-button{font-size:11px;padding:9px 13px}.step-label{font-size:8px}.circuit-explanation{font-size:8px;padding:10px 12px}.result-grid{grid-template-columns:1fr 1fr;gap:10px}.distribution-panel .panel-heading{padding:12px 10px;flex-wrap:wrap;min-height:62px}.distribution-panel,.state-panel{height:300px}.distribution,.state-content{height:205px;padding:12px 9px}.distribution-row{grid-template-columns:33px 1fr 40px;gap:4px;font-size:7px}.prob-value{font-size:7px}.distribution-row .binary{font-size:7px}.panel-heading h2{font-size:10px}.panel-heading .muted{font-size:7px}.chart-legend{font-size:6px}.plot-foot{font-size:6px;padding:7px 9px}.state-panel .panel-heading{padding:12px 10px}.state-panel select{font-size:7px;padding:3px;max-width:120px}.bloch-grid{grid-template-columns:1fr;gap:8px}.bloch-item{padding:6px 4px;display:grid;grid-template-columns:65px 1fr;align-items:center}.bloch-item svg{width:60px;height:42px;grid-row:1/3}.bloch-item small{font-size:6px}.insight-column{grid-column:auto;grid-template-columns:1fr 1fr;gap:12px}.task-tip{grid-column:1/-1}.factor-answer{font-size:23px;line-height:1.7}.reason-step b{font-size:9px}.reason-step p{font-size:7px}.mini-values{gap:8px}.mini-values b{font-size:15px}.outcome-message{font-size:9px}.led-display{padding:14px 5px}.led-display svg{height:145px;width:97px}.outcome-panel #outcomeContent{padding:14px 11px!important}.reasoning-panel #reasoningContent{padding:13px 10px}.mission-grid{grid-template-columns:1fr}.mission-card{padding:22px}.mission-card p{min-height:0}.mission-card .mission-goal{min-height:0}.mission-note{padding:21px}.dialog-heading{padding:20px}.dialog-heading h2{font-size:20px}.model-content{padding:10px 20px 20px;font-size:11px}footer{display:block;line-height:2.3;padding-top:18px}footer>span{display:block;font-size:7px}.resource-estimate{grid-template-columns:1fr}.resource-estimate b{font-size:18px}.amplitude-row{grid-template-columns:43px 1fr 34px;font-size:7px}.amplitude-row small{font-size:6px}.log-panel .panel-heading .muted{font-size:7px}}
@media(max-width:380px){.topbar{gap:13px}.topbar nav{gap:12px}.nav-button{font-size:9px}.header-actions .outline-button{font-size:8px;padding:6px 7px}.metrics-strip article{padding:0 9px}.metrics-strip article:first-child b,.metrics-strip article:last-child b{font-size:11px}.metrics-strip small{font-size:6px}.sidebar{grid-template-columns:1fr}.shared-parameters{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;align-items:center}.shared-parameters .side-heading{grid-column:1/-1}.shared-parameters .field-note{grid-column:1/-1}.result-grid,.insight-column{grid-template-columns:1fr}.task-tip{grid-column:auto}.bloch-grid{grid-template-columns:1fr 1fr}.distribution-row{grid-template-columns:55px 1fr 55px;font-size:9px}.distribution-row .binary,.prob-value{font-size:9px}.distribution-panel,.state-panel{height:295px}.distribution,.state-content{height:202px}.metrics-strip em{font-size:6px}.circuit-actions{gap:7px}.circuit-actions .text-button{font-size:7px}.runbar>.text-button{margin-left:0}.hero h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Teaching workbench: readable controls and explicit experimental records. */
body{font-size:14px}.topbar{height:auto;min-height:76px;padding:14px 28px;gap:28px;flex-wrap:wrap}.topbar nav{height:44px;gap:25px}.nav-button,.quiet,.outline-button,.primary-button{font-size:12px}.brand small{font-size:10px;letter-spacing:.8px}.header-actions{gap:15px}main{max-width:2048px;padding:24px 28px 0}.hero{margin-bottom:18px}h1{font-size:25px}.hero p,.hero-tag{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.8px}.workspace-grid{grid-template-columns:224px minmax(460px,1fr) 286px;gap:16px}.field-label,.side-heading{font-size:12px}.field-label>span{font-size:10px}.field-note,.plot-foot,.outcome-note,.reason-step p,.reason-step code,.circuit-explanation,.muted,.text-button{font-size:11px}.experiment-button b{font-size:12px}.experiment-button small{font-size:10px}.experiment-button i{font-size:10px}.sidebar input:not([type=range]),.sidebar select{font-size:13px}.metrics-strip{padding:12px 0;margin-bottom:16px}.metrics-strip article{padding:0 16px}.metrics-strip span{font-size:11px}.metrics-strip small{font-size:10px}.metrics-strip b{font-size:20px}.metrics-strip article:first-child b,.metrics-strip article:last-child b{font-size:14px}.metrics-strip em{font-size:10px}.panel-heading h2{font-size:15px}.circuit-actions{gap:12px}.gate-library{flex-wrap:wrap}.gate-button{font-size:12px;min-width:34px;min-height:31px}.library-label{font-size:11px}.placement-note{font-size:11px;line-height:1.7}.runbar{gap:10px;flex-wrap:wrap}.step-label,.step-button{font-size:11px}.step-button{min-width:34px;width:auto;padding:5px 8px}.distribution-row .binary,.prob-value{font-size:11px}.reason-step b{font-size:12px}.event-row b{font-size:12px}.event-row p,.event-row time{font-size:11px}.mission-card h2{font-size:19px}.mission-card p,.mission-goal{font-size:13px}.task-tip h3{font-size:15px}.task-tip p{font-size:12px}.result-grid{gap:14px}
.training-panel{padding:18px 20px;margin-bottom:16px;border-top:2px solid var(--mint)}.training-header{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.training-header h2{font-size:20px;margin:4px 0 0}.task-picker{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-left:auto}.task-picker select{min-width:210px;max-width:340px;padding:8px 10px;color:var(--text);background:var(--panel-alt);border:1px solid var(--line);border-radius:6px}.training-actions{display:flex;align-items:center;gap:15px}.task-summary{font-size:13px;color:var(--muted);margin:12px 0}.workflow-steps{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.workflow-steps span{font-size:11px;color:var(--mint);border:1px solid var(--line);background:var(--panel-alt);padding:5px 11px;border-radius:5px}.task-details{border-top:1px solid var(--line);padding-top:10px}.task-details summary{cursor:pointer;color:var(--blue);font-size:12px}.task-details summary:hover{color:var(--mint)}#taskBriefing{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:5px}#taskBriefing h3{font-size:13px;margin:13px 0 5px}#taskBriefing ul,#taskBriefing ol{padding-left:20px;margin:6px 0;font-size:12px;color:var(--muted)}#taskBriefing li{margin:5px 0}
.notebook-panel .panel-heading{gap:15px;align-items:flex-start}.notebook-fields{padding:0 17px 17px}.notebook-fields>label{font-size:12px;color:var(--text);display:block;margin:12px 0 8px}.notebook-fields textarea{display:block;resize:vertical;min-height:80px;width:100%;margin:8px 0;padding:11px 12px;border:1px solid var(--line);background:var(--panel-alt);color:var(--text);font:13px/1.7 inherit;border-radius:6px}.notebook-fields textarea::placeholder{color:var(--muted)}.notebook-toolbar{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding:15px 0;margin-top:10px}.assessment-box{padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--panel-alt);font-size:12px;margin-bottom:14px}.assessment-box>p{margin:0 0 7px}.assessment-box small{font-size:11px;color:var(--muted)}.assessment-summary{font-size:12px;margin-bottom:9px}.assessment-summary b{margin-right:6px}.assessment-summary.passed{color:var(--mint)}.assessment-summary.failed{color:var(--red)}.assessment-checks{list-style:none;padding:0;margin:0}.assessment-checks li{display:flex;align-items:start;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.assessment-checks li>span{flex:0 0 57px;font-size:10px;border:1px solid var(--line);text-align:center;border-radius:4px;padding:2px 4px;color:var(--muted)}.assessment-checks .passed>span{color:var(--mint)}.assessment-checks .failed>span{color:var(--red)}.assessment-checks .manual>span{color:var(--purple)}.assessment-checks p{font-size:11px;color:var(--muted);margin:3px 0}.comparison-box{overflow-x:auto}.comparison-box table{border-collapse:collapse;width:100%;font-size:11px}.comparison-box th,.comparison-box td{padding:8px;border-bottom:1px solid var(--line);text-align:left;min-width:85px}.comparison-box th{color:var(--muted);font-weight:500}.analysis-questions{font-size:11px;color:var(--muted);padding-top:3px}.analysis-questions ol{padding-left:20px}.analysis-questions li{margin:5px 0}.analysis-questions b{font-size:12px;color:var(--text)}.fail{color:var(--red)}
@media(min-width:1600px){.workspace-grid{grid-template-columns:240px minmax(650px,1fr) 310px}.circuit-panel{min-height:600px}}
@media(max-width:1180px){.workspace-grid{grid-template-columns:210px minmax(390px,1fr)}.insight-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}.training-actions{margin-left:auto}.topbar{gap:14px}.topbar nav{gap:20px}.header-actions{gap:12px}.hero h1>span{display:block;border:0;padding:0;margin:5px 0;font-size:13px}.metrics-strip{grid-template-columns:repeat(3,1fr);row-gap:14px}.metrics-strip article:nth-child(3){border-right:0}}
@media(max-width:760px){main{padding:18px 14px 0}.topbar{padding:10px 14px}.brand b{font-size:12px}.brand em{font-size:10px}.brand small{font-size:9px}.topbar nav{order:3;width:100%;height:35px}.header-actions{margin-left:auto;gap:9px;flex-wrap:wrap}.header-actions .quiet{display:none}.hero{display:block}.hero-tag{margin-top:13px;display:inline-block}.hero h1{font-size:23px}.hero p{font-size:12px}.workspace-grid{display:flex;flex-direction:column}.sidebar,.center-column{width:100%}.experiment-switch{display:none}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.parameters,.shared-parameters{min-width:0}.insight-column{display:flex;width:100%}.insight-column>section{width:100%}.training-panel{padding:14px}.training-header{gap:12px}.training-header h2{font-size:18px}.task-picker{margin-left:0;flex:1 1 100%;justify-content:space-between}.task-picker select{max-width:none;min-width:0;flex:1}.training-actions{margin-left:0}.workflow-steps{display:grid;grid-template-columns:1fr 1fr}.workflow-steps span{padding:5px 8px}#taskBriefing{grid-template-columns:1fr;gap:0}.metrics-strip article{padding:0 10px}.metrics-strip b{font-size:17px}.metrics-strip article:first-child b,.metrics-strip article:last-child b{font-size:12px}.metrics-strip span,.metrics-strip small{font-size:10px}.result-grid{grid-template-columns:1fr}.circuit-heading{flex-wrap:wrap;gap:12px}.notebook-toolbar>button{font-size:11px;flex:1}.notebook-fields{padding:0 12px 14px}.assessment-checks li{gap:8px}.assessment-checks li>span{flex-basis:53px}}
@media(max-width:430px){.sidebar{display:flex;flex-direction:column}.sidebar>section{width:100%}.topbar .outline-button{padding:6px 8px}.header-actions{gap:7px}.training-actions{gap:10px}.training-actions .text-button{font-size:10px}.metrics-strip small{line-height:1.4}.result-grid{display:block}.result-grid>section{margin-bottom:14px}}
.is-stale>.distribution,.is-stale>.state-content,.is-stale>#outcomeContent{opacity:.5}.is-stale:after{content:'上次结果 · 当前线路或参数已改变，请重新运行';display:block;font-size:11px;line-height:1.7;color:var(--gold);border-top:1px solid var(--line);padding:8px 13px;background:var(--panel-alt)}

/* Separate ideal, assignment-channel expectation and finite-shot observations. */
.chart-legend{flex-wrap:wrap;font-size:10px;gap:5px}.chart-legend .legend-ideal{background:var(--purple)}.chart-legend .legend-predicted{background:var(--gold);margin-left:5px}.chart-legend .legend-measured{background:var(--mint);margin-left:5px}
.prob-track{height:18px}.prob-ideal,.prob-predicted,.prob-measured{position:absolute;left:0;height:4px;bottom:auto;border-radius:0 2px 2px 0}.prob-ideal{top:0;background:var(--purple);opacity:.8}.prob-predicted{top:7px;background:var(--gold)}.prob-measured{top:14px;background:var(--mint)}.distribution-row{margin-bottom:10px}.distribution-panel{height:auto;min-height:330px}.distribution{height:232px}.plot-foot{color:var(--muted)}
.measure-register{display:flex;flex-wrap:wrap;gap:7px}.measure-register label{display:flex;align-items:center;gap:5px;min-width:52px;border:1px solid var(--line);padding:4px 7px;border-radius:4px;font-size:12px;background:var(--panel-alt)}.sidebar .measure-register input[type=checkbox]{width:14px;height:14px;margin:0;padding:0;accent-color:var(--mint)}
