:root{--muted:#73776f;--secondary:#5f635d;--line:#e8e9e3;--line2:#dcded6;--soft:#f4f4f0;--accent:#7563b1}
:root[data-theme=dark]{--muted:#a0a2ad;--secondary:#bfc1cd;--line:#2c2d39;--line2:#41424f;--soft:#242530;--accent:#bbaaf0}
button,a,select{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button:focus-visible,a:focus-visible{outline-offset:3px}.button.dark{box-shadow:0 2px 3px #1d182414}.button.dark:hover{box-shadow:0 4px 12px #2d214024}.button:active{transform:translateY(0)}.topbar{background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px)}
.nav-item{font-size:12px}.channel-button{font-size:11px}.sidebar-agent>div{font-size:11px}.sidebar-agent small{font-size:9px}.nav-label{font-size:9px}.sidebar-bottom p{font-size:11px}.add-agent{font-size:11px}.sidebar-agent:hover .avatar,.team-member:hover .avatar{box-shadow:0 0 0 3px var(--accent-soft)}.avatar{transition:box-shadow .16s}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.lab-heading p{font-size:13px}.lab-heading-art svg{animation:orbit-turn 50s linear infinite}.experiment-tabs{gap:6px}.experiment-tabs button{font-size:11px;padding:8px 13px;border:1px solid transparent}.experiment-tabs button[aria-selected=true]{border-color:var(--line2);box-shadow:0 1px 2px #00000003}.experiment-tabs button:hover{background:var(--soft)}.experiment-card{border-color:var(--line2);box-shadow:0 5px 30px #17162604}.experiment-meta{padding-top:16px;padding-bottom:16px}.author-line{font-size:10px}.author-line b{font-size:11px}.agent-role{font-size:9px}#experiment-number{font-size:7px}.experiment-tag{font-size:7px}.experiment-intro p{font-size:12px;max-width:460px}.experiment-intro{padding-top:25px;padding-bottom:23px}.experiment-intro h2{font-size:29px}.fork-button{font-size:10px}.fork-button:hover{background:var(--accent-soft)}
.circuit-stage{background:radial-gradient(ellipse at 45% 10%,#35304b,#252337 68%);border-color:#4c4565}.stage-top{font-size:7px;padding-top:14px}.stage-tools{display:flex;align-items:center;gap:11px}.stage-tools>span{color:#a69bbd}.stage-tools button{border:1px solid #625975;border-radius:4px;min-height:24px;padding:0 8px;color:#d5ccea;font:8px var(--mono);background:#24213266}.stage-tools button:hover,.stage-tools button:focus-visible{background:#62577944;border-color:#b8a6e1;outline-color:#c6b7eb}.stage-tools #pause-circuit{min-width:25px;padding:0 5px;font-size:10px}.gate-interactive{cursor:pointer;outline:none}.gate-interactive:hover .circuit-gate,.gate-interactive:focus-visible .circuit-gate{fill:#534363;stroke:#e6d7ff;stroke-width:1.6}.gate-interactive:focus-visible{filter:drop-shadow(0 0 4px #cebbef99)}.gate-interactive:hover .circuit-link{stroke:#eee0ff}.circuit-label{fill:#b7adc9}.stage-bottom{color:#a89bbb}.stage-coordinate{color:#a093b2}.stage-bottom>span:first-child{font-size:11px}.signal-art{opacity:.6}
.run-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 20px 0;padding-bottom:16px;border-bottom:1px solid var(--line)}.run-step{display:flex;align-items:center;gap:8px;color:var(--muted);position:relative}.run-step:after{content:'';height:1px;position:absolute;left:99px;right:0;top:13px;background:var(--line)}.run-step:last-child:after{display:none}.run-step>i{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%;font:8px var(--mono);font-style:normal;background:var(--bg);position:relative;flex-shrink:0}.run-step>span{font-size:10px;line-height:1.35}.run-step>span>span{display:block;font-size:8px;color:var(--muted)}.run-step.is-active{color:var(--accent)}.run-step.is-active>i{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.run-step.is-complete{color:var(--green)}.run-step.is-complete>i{background:color-mix(in srgb,var(--green) 8%,var(--bg));border-color:color-mix(in srgb,var(--green) 38%,var(--line2));font-size:0}.run-step.is-complete>i:after{content:'✓';font:11px var(--mono)}.run-step.is-complete:after{background:color-mix(in srgb,var(--green) 25%,var(--line))}
.experiment-controls{padding-top:17px;padding-bottom:17px}#experiment-parameters{font-size:11px}.run-group>label{font-size:9px}.run-group select{font-size:10px;padding:7px 8px}.run-group .button{height:37px;font-size:11px}.results-heading h3{font-size:12px}.results-heading h3 span{font-size:7px}#run-status{font-size:8px;color:var(--secondary)}.chart-legend{display:flex;align-items:center;gap:16px;margin:-6px 0 22px;font-size:8px;color:var(--secondary);flex-wrap:wrap}.chart-legend>span{display:flex;align-items:center;gap:5px}.chart-legend i{height:7px;width:7px;display:inline-block;border-radius:2px}.legend-exact{background:#8a79b7}.chart-legend .legend-sampled{height:2px;width:10px;background:#82778e;box-shadow:0 0 0 1px #ded9e5}.chart-legend:not(.has-samples)>span:nth-child(2){opacity:.35}#gate-hint{margin-left:auto;font-size:7px;color:var(--muted)}.prob-track{background:linear-gradient(to top,var(--soft),color-mix(in srgb,var(--soft) 60%,var(--bg)));border:1px solid var(--line);overflow:visible}.prob-fill{border-top:1px solid #ffffff44;border-radius:3px 3px 2px 2px}.sample-marker{position:absolute;left:12%;right:12%;height:2px;background:#f9f7fe;border:1px solid #7e728d;box-sizing:content-box;border-radius:2px;pointer-events:none;transition:bottom .4s}.prob-value{font-size:10px;font-weight:600;color:var(--ink)}.prob-column label{font-size:10px}.prob-count{font-size:7px;color:var(--secondary)}.result-footer{font-size:9px;line-height:1.6}.result-footer .text-button{font-size:9px}
.section-heading h3{font-size:13px}.section-heading>span{font-size:7px}.message-header{font-size:11px}.message-header .role{font-size:8px}.message-body p{font-size:12px;line-height:1.8;max-width:800px}.message-header time{font-size:8px}.message-badge{font-size:8px}.note-form input{font-size:11px;border-color:var(--line2)}.note-form input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px var(--accent-soft)}.note-form button:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.channel-foot{font-size:8px}.channel-foot .text-button{font-size:8px}.right-heading{font-size:8px}.right-section-label{font-size:11px}.team-member b{font-size:11px}.team-member small{font-size:9px}.team-member>span:last-child{font-size:7px}.team-caption{font-size:9px}.session-line{font-size:9px}.session-line b{font-size:9px}.session-stats span{font-size:9px}.status-chip{font-size:7px}.right-links .text-button{font-size:11px}.next-experiment .text-button{font-size:11px}.workspace-footer{font-size:7px}.nav-backdrop{display:none}.gate-detail-symbol{display:grid;place-items:center;width:54px;height:54px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line2);border-radius:10px;font:20px var(--mono);margin-bottom:19px}.gate-detail-target{margin:20px 0;border:1px solid var(--line2);border-radius:6px;background:var(--soft);padding:14px;font:11px var(--mono);overflow-wrap:anywhere}#dialog-body .gate-detail-hint{font-size:10px;color:var(--muted)}
.lab-heading-art{overflow:hidden}.run-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.run-step{min-width:0}.run-step>span{min-width:0}
.motion-paused .circuit-flow,.motion-paused .lab-heading-art svg{animation-play-state:paused!important}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:1190px){.run-progress{gap:10px}.run-step:after{left:92px}.experiment-controls{gap:10px}.stage-tools{gap:6px}.stage-tools>span{font-size:6px}.lab-heading p{font-size:12px}.experiment-intro h2{font-size:26px}.experiment-intro p{font-size:11px}.chart-legend{gap:10px}#gate-hint{display:none}.right-links .text-button{font-size:10px}}
@media(max-width:700px){.lab-heading p{font-size:11px}.experiment-intro h2{font-size:24px}.experiment-intro p{font-size:10px;line-height:1.75}.lab-heading-art{opacity:.9}.experiment-tabs button{font-size:9px;padding:8px 10px}.experiment-meta{padding:12px 14px}.author-line b{font-size:10px}#experiment-number{font-size:6px}.experiment-tag{font-size:5.5px}.fork-button{font-size:8px;min-height:29px}.stage-tools>span{display:none}.stage-tools{gap:5px}.stage-top{font-size:6px;min-height:47px}.stage-tools button{font-size:7px;padding:0 6px}.stage-bottom>span:first-child{font-size:8px}.run-progress{gap:12px;margin:14px 15px 0;padding-bottom:14px}.run-step>i{height:24px;width:24px;font-size:7px}.run-step>span{font-size:9px}.run-step>span>span{font-size:7px}.run-step:after{display:none}#experiment-parameters{font-size:10px}.experiment-controls{padding:14px 15px}.run-group .button{font-size:11px;height:38px}.run-group>label{font-size:9px}.results-heading h3{font-size:10px}.results-heading h3 span{font-size:6px}#run-status{font-size:6.5px}.chart-legend{font-size:7px;margin:0 0 18px;gap:12px}.prob-value{font-size:9px}.prob-column label{font-size:9px}.prob-count{font-size:6px}.result-footer{font-size:7px;gap:12px}.result-footer .text-button{font-size:8px}.message-body p{font-size:11px;line-height:1.75}.message-header{font-size:10px}.message-header .role{font-size:7px}.message-header time{font-size:7px}.message-badge{font-size:7px}.note-form input{font-size:10px}.channel-foot{font-size:7px}.channel-foot .text-button{font-size:7px}.section-heading>span{font-size:6px}.section-heading h3{font-size:12px}.workspace-footer{font-size:5.5px}.mobile-nav{box-shadow:0 -6px 20px #11111c04;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 96%,transparent)}.mobile-nav button.active{position:relative}.mobile-nav button.active:before{content:'';position:absolute;top:-1px;left:30%;right:30%;height:2px;border-radius:2px;background:var(--accent)}.mobile-nav button span{font-size:9px}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:var(--top) 0 57px;z-index:24;background:#17162630;backdrop-filter:blur(2px)}.sidebar{box-shadow:12px 0 30px #0001}.note-form button{height:35px;width:35px}.probability-chart.dense .prob-value{font-size:8px}.probability-chart.dense label{font-size:8px}}
@media(max-width:360px){.lab-heading p{font-size:10px}.experiment-intro h2{font-size:22px}.experiment-intro p{font-size:9px}.experiment-tabs button{font-size:8px;padding:8px 7px}.run-step>span{font-size:8px}.run-step{gap:6px}.run-progress{gap:8px}.author-line{gap:5px}.experiment-tag{font-size:5px}.chart-legend{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.lab-heading-art svg{animation:none}.sample-marker{transition:none}}