@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f2f5f8;--paper:#fff;--ink:#16322b;--muted:#53685f;--line:#dce4ec;--navy:#006A4D;--blue:#006A4D;--cyan:#006A4D;--lime:#69BE28;--purple:#8F5573;--radius:15px;--font:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--font)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}button{color:inherit}button:disabled{opacity:.38;cursor:not-allowed}button,input,textarea,select,a{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #338daf;outline-offset:3px}button{border:0;background:none;line-height:1.3}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.2}h1{font-size:clamp(27px,2.3vw,36px);letter-spacing:-1.2px;margin:8px 0 9px;font-weight:600}h2{font-size:19px;font-weight:600;letter-spacing:-.45px}h3{font-size:17px;margin:20px 0 8px}a{color:var(--blue)}p{line-height:1.6}label{font-size:14px;font-weight:550}input,select,textarea{color:var(--ink);background:white;border:1px solid #cbd7e3;border-radius:7px;min-height:38px;padding:7px 10px;max-width:100%}textarea{width:100%;resize:vertical;font-size:14px;line-height:1.6}input[type=range]{accent-color:var(--blue);padding:0;min-height:30px}select{font-size:14px}button{font-size:14px;font-weight:600}button:hover{filter:brightness(.96)}.primary,.outline,.button{border-radius:8px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:40px;text-decoration:none}.primary{background:var(--blue);color:#fff;box-shadow:0 2px 3px #173b8d18}.primary:hover{background:#053D5D}.outline{border:1px solid #cbd7e3;background:white}.quiet{padding:10px 6px}.text-button{color:var(--blue);padding:6px 0}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#fff;min-width:34px;min-height:34px;font-size:21px;font-weight:400}.small{font-size:13px;color:var(--muted);line-height:1.6}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.4px;line-height:1.5;text-transform:uppercase;color:var(--muted)}.inline{display:flex;gap:9px;align-items:center}.wrap{flex-wrap:wrap}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.topbar{height:86px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:20px;white-space:nowrap;letter-spacing:-.5px}.brand b{font-weight:500;color:var(--cyan)}.brand-icon{background:var(--navy);color:var(--lime);width:43px;height:45px;border-radius:12px;text-align:center;font:38px/40px Georgia,serif}.brand-sub{font:10px/1.5 var(--font);letter-spacing:1.6px;color:var(--muted);display:block;margin-top:3px}.top-actions{display:flex;align-items:center;gap:22px}.sim-badge{font-size:13px;color:#3c4a60}.sim-badge span{display:block;font-size:12px;color:var(--muted)}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);max-width:1920px;margin:auto}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 15px;min-width:0}.rail-head{padding:0 12px 25px}.rail-head .eyebrow{font-size:10px;letter-spacing:1px}.rail-head h2{font-size:28px;letter-spacing:-1px;margin:7px 0 8px}.rail-head p{font-size:13px;color:var(--muted)}.experiment{width:100%;text-align:left;padding:13px 12px;margin:3px 0;border-radius:9px;display:flex;gap:10px;align-items:flex-start;border:1px solid transparent;min-height:60px;font-weight:500}.experiment .num{font-size:11px;color:#708096;width:20px;flex-shrink:0;padding-top:3px}.experiment .name{display:block;font-size:14px;font-weight:550;line-height:1.45}.experiment .group{font-size:11px;color:var(--muted);display:block;line-height:1.6;margin-top:2px}.experiment.active{background:#eaf1fe;border-color:#cfdef9;color:#006A4D}.experiment.active .num{color:var(--blue)}.experiment:hover{background:#f1f5fa}.blank-btn{width:100%;padding:12px;border:1px dashed #bdcad8;border-radius:8px;margin-top:17px;color:var(--muted);text-align:left}.rail-note{border-top:1px solid var(--line);margin:29px 12px 0;padding-top:22px;display:flex;gap:12px;color:var(--muted);font-size:13px}.rail-note>span{font-size:28px;color:var(--cyan)}main{padding:30px;min-width:0}.workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.workspace-head>div:first-child{max-width:760px}.workspace-head p{font-size:15px;color:var(--muted)}.mode-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:#e5ebf2;white-space:nowrap;margin-top:6px}.mode-switch button{padding:8px 12px;border-radius:7px;font-size:13px}.mode-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #162b4520}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.main-stack,.right-stack{display:flex;flex-direction:column;gap:22px;min-width:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0;box-shadow:0 2px 2px #19334c02}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;flex-wrap:wrap}.panel-heading>div:first-child{display:flex;align-items:center;gap:10px}.section-index{font:12px var(--display);color:#667b95;background:#f1f5fa;padding:4px 6px;border:1px solid #e2e8f0;border-radius:4px}.compact-label{font-size:13px;color:var(--muted)}.gate-palette{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #edf1f5;padding-top:18px}.gate-button{border:1px solid #c6d7f6;background:#edf3ff;color:#006A4D;border-radius:7px;min-width:41px;min-height:37px;font:600 14px var(--display)}.gate-button.phase{background:#f1edfc;border-color:#d9ccf3;color:#8F5573}.gate-button.control{background:#e7f5f5;border-color:#b7dfe2;color:#053D5D}.gate-button.measure{background:#fff3e0;border-color:#ebd6b3;color:#053D5D}.gate-button small{font-size:12px;color:#7083a4;margin-left:4px}.circuit-hint{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin:12px 0}.circuit-hint button{font-size:12px;white-space:nowrap}.circuit-scroll{overflow-x:auto;border:1px solid #e0e8f1;border-radius:10px;background-color:#f8fbff;background-image:radial-gradient(#cbd8e7 1px,transparent 1px);background-size:16px 16px;padding:16px 12px;margin-bottom:16px}.circuit-svg{display:block;max-width:none}.circuit-svg .gate-block{cursor:pointer}.circuit-svg text{user-select:none}.playbar{display:flex;align-items:center;gap:10px}.playbar input{flex:1;min-width:20px}.playbar .mono{font-size:13px;white-space:nowrap;min-width:50px;text-align:center}.play-button{width:38px;height:38px;flex-shrink:0;border-radius:50%;color:white;background:var(--navy)}.playbar .icon-button{border:none;background:none}.step-explanation{font-size:14px;color:var(--muted);border-top:1px solid #e7edf4;padding-top:14px;margin-top:14px;line-height:1.7}.step-explanation strong{color:var(--ink)}.inspector{background:#f2f6fc;border:1px solid #d8e3f0;border-radius:9px;padding:14px;margin-top:16px}.inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.inspector-head strong{font-family:var(--display);font-size:16px}.inspector p{font-size:13px;color:var(--muted);margin-bottom:10px}.inspector-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.inspector-controls label{display:flex;flex-direction:column;gap:5px}.inspector-controls input[type=number]{width:110px}.inspector-controls select{min-width:72px}.inspector-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.danger{color:#ad3e4c}.result-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px;flex-wrap:wrap}.seed{width:90px;font-size:13px}.legend{display:flex;gap:17px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:18px}.legend>span{display:inline-flex;align-items:center;gap:6px}.key{display:inline-block;width:9px;height:9px;border-radius:2px}.key.exact{background:var(--blue)}.key.sampled{background:#69BE28}.key.baseline{background:var(--purple)}.histogram{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;padding:2px 2px 6px}.hist-row{display:grid;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center;gap:12px}.hist-label{font-family:ui-monospace,monospace;font-size:13px}.hist-track{height:24px;border-radius:3px;background:#f0f4f9;position:relative;overflow:hidden}.hist-exact{height:12px;position:absolute;top:0;left:0;background:var(--blue);min-width:0;transition:width .22s}.hist-sample{height:10px;position:absolute;bottom:0;left:0;background:#69BE28;transition:width .22s}.hist-pin{position:absolute;height:24px;top:0;border-right:2px dashed var(--purple)}.hist-value{text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.hist-count{font-size:11px;font-weight:400;color:var(--muted);display:block}.chart-note{margin-top:12px}.compare-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px;border-top:1px solid #e7edf4;padding-top:17px}.compare-bar .small{flex:1;min-width:100px}.small-button{font-size:12px;padding:8px 10px;min-height:34px}.insight-card{background:var(--navy);color:white;border-radius:var(--radius);padding:24px}.insight-card .eyebrow{color:#d9ede6;font-size:10px;letter-spacing:1.5px}.insight-card h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:12px 0}.insight-card>p{font-size:14px;color:#edf5f2;line-height:1.8}.metrics{display:flex;gap:28px;padding:20px 0 18px}.metrics>div{display:flex;flex-direction:column;gap:4px}.metrics strong{font:28px var(--display);color:var(--lime)}.metrics span{font-size:11px;color:#d9ede6}.on-dark{border-top:1px solid #4c9a80;padding-top:13px;font-size:12px;color:#edf5f2}.on-dark summary{font-size:13px;color:white;cursor:pointer}.on-dark p{margin-top:10px}.qubit-panel{padding:20px}.qubit-panel .panel-heading{margin-bottom:8px}.bloch-svg{display:block;width:100%;max-width:245px;height:auto;margin:auto}.bloch-values{display:flex;justify-content:center;gap:12px;font-size:12px;margin:7px 0 12px}.try-card{background:#e5f2f5;border:1px solid #c5e1e6;border-radius:var(--radius);padding:20px}.try-card .eyebrow{color:#006A4D;font-size:10px}.try-card p{font-size:14px;margin:10px 0 12px;line-height:1.7}.try-card .text-button{font-size:13px;color:#006A4D}.notebook label{display:block;font-size:13px;margin-bottom:6px}.notebook textarea{margin-bottom:14px}.note-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 12px}.note-actions button{font-size:12px}.notebook .outline{padding:7px 10px}.noise-panel select{width:100%;margin-top:7px}.noise-strength{display:flex;justify-content:space-between;margin-top:12px;font-size:14px}.noise-panel input{width:100%}.noise-panel .small{margin-top:8px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:15px}.tabs button{padding:0 0 12px;color:var(--muted);font-size:14px;position:relative}.tabs button[aria-selected=true]{color:var(--blue)}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--blue)}.data-scroll{max-height:330px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:right;padding:8px 10px;border-bottom:1px solid #e8edf3;font-variant-numeric:tabular-nums;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:500}td:first-child,th:first-child{text-align:left}td.phase-cell{color:var(--purple)}.table-note{font-size:12px;color:var(--muted);margin-top:12px}.density-wrap{overflow:auto}.density-grid{display:grid;width:max-content;gap:2px;margin:10px auto;max-width:none}.density-cell{width:28px;height:28px;border:1px solid #c8d4e3;padding:0;border-radius:3px;font:10px ui-monospace,monospace}.density-label{font:10px ui-monospace,monospace;color:var(--muted);text-align:center;align-self:center}.density-readout{padding:10px;background:#f1f5fa;border-radius:7px;font-size:13px;overflow-wrap:anywhere}.correlation-input{flex-wrap:wrap;margin:12px 0}.correlation-input input{width:110px;text-transform:uppercase}.correlation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.correlation-metric{border:1px solid var(--line);border-radius:9px;padding:13px}.correlation-metric strong{font:23px var(--display);display:block;margin-top:5px}.correlation-metric span{font:12px ui-monospace,monospace;color:var(--muted)}#expectation-result{font-size:14px}.sweep-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.sweep-controls label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:130px;font-size:13px}.sweep-controls button{flex-shrink:0}.sweep-controls select{width:100%}#sweep-chart{margin-top:20px}#sweep-chart>p{font-size:14px}.sweep-svg{width:100%;height:auto;display:block}.file-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.file-bar strong{font-family:var(--display);font-size:16px}.file-bar .small{margin-top:4px}.file-bar button,.file-bar label{font-size:12px;padding:8px 11px}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:20px;color:var(--muted);padding:25px 0 0}.page-footer button{font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 22px;border-radius:10px;z-index:30;box-shadow:0 5px 20px #10213d33;max-width:90vw;font-size:14px}.toast.error{background:#812f40}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:650px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 20px 90px #0c20374d;color:var(--ink)}dialog::backdrop{background:#0c1b35a3;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.dialog-head h2{font-size:25px}dialog p{font-size:15px;margin:12px 0}dialog .small{font-size:13px}dialog label{display:block;margin-bottom:8px}dialog .primary{margin-top:15px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}dt{font-weight:600;font-size:14px}dd{font-size:14px;color:var(--muted);margin:3px 0 13px}dialog ul{padding-left:20px}dialog li{margin:8px 0;font-size:14px}body:not(.deep) .deep-only{display:none!important}.empty-state{padding:17px;background:#f3f6fb;border-radius:8px;font-size:14px;color:var(--muted)}
@media(min-width:1600px){.workspace-grid{grid-template-columns:minmax(0,1fr) 330px}.topbar{padding:0 40px}main{padding:36px 40px}.app-shell{grid-template-columns:248px minmax(0,1fr)}}
@media(max-width:1200px){.app-shell{grid-template-columns:190px minmax(0,1fr)}main{padding:24px 20px}.workspace-grid{grid-template-columns:minmax(0,1fr) 268px;gap:16px}.panel{padding:18px}.workspace-head{display:block}.mode-switch{width:max-content;margin-top:15px}.sidebar{padding:25px 9px}.experiment{padding:10px 8px;gap:7px}.rail-head{padding:0 9px 20px}.top-actions{gap:15px}.sim-badge{display:none}.file-bar{align-items:flex-start;flex-direction:column}}
@media(max-width:980px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.workspace-grid{grid-template-columns:minmax(0,1fr)}.right-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.insight-card{grid-row:span 1}.notebook{grid-column:1/-1}.rail-head h2{font-size:25px}.brand-sub{font-size:9px}.topbar{padding:0 22px}.top-actions .quiet{font-size:12px}.gate-palette{gap:8px}.workspace-head p{font-size:16px}.rail-note{margin-left:6px;margin-right:6px}}
@media(max-width:700px){.topbar{height:auto;min-height:80px;padding:16px;align-items:center;gap:10px;flex-wrap:wrap}.brand{font-size:18px}.brand-icon{width:36px;height:38px;font-size:33px;line-height:34px}.top-actions{gap:10px;margin-left:auto}.top-actions .quiet{display:none}.top-actions .outline{font-size:12px;min-height:36px;padding:8px 10px}.app-shell{display:block}.sidebar{padding:16px;border-right:0;border-bottom:1px solid var(--line)}.rail-head{display:none}#experiments{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px}.experiment{min-width:168px;width:168px;flex-shrink:0;margin:0;min-height:65px}.experiment .name{font-size:13px}.experiment .group{font-size:11px}.blank-btn{width:auto;margin-top:8px;padding:7px 10px;font-size:12px}.rail-note{display:none}main{padding:22px 16px}.workspace-head{margin-bottom:20px}h1{font-size:29px}.workspace-head .eyebrow{font-size:10px}.mode-switch{margin-top:16px}.workspace-grid{gap:16px}.main-stack,.right-stack{gap:16px}.panel{padding:17px}.panel-heading{margin-bottom:16px}.panel-heading h2{font-size:18px}.compact-label{font-size:12px}.right-stack{grid-template-columns:1fr 1fr}.insight-card,.try-card{padding:19px}.insight-card h2{font-size:23px}.metrics{gap:20px}.metrics strong{font-size:24px}.qubit-panel h2{font-size:17px}.qubit-panel{padding:17px}.circuit-hint{align-items:flex-start}.circuit-hint span{max-width:220px}.circuit-hint button{font-size:11px}.hist-row{gap:8px;grid-template-columns:60px minmax(0,1fr) 68px}.result-controls .primary{font-size:13px}.playbar{gap:5px}.playbar .text-button{font-size:12px}.tabs{gap:16px}.tabs button{font-size:13px}.page-footer{align-items:flex-start;flex-direction:column;gap:6px}.file-bar{gap:12px}.help-grid{grid-template-columns:1fr}.help-grid h3{margin-top:8px}.brand-sub{font-size:8px;letter-spacing:.8px}}
@media(max-width:480px){.right-stack{grid-template-columns:minmax(0,1fr)}.notebook{grid-column:auto}.insight-card{padding:23px}.qubit-panel{display:block}.bloch-svg{max-width:225px}.panel-heading .small{font-size:11px}.topbar .outline{font-size:11px;padding:8px}.top-actions{margin-left:0}.brand{font-size:17px}.brand-sub{font-size:8px}.gate-button{min-width:39px}.sweep-controls{gap:10px}.sweep-controls label{min-width:105px}.sweep-controls button{width:100%}.correlation-grid{gap:7px}.correlation-metric{padding:9px}.file-bar .inline{gap:8px}.file-bar button,.file-bar label{font-size:12px}.mode-switch button{font-size:14px}.result-controls .inline{gap:8px}.result-controls{gap:10px}.outline,.primary{min-height:42px}dialog{padding:22px}.playbar input{min-height:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* CSU primary palette and approved Arial fallback; branding reference: January 2023 guide. */
.topbar{border-top:5px solid #69BE28}.brand-icon{color:#fff}.insight-card .metrics strong{color:#fff}.experiment.active{background:#edf5f2;border-color:#bddccd;color:#006A4D}.experiment:hover{background:#f0f5f2}.gate-button{background:#edf5f2;border-color:#bddccd}.gate-button.phase{background:#f7f0f4;border-color:#d9bdcc}.gate-button.control{background:#eff4f6;border-color:#bfced6}.gate-button.measure{background:#fff8e5;border-color:#FAC747}.try-card{background:#edf5f2;border-color:#bddccd}.primary{box-shadow:none}h1{letter-spacing:-.7px}.circuit-scroll{background-color:#f7faf8}.hist-pin{border-color:#8F5573}.phase-cell{color:#8F5573}

/* QCC learning workspace */
.topbar{height:auto;min-height:90px;padding-block:16px;flex-wrap:wrap}.top-actions{flex-wrap:wrap;gap:10px}.brand{white-space:normal}.brand-sub{font-size:12px;letter-spacing:.6px}.sim-badge{display:none}.small,.legend,.circuit-hint,.table-note,.notebook label,.note-actions button,.file-bar button,.file-bar label,.page-footer,.experiment .group,.rail-head .eyebrow,.metrics span{font-size:14px}.eyebrow,.section-index,.experiment .num{font-size:12px}.workspace-head p,textarea{font-size:16px}h1,h2{letter-spacing:normal}.top-actions .quiet{display:inline-block}.tabs{flex-wrap:wrap}.club-main{max-width:1000px;margin:auto}.club-main h1{margin-bottom:20px}.club-main .panel{margin-bottom:22px}.club-main p{margin:12px 0}.club-copy{white-space:pre-line;overflow-wrap:anywhere}.club-links{margin:20px 0;display:flex;gap:12px;flex-wrap:wrap}
:root[data-theme=dark]{color-scheme:dark;--bg:#091512;--paper:#11231d;--ink:#ecf5f0;--muted:#b0c6ba;--line:#30483c;--blue:#78ddb4;--cyan:#78ddb4;--navy:#075039;--purple:#deb0ce}
[data-theme=dark] .topbar,[data-theme=dark] .sidebar,[data-theme=dark] dialog{background:var(--paper)}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .outline,[data-theme=dark] .icon-button{background:#152b23;border-color:var(--line);color:var(--ink)}
[data-theme=dark] .primary{background:#78ddb4;color:#08271b}[data-theme=dark] .mode-switch{background:#091b13}[data-theme=dark] .mode-switch button[aria-pressed=true]{background:#315541}
[data-theme=dark] .experiment.active,[data-theme=dark] .experiment:hover,[data-theme=dark] .try-card,[data-theme=dark] .inspector,[data-theme=dark] .density-readout,[data-theme=dark] .empty-state,[data-theme=dark] .section-index{background:#1c382b;color:var(--ink);border-color:var(--line)}
[data-theme=dark] .try-card .eyebrow,[data-theme=dark] .try-card .text-button{color:var(--blue)}[data-theme=dark] .hist-track{background:#283e33}
[data-theme=dark] .circuit-scroll{background:#13251d;background-image:radial-gradient(#365240 1px,transparent 1px);border-color:var(--line)}
[data-theme=dark] .circuit-svg text{fill:#d8eade}[data-theme=dark] .circuit-svg .gate-block text{fill:#16322b}
[data-theme=dark] .bloch-svg{background:#eaf2ef;border-radius:12px}[data-theme=dark] .sweep-svg text{fill:var(--muted)}[data-theme=dark] .sweep-svg polyline,[data-theme=dark] .sweep-svg circle{stroke:var(--blue)}
[data-theme=dark] .gate-palette,[data-theme=dark] .step-explanation,[data-theme=dark] .compare-bar,[data-theme=dark] td,[data-theme=dark] th{border-color:var(--line)}
@media(max-width:700px){.top-actions{margin-left:0}.top-actions .outline,.topbar .outline{font-size:14px}.brand-sub{font-size:12px}.panel-heading>div:first-child{flex-wrap:wrap}.workspace-head .eyebrow{font-size:12px}.club-main{padding:20px 16px}}