.widget-frame{border:1.5px solid var(--border);border-top:3px solid var(--accent-2);border-radius:var(--radius-lg);background:var(--surface);margin:1rem 0;padding:1.25rem 1.4rem 1.4rem}.widget-frame:before{content:"Drill";font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--accent-2);margin-bottom:.35rem;font-size:.68rem;font-weight:600;display:inline-block}.widget-frame-title{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.05rem}.widget-frame-desc{color:var(--text-muted);margin:0 0 1rem;font-size:.88rem}.widget-loading{color:var(--text-muted);font-size:.85rem}.stepper{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem;display:grid}@media (width<=800px){.stepper{grid-template-columns:1fr}}.stepper-code{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin:0;padding:.75rem 0;font-size:.82rem;line-height:1.6;overflow-x:auto}.stepper-code-line{white-space:pre;color:var(--text-muted);border-left:3px solid #0000;padding:0 .9rem;display:block}.stepper-code-line.is-active{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.stepper-note{min-height:2.6em;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin:.75rem 0 0;padding:.5rem .8rem;font-size:.88rem}.stepper-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.stepper-controls button,.pm-actions button,.kr-actions button,.sim-actions button,.mock-score-row button{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:.35rem .8rem;font-size:.85rem}.stepper-controls button:hover:not(:disabled),.pm-actions button:hover:not(:disabled),.kr-actions button:hover:not(:disabled),.sim-actions button:hover:not(:disabled),.mock-score-row button:hover:not(:disabled){border-color:var(--accent)}.stepper-controls button:disabled,.pm-actions button:disabled,.kr-actions button:disabled,.sim-actions button:disabled,.mock-score-row button:disabled{opacity:.45;cursor:default}.stepper-controls button.is-primary,.pm-actions button.is-primary,.kr-actions button.is-primary,.sim-actions button.is-primary,.mock-score-row button.is-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.stepper-progress{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:.78rem}.stepper-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.stepper-tabs button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .75rem;font-size:.8rem}.stepper-tabs button.is-active{border-color:var(--accent);color:var(--accent)}.el-machine{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.el-zone{border:1px solid var(--border);border-radius:var(--radius);min-height:5.2rem;padding:.5rem .6rem}.el-zone h4{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 .4rem;font-size:.68rem}.el-zone.is-micro h4{color:var(--accent)}.el-item{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;margin:.25rem 0;padding:.2rem .45rem;font-size:.75rem}.el-console{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);grid-column:1/-1;min-height:2.4rem;padding:.5rem .7rem;font-size:.78rem}.el-console-line:before{content:"› " / "";color:var(--fresh)}.playground{gap:1rem;display:grid}.playground-controls{flex-wrap:wrap;gap:.9rem 1.4rem;display:flex}.playground-control{font-size:.82rem}.playground-control>.label{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.3rem;font-size:.72rem;display:block}.playground-control .options{flex-wrap:wrap;gap:.3rem;display:flex}.playground-control .options button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.2rem .65rem;font-size:.76rem}.playground-control .options button.is-active{border-color:var(--accent);color:var(--accent)}.playground-preview{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);max-width:34rem;min-height:220px;padding:.6rem;overflow:auto}.playground-css{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:.6rem .9rem;font-size:.78rem;overflow-x:auto}.flex-item{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);place-items:center;width:4rem;font-size:.85rem;display:grid}.pm-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:2.2rem;padding:1.2rem 0;display:flex}.pm-node{border:2px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);border-radius:999px;padding:.55rem 1.3rem;font-size:.85rem;position:relative}.pm-node.is-current{border-color:var(--accent);color:var(--text)}.pm-node.is-fulfilled.is-current{border-color:var(--fresh)}.pm-node.is-rejected.is-current{border-color:var(--warn)}.pm-outcomes{flex-direction:column;gap:1rem;display:flex}.pm-handlers{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.pm-handler{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);opacity:.55;padding:.3rem .7rem;font-size:.78rem}.pm-handler.did-run{opacity:1;border-color:var(--fresh);color:var(--text)}.pm-actions{gap:.5rem;margin-top:.75rem;display:flex}.pm-lock-note{color:var(--warn);margin:.5rem 0 0;font-size:.82rem}.spec-grid{gap:.8rem;display:grid}.spec-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;display:grid}.spec-input{font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.45rem .7rem;font-size:.85rem}.spec-input:focus{outline:2px solid var(--accent);outline-offset:1px}.spec-pills{font-family:var(--font-mono);gap:.3rem;font-size:.8rem;display:flex}.spec-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);text-align:center;border-radius:6px;min-width:2.2rem;padding:.15rem .55rem}.spec-pill.lead{border-color:var(--accent);color:var(--accent);font-weight:700}.spec-verdict{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);padding:.5rem .8rem;font-size:.88rem}.spec-limits{color:var(--text-muted);margin-top:.3rem;font-size:.75rem}.bm-preview{place-items:center;padding:1rem 0;display:grid}.bm-zone{text-align:center;place-items:center;display:grid;position:relative}.bm-zone>.bm-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:.62rem;position:absolute;top:2px;left:6px}.bm-margin{border:2px dashed var(--border);background:0 0}.bm-border{background:var(--accent)}.bm-padding{background:var(--surface-2)}.bm-content{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);padding:.4rem;font-size:.75rem}.bm-readout{font-family:var(--font-mono);flex-wrap:wrap;gap:1.2rem;font-size:.8rem;display:flex}.bm-readout strong{color:var(--accent)}.pg-slider{gap:.2rem;min-width:10rem;display:grid}.pg-slider input[type=range]{accent-color:var(--accent)}.mem-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.78rem}.mem-table th,.mem-table td{border:1px solid var(--border);text-align:left;padding:.3rem .55rem}.mem-table th{background:var(--surface-2);font-weight:600}.mem-tdz{color:var(--warn);font-weight:700}.phase-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--accent);color:var(--accent);border-radius:999px;margin-bottom:.5rem;padding:.1rem .6rem;font-size:.7rem;display:inline-block}.ladder{gap:.35rem;display:grid}.ladder-rule{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .7rem;font-size:.82rem;display:flex}.ladder-rule.checking{border-color:var(--accent);color:var(--text)}.ladder-rule.matched{border-color:var(--fresh);color:var(--text);background:var(--fresh-bg)}.ladder-rule.skipped{opacity:.55}.this-value{font-family:var(--font-mono);border:1px solid var(--accent);border-radius:var(--radius);margin-top:.6rem;padding:.45rem .8rem;font-size:.85rem}.dom-chain{justify-items:start;gap:.3rem;display:grid}.dom-node{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.3rem .7rem;font-size:.78rem;display:flex}.dom-node.current{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 10%, transparent)}.dom-node .phase-tag{text-transform:uppercase;color:var(--accent);font-size:.65rem}.dom-fired{background:var(--fresh-bg);color:var(--fresh);border-radius:999px;padding:.05rem .5rem;font-size:.68rem}.pipeline{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pipe-node{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .6rem;font-size:.75rem}.pipe-node.at{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 10%, transparent)}.pipe-node.error{border-color:var(--warn);color:var(--warn)}.pipe-res{font-family:var(--font-mono);margin-top:.6rem;font-size:.8rem}.pipe-res .status-2xx{color:var(--fresh)}.pipe-res .status-4xx,.pipe-res .status-5xx{color:var(--warn)}.rtree{gap:.35rem;display:grid}.rtree-node{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-muted);padding:.35rem .7rem;font-size:.78rem}.rtree-children{gap:.35rem;margin-top:.35rem;margin-left:1.4rem;display:grid}.rtree-node.flash{border-color:var(--accent);color:var(--text);animation:.7s rtree-flash}@keyframes rtree-flash{0%{background:color-mix(in srgb, var(--accent) 35%, transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.rtree-node.flash{background:color-mix(in srgb, var(--accent) 18%, transparent);animation:none}}.rtree-count{color:var(--text-muted);margin-top:.5rem;font-size:.82rem}.fx-log{gap:.25rem;max-height:15rem;display:grid;overflow-y:auto}.fx-event{align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.fx-kind{font-family:var(--font-mono);text-transform:uppercase;text-align:center;border:1px solid var(--border);min-width:4.4rem;color:var(--text-muted);border-radius:999px;padding:.08rem .4rem;font-size:.68rem}.fx-kind.effect{border-color:var(--fresh);color:var(--fresh)}.fx-kind.cleanup{border-color:var(--warn);color:var(--warn)}.fx-kind.render{border-color:var(--accent);color:var(--accent)}.lanes{gap:.5rem;display:grid}.lane{border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .6rem}.lane h4{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 .3rem;font-size:.66rem}.lane .el-item{margin-right:.3rem;display:inline-block}.browser-mock{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.browser-bar{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-muted);padding:.2rem .6rem;font-size:.65rem}.browser-screen{place-items:center;min-height:3.6rem;padding:.5rem;font-size:.78rem;display:grid}.browser-screen.blank{color:var(--text-muted);background:var(--surface-2)}.browser-screen.content{color:var(--text)}.browser-screen.stale{color:var(--warn)}.browser-screen.shell{color:var(--text-muted)}.interactive-badge{border:1px solid var(--fresh);color:var(--fresh);border-radius:999px;margin-left:.5rem;padding:.08rem .5rem;font-size:.66rem}.interactive-badge.off{border-color:var(--border);color:var(--text-muted)}.kr-list{gap:.45rem;max-width:26rem;display:grid}.kr-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:.7rem;padding:.45rem .7rem;display:flex}.kr-row.is-checked{border-color:var(--accent)}.kr-key{font-family:var(--font-mono);border:1px dashed var(--accent-2);color:var(--accent-2);white-space:nowrap;border-radius:999px;padding:.08rem .5rem;font-size:.68rem}.kr-name{font-size:.88rem}.kr-check{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;align-items:center;gap:.35rem;margin-left:auto;font-size:.72rem;display:flex}.kr-check input{accent-color:var(--accent)}.kr-actions{flex-wrap:wrap;gap:.5rem;margin:.7rem 0 .5rem;display:flex}.kr-note{border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:var(--radius);color:var(--text);background:var(--surface-2);margin:0;padding:.5rem .8rem;font-size:.84rem}.env-stack{gap:.5rem;display:grid}.env-frame{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.5rem .7rem}.env-frame.executing{border-color:var(--accent)}.env-frame.retained{border-style:dashed;border-color:var(--accent-2)}.env-frame.gone{opacity:.4}.env-label{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem;font-size:.75rem;display:flex}.env-status{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.62rem}.env-frame.retained .env-status{color:var(--accent-2)}.env-binding{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.env-binding strong{color:var(--text);font-weight:600}.env-outer{font-family:var(--font-mono);color:var(--text-muted);margin-top:.3rem;font-size:.68rem}.env-refs{gap:.25rem;margin:.6rem 0;display:grid}.env-ref{font-family:var(--font-mono);color:var(--accent-2);font-size:.74rem}.co-chain{gap:.35rem;display:grid}.co-form{font-family:var(--font-mono);color:var(--text-muted);border-left:3px solid #0000;padding:.15rem .6rem;font-size:.82rem}.co-form.current{color:var(--text);border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:4px;padding:.35rem .6rem;font-size:1rem}.co-rule{font-family:var(--font-mono);color:var(--accent-2);border:1px dashed var(--accent-2);border-radius:999px;margin-top:.5rem;padding:.12rem .6rem;font-size:.72rem;display:inline-block}.co-verdict{font-family:var(--font-mono);color:var(--fresh);border:1px solid var(--fresh);border-radius:var(--radius);background:var(--fresh-bg);margin-top:.6rem;padding:.4rem .8rem;font-size:.95rem;font-weight:700;display:inline-block}.grid-item{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);min-height:3.2rem;font-family:var(--font-mono);color:var(--text);align-content:center;place-items:center;gap:.1rem;padding:.3rem;font-size:.8rem;display:grid}.grid-item small{color:var(--text-muted);font-size:.66rem}.ga-cell{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text);place-items:center;min-height:2.6rem;font-size:.78rem;display:grid}.ga-header{background:color-mix(in srgb, var(--accent) 14%, transparent)}.ga-nav,.ga-sidebar{background:color-mix(in srgb, var(--accent-2) 12%, transparent)}.ga-main{background:var(--surface)}.ga-aside{background:color-mix(in srgb, var(--fresh) 14%, transparent)}.ga-footer{background:var(--surface-2)}.sim{gap:.75rem;display:grid}.sim-caption{min-height:2.6em;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:.5rem .8rem;font-size:.88rem}.sim-summary{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.8rem}.sim-note{border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:var(--radius);color:var(--text);background:var(--surface-2);margin:0;padding:.5rem .8rem;font-size:.84rem}.sim-input{font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:22rem;padding:.45rem .7rem;font-size:.85rem}.sim-input:focus{outline:2px solid var(--accent);outline-offset:1px}.sim-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stepper-controls button.is-active{border-color:var(--accent);color:var(--accent)}.tl-svg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto}.tl-label{fill:var(--text-muted);font-family:var(--font-mono);font-size:10px}.tl-lane{stroke:var(--border);stroke-width:1px}.tl-event{fill:var(--accent)}.tl-fire{fill:var(--accent-2)}.tl-cooldown{fill:color-mix(in srgb, var(--accent-2) 22%, transparent)}.tl-window{fill:color-mix(in srgb, var(--accent) 14%, transparent)}.tl-bar{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:1px}.tl-bar.is-done{fill:var(--fresh-bg);stroke:var(--fresh)}.tl-bar.is-pending{fill:#0000;stroke:var(--border);stroke-dasharray:3 3}.tl-bar-label{fill:var(--text);font-family:var(--font-mono);font-size:9px}.npo-readout{font-family:var(--font-mono);flex-wrap:wrap;gap:1.2rem;font-size:.8rem;display:flex}.npo-readout strong{color:var(--accent)}.topo-node{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.topo-node.is-busy{stroke:var(--accent)}.topo-node.is-blocked{stroke:var(--accent-2);stroke-dasharray:4 3}.topo-node.is-down{stroke:var(--warn);opacity:.55}.topo-label{fill:var(--text);font-family:var(--font-mono);font-size:10px}.topo-edge{stroke:var(--border);stroke-width:1px}.topo-dot.is-a{fill:var(--accent)}.topo-dot.is-b{fill:var(--accent-2)}.topo-dot.is-c,.topo-dot.is-ok{fill:var(--fresh)}.topo-dot.is-warn{fill:var(--warn)}.topo-badge-bg{fill:var(--accent-2)}.topo-badge{fill:var(--accent-contrast);font-family:var(--font-mono);font-size:9px;font-weight:700}.sim-readout{font-family:var(--font-mono);flex-wrap:wrap;gap:1.2rem;font-size:.8rem;display:flex}.sim-readout strong{color:var(--accent)}.race-lanes{gap:.6rem;display:grid}.race-lane{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.race-user{font-family:var(--font-mono);min-width:4.2rem;color:var(--text-muted);font-size:.78rem}.race-chip{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.1rem .55rem;font-size:.7rem}.race-chip.is-current{border-color:var(--accent);color:var(--text)}.race-chip.is-done{border-color:var(--fresh);color:var(--fresh)}.race-chip.is-blocked{border-style:dashed;border-color:var(--accent-2);color:var(--accent-2)}.race-chip.is-rejected{border-color:var(--warn);color:var(--warn)}.race-stock{font-family:var(--font-mono);border:1.5px solid var(--accent);border-radius:var(--radius);padding:.4rem .8rem;font-size:.9rem;display:inline-block}.race-stock.is-oversold{border-color:var(--warn);color:var(--warn);font-weight:700}.pl-chain{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pl-stage{font-family:var(--font-mono);border:1.5px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.72rem;display:inline-flex}.pl-stage em{font-size:.62rem;font-style:normal}.pl-stage.is-running{border-color:var(--accent);color:var(--text)}.pl-stage.is-done{border-color:var(--fresh);color:var(--fresh)}.pl-stage.is-skipped{opacity:.55;border-style:dashed}.pl-arrow{color:var(--text-muted);font-size:.8rem}.pl-cost{font-family:var(--font-mono);color:var(--text-muted);margin:.6rem 0;font-size:.8rem}.pl-cost strong{color:var(--accent)}.jwt-grid{gap:.8rem;display:grid}.jwt-panes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;display:grid}.jwt-pane .label{font-family:var(--font-mono);margin-bottom:.3rem;font-size:.72rem;display:block}.jwt-pane.is-header .label{color:var(--accent)}.jwt-pane.is-payload .label{color:var(--accent-2)}.jwt-pane.is-secret .label{color:var(--fresh)}.jwt-input,.jwt-textarea{width:100%;font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .6rem;font-size:.78rem}.jwt-textarea{resize:vertical;min-height:7.5rem}.jwt-input:focus,.jwt-textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.jwt-token{font-family:var(--font-mono);word-break:break-all;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:text;padding:.6rem .8rem;font-size:.75rem;line-height:1.7}.jwt-token .jwt-h{color:var(--accent)}.jwt-token .jwt-p{color:var(--accent-2)}.jwt-token .jwt-s{color:var(--fresh)}.jwt-banner{font-family:var(--font-mono);border-radius:var(--radius);padding:.45rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.jwt-banner.is-valid{color:var(--fresh);border:1px solid var(--fresh);background:var(--fresh-bg)}.jwt-banner.is-invalid{color:var(--warn);border:1px solid var(--warn);background:var(--warn-bg)}.jwt-banner.is-na,.jwt-banner.is-checking{color:var(--text-muted);border:1px dashed var(--border)}.jwt-error{color:var(--warn);font-size:.75rem;font-family:var(--font-mono);margin-top:.25rem}.uc-node{text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);width:100%;font-family:var(--font-mono);color:var(--text-muted);background:var(--surface);align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.78rem;display:flex}.uc-node:hover,.uc-node:focus-visible{border-color:var(--accent)}.uc-node.is-client{background:color-mix(in srgb, var(--accent-2) 10%, transparent);color:var(--text)}.uc-node.is-directive{border:1.5px solid var(--accent-2)}.uc-kb{margin-left:auto;font-size:.68rem}.uc-badge{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:.05rem .45rem;font-size:.62rem}.uc-badge.is-client{border-color:var(--accent-2);color:var(--accent-2)}.uc-badge.is-server{border-color:var(--fresh);color:var(--fresh)}.topo-edge.is-cut{stroke:var(--warn);stroke-dasharray:4 4}.cap-cut-label{fill:var(--warn);font-family:var(--font-mono);font-size:11px;font-weight:700}.tool-card{border:1.5px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);margin:.75rem 0;padding:1rem 1.2rem;display:block}.tool-card:hover{border-color:var(--accent);text-decoration:none}.tool-card:before{content:"Tool";font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:.35rem;font-size:.68rem;font-weight:600;display:inline-block}.star-grid{grid-template-columns:220px minmax(0,1fr);gap:1.2rem;margin-top:1.5rem;display:grid}@media (width<=720px){.star-grid{grid-template-columns:1fr}}.star-list{align-content:start;gap:.4rem;display:grid}.star-item{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--text);padding:.5rem .7rem;font-size:.85rem}.star-item.is-active{border-color:var(--accent)}.star-part{margin-bottom:.9rem}.star-part-label{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;gap:.6rem;margin-bottom:.3rem;font-size:.72rem;display:flex}.star-part-label .is-over{color:var(--warn);font-weight:700}.star-part.is-timing .star-textarea{outline:2px solid var(--accent-2)}.star-input,.star-textarea{width:100%;font-family:var(--font-sans);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;font-size:.9rem}.star-textarea{resize:vertical;min-height:4.5rem}.star-input:focus,.star-textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.star-qmap{gap:.3rem;margin:.6rem 0;display:grid}.star-q{cursor:pointer;align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.star-q input{accent-color:var(--accent)}.star-coverage{font-family:var(--font-mono);margin:.5rem 0 .2rem;font-size:.8rem}.star-coverage strong{color:var(--accent)}.star-uncovered{color:var(--text-muted);margin:0;font-size:.8rem}.mock-rounds{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-top:1.5rem;display:grid}.mock-round{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--text);padding:.8rem 1rem}.mock-round:hover{border-color:var(--accent)}.mock-round h3{margin:0 0 .25rem;font-size:.95rem}.mock-round .meta{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.mock-timer{font-family:var(--font-mono);color:var(--accent);font-size:2.6rem;font-weight:700}.mock-timer.is-over{color:var(--warn)}.mock-section-flash{background:color-mix(in srgb, var(--accent-2) 18%, transparent);transition:background .6s}.mock-bar{background:var(--surface-2);border-radius:999px;height:6px;margin:.5rem 0 1rem;overflow:hidden}.mock-bar-fill{background:var(--accent);height:100%}.mock-score-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.mock-score-row .name{min-width:14rem}.radar-svg{max-width:320px}.radar-grid{stroke:var(--border);fill:none}.radar-poly{fill:color-mix(in srgb, var(--accent) 25%, transparent);stroke:var(--accent);stroke-width:1.5px}.radar-label{fill:var(--text-muted);font-family:var(--font-mono);font-size:8px}.mock-history{gap:.4rem;display:grid}.mock-attempt{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.8rem;padding:.45rem .8rem;font-size:.82rem;display:flex}.predict-commit{gap:.4rem;margin:.75rem 0 .35rem;display:grid}.predict-input{width:100%;font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;padding:.45rem .7rem;font-size:.82rem}.predict-input:focus{outline:2px solid var(--accent-2);outline-offset:1px}.predict-commit.is-committed .predict-input{opacity:.75}.predict-lock{background:var(--surface-2);border:1px solid var(--accent-2);border-radius:var(--radius);color:var(--accent-2);cursor:pointer;justify-self:start;padding:.3rem .8rem;font-size:.8rem}.predict-lock:hover{background:color-mix(in srgb, var(--accent-2) 12%, transparent)}.predict-commit.is-committed .predict-lock{border-color:var(--fresh);color:var(--fresh);cursor:default}.predict-commit.pulse{animation:.5s predict-pulse}@keyframes predict-pulse{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.predict-commit.pulse{outline:2px solid var(--accent-2);animation:none}}.predict-yours{font-family:var(--font-mono);color:var(--accent-2);border-left:3px solid var(--accent-2);background:color-mix(in srgb, var(--accent-2) 8%, transparent);margin:0 0 .6rem;padding:.3rem .7rem;font-size:.82rem}
