:root{--good: #0ca30c;--warning: #fab219;--critical: #d03b3b;--accent: var(--series-1)}main.lab{max-width:1440px}.lab-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.lab-header a{color:var(--text-secondary);font-size:14px}.header-links{display:flex;align-items:center;gap:14px}.lab-header a.enterprise-link{color:var(--surface-1);text-decoration:none}.project-bar{margin:10px 0 0;padding:8px 12px;border-radius:8px;border:1px solid var(--accent);font-size:13px;color:var(--text-secondary)}.project-bar a{color:var(--text-primary)}.muted{color:var(--text-muted)}.small{font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 12px}.toolbar .spacer{flex:1}.inline{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);max-width:100%}.inline select{min-width:0;max-width:100%}select,input[type=number],.name-input{font:inherit;font-size:13px;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:5px 8px}.clock{font-variant-numeric:tabular-nums;font-size:14px;min-width:88px}.btn{font:inherit;font-size:13px;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.btn:hover{border-color:var(--axis)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--text-primary);color:var(--surface-1);border-color:transparent;min-width:72px}.btn.danger{color:var(--critical)}.btn.quiet{border-color:transparent;color:var(--text-muted);padding-left:0}.btn:focus-visible,.palette-item:focus-visible,select:focus-visible,input:focus-visible,#canvas:focus-visible,.node:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notice{margin:0 0 12px;padding:8px 12px;border-radius:8px;font-size:13px;background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary)}main.lab{max-width:none;padding:16px 20px 48px}.workspace{--side-w: 400px;--canvas-h: 66vh;margin-bottom:20px;display:grid;grid-template-columns:150px minmax(0,1fr) 8px var(--side-w);gap:0 10px;align-items:stretch}.workspace.palette-closed{grid-template-columns:110px minmax(0,1fr) 8px var(--side-w)}.palette,.inspector,.canvas-wrap{background:var(--surface-1);border:1px solid var(--border);border-radius:12px}.palette{padding:10px;display:flex;flex-direction:column;gap:6px;height:var(--canvas-h);min-height:420px;overflow-y:auto}.palette-items{display:flex;flex-direction:column;gap:6px}.workspace.palette-closed .palette-items{display:none}.palette-toggle{font:inherit;font-size:13px;font-weight:600;color:var(--text-secondary);background:none;border:0;padding:2px 0 6px;text-align:left;cursor:pointer}.palette-toggle:after{content:" ‹"}.workspace.palette-closed .palette-toggle:after{content:" ›"}.splitter{cursor:col-resize;border-radius:4px;background:transparent}.splitter:hover,.splitter:focus-visible,.splitter.dragging{background:var(--border);outline:none}.canvas-resize{position:absolute;left:30%;right:30%;bottom:-6px;height:12px;cursor:row-resize;border-radius:6px}.canvas-resize:after{content:"";position:absolute;left:50%;top:5px;width:40px;margin-left:-20px;height:3px;border-radius:2px;background:var(--axis)}.side{display:flex;flex-direction:column;min-width:0;height:var(--canvas-h);min-height:420px;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.side-tabs{display:flex;flex-wrap:wrap;gap:0;padding:6px 4px 0;border-bottom:1px solid var(--grid);flex:none}.side-tab{font:inherit;font-size:13px;color:var(--text-secondary);background:none;border:0;border-bottom:2px solid transparent;padding:8px 7px;cursor:pointer;white-space:nowrap}.side-tab[aria-selected=true]{color:var(--text-primary);font-weight:600;border-bottom-color:var(--accent)}.side-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tab-count{display:inline-block;min-width:18px;padding:0 5px;margin-left:2px;border-radius:9px;background:var(--critical);color:#fff;font-size:11px;font-weight:700;text-align:center}.tab-count[hidden]{display:none}.side-panel{flex:1;overflow-y:auto;padding:12px;min-height:0}.side-panel[hidden]{display:none}.side .inspector{border:0;padding:0;background:none}.side .challenge{margin:0;border:0;padding:0;background:none}.palette h2,.inspector h2,.timeline h2{font-size:13px;font-weight:600;margin:0 0 4px;color:var(--text-secondary)}.palette-item{font:inherit;font-size:13px;text-align:left;padding:8px 10px;border-radius:8px;cursor:grab;border:1px solid var(--border);background:var(--page);color:var(--text-primary)}.palette-item:hover{border-color:var(--axis)}.canvas-wrap{padding:4px;min-width:0;position:relative;height:var(--canvas-h);min-height:420px}.workspace.expanded{--canvas-h: calc(100vh - 140px) }#canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}#canvas:active{cursor:grabbing}#canvas.far .node-desc,#canvas.far .node-live,#canvas.far .edge-label,#canvas.far .edge-label-bg{display:none}#canvas.far .node-name{font-size:22px}.zoom-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:2px;padding:3px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #00000014}.zoom-btn{font:inherit;font-size:13px;min-width:32px;height:30px;padding:0 8px;border:0;border-radius:7px;background:none;color:var(--text-primary);cursor:pointer}.zoom-btn:hover,.zoom-btn[aria-pressed=true]{background:var(--grid)}.zoom-level{font-variant-numeric:tabular-nums;min-width:52px}.canvas-hint{position:absolute;left:12px;bottom:12px;margin:0;font-size:11px;pointer-events:none}@media (max-width: 700px){.canvas-hint{display:none}}.node{cursor:grab}.node-box{fill:var(--page);stroke:var(--axis);stroke-width:1}.node.selected .node-box{stroke:var(--accent);stroke-width:2}.node.state-down .node-box{stroke:var(--critical);stroke-width:2}.node.state-overloaded .node-box{stroke:var(--warning);stroke-width:2}.node-icon{fill:none;stroke:var(--text-secondary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.node-name{font-size:14px;font-weight:600;fill:var(--text-primary)}.node-desc{font-size:11px;fill:var(--text-secondary)}.node-live{font-size:11px;fill:var(--text-primary);font-variant-numeric:tabular-nums}.node.state-down .node-name,.node.state-down .node-desc{fill:var(--text-muted)}.meter-track{fill:var(--grid)}.meter-fill{fill:var(--accent)}.meter-busy{fill:var(--warning)}.meter-overloaded,.pill-down{fill:var(--critical)}.pill-overloaded{fill:var(--warning)}.pill-text{font-size:10px;font-weight:700;text-anchor:middle;fill:#fff;letter-spacing:.04em}.pill-overloaded+.pill-text{fill:#0b0b0b}.port{fill:var(--surface-1);stroke:var(--axis);stroke-width:1.5;cursor:crosshair}.port:hover,.node.selected .port{stroke:var(--accent);fill:var(--accent)}.resize-handle{fill:var(--accent);pointer-events:none}.resize-hit{fill:transparent;cursor:nwse-resize}.edge-line{fill:none;stroke:var(--axis);stroke-width:1.5}.edge.selected .edge-line{stroke:var(--accent);stroke-width:2.5}.edge-link .edge-line{stroke-dasharray:2 4}.edge-idle .edge-line{stroke-dasharray:6 5;opacity:.6}.edge-idle .edge-label{fill:var(--text-muted, var(--text-secondary));font-style:italic}.edge-hit{fill:none;stroke:transparent;stroke-width:14;cursor:pointer}.edge-temp{fill:none;stroke:var(--accent);stroke-width:1.5;pointer-events:none}.arrowhead{fill:var(--axis)}.edge-label-bg{fill:var(--surface-1);stroke:var(--border)}.edge-label{font-size:11px;text-anchor:middle;fill:var(--text-secondary);font-variant-numeric:tabular-nums;pointer-events:none}.dots{pointer-events:none}.flow-dot{fill:var(--accent);stroke:var(--surface-1);stroke-width:1.5}.flow-dot.failing{fill:var(--critical)}.inspector{padding:14px;display:flex;flex-direction:column;gap:10px;font-size:13px}.inspector p{margin:0}.name-input{font-size:15px;font-weight:600;width:100%}.kind{margin-top:-6px}.stats{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;padding:8px 0;border-top:1px solid var(--grid);border-bottom:1px solid var(--grid)}.stats dt{color:var(--text-secondary)}.stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.field{display:flex;flex-direction:column;gap:4px}.field-label{color:var(--text-secondary)}.field-row{display:flex;align-items:center;gap:6px}.field-row input{width:110px}.field-check{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-secondary)}.unit{color:var(--text-muted)}.help{color:var(--text-muted);font-size:12px}.derived{font-weight:600;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px solid var(--grid)}input[type=range]{width:100%;accent-color:var(--accent)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0}.tiles .tile{padding:8px 10px}.tiles .tile-value{font-size:18px}.tiles .tile-note{font-size:11px}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.tile-label{font-size:12px;color:var(--text-secondary)}.tile-value{font-size:26px;font-weight:600;margin-top:2px}.tile-note{font-size:12px;color:var(--text-muted)}.compare{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.compare .chip{gap:6px}.compare .chip button{border:0;background:none;color:var(--text-muted);cursor:pointer;font:inherit;padding:0 2px}.timeline{margin-top:24px}.timeline ol{margin:0;padding-left:20px;font-size:13px;color:var(--text-secondary)}.timeline li{margin:2px 0}@media (max-width: 1000px){.workspace,.workspace.palette-closed{grid-template-columns:minmax(0,1fr);gap:10px}.palette{height:auto;min-height:0}.palette-items{flex-direction:row;flex-wrap:wrap;align-items:center}.palette h2{width:100%}.splitter{display:none}.side{height:auto;min-height:0;max-height:none}.side-panel{max-height:70vh}.canvas-wrap{height:min(var(--canvas-h),70vh)}}@media (max-width: 600px){main.lab{padding:12px 12px 40px}.toolbar{gap:6px}.toolbar .spacer{display:none}}.diagnosis{margin-top:0}.diag-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.diag-head h2{font-size:17px;font-weight:600;margin:0}#findings{display:grid;gap:10px}.diag-empty{margin:0;font-size:14px}.finding{background:var(--surface-1);border:1px solid var(--border);border-left:4px solid var(--axis);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.finding.sev-critical{border-left-color:var(--critical)}.finding.sev-warning{border-left-color:var(--warning)}.finding-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.finding-head h3{margin:0;font-size:15px;font-weight:600}.sev-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em;background:var(--grid);color:var(--text-primary)}.sev-critical .sev-pill{background:var(--critical);color:#fff}.sev-warning .sev-pill{background:var(--warning);color:#0b0b0b}.facts{margin:0;font-size:14px;font-variant-numeric:tabular-nums}.steps{display:flex;flex-direction:column;gap:6px}.step{margin:0;font-size:14px;color:var(--text-secondary);padding-left:10px;border-left:2px solid var(--grid);max-width:90ch}.step strong{color:var(--text-primary)}.fixes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}.fixes:empty{display:none}.reveal{align-self:flex-start}.whatif{margin-top:16px}.whatif h3{font-size:15px;font-weight:600;margin:0 0 4px}.whatif>p{margin:0 0 8px;font-size:13px}.whatif td{vertical-align:top}.verdict{display:inline-block;white-space:nowrap;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}.verdict-survives{background:var(--good);color:#fff}.verdict-degraded{background:var(--warning);color:#0b0b0b}.verdict-breaks{background:var(--critical);color:#fff}.whatif th,.whatif td{white-space:normal}.whatif td:first-child{min-width:200px}.reality-warnings:empty{display:none}.reality-warnings{display:flex;flex-direction:column;gap:6px}.reality-msg{margin:0;font-size:12px;padding:6px 8px;border-radius:8px;border:1px solid var(--border)}.reality-warning{border-left:3px solid var(--warning)}.reality-info{border-left:3px solid var(--axis);color:var(--text-secondary)}.reality-risk{border-left:3px solid var(--critical)}.reality{font-size:12px;color:var(--text-secondary);border-top:1px solid var(--grid);padding-top:8px}.reality summary{cursor:pointer;font-weight:600;color:var(--text-primary);font-size:13px}.reality p{margin:6px 0 0}.reality a{color:var(--text-secondary)}.node.state-starved .node-box{stroke:var(--warning);stroke-width:2}.meter-starved{fill:var(--warning)}.node-unreal{font-size:14px;fill:var(--warning);cursor:help}.real-line{margin:0;font-size:12px;color:var(--text-secondary);padding:6px 8px;background:var(--page);border-radius:8px}.real-line strong{color:var(--text-primary);font-weight:600}.real-line a{color:var(--text-secondary)}.node.state-behind .node-box{stroke:var(--warning);stroke-width:2}.node.state-primary-down .node-box{stroke:var(--critical);stroke-width:2}.node.state-nodes-down .node-box,.node.state-throttling .node-box,.node.state-breaker-open .node-box{stroke:var(--warning);stroke-width:2}.meter-behind{fill:var(--warning)}.partitions{display:flex;flex-direction:column;gap:3px;font-size:12px;font-variant-numeric:tabular-nums}.partition{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;color:var(--text-secondary)}.partition-bar{height:6px;background:var(--grid);border-radius:3px;overflow:hidden}.partition-bar span{display:block;height:100%;background:var(--accent);border-radius:3px}.reset-defaults{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--grid)}.reset-defaults .btn{align-self:flex-start}.responses{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:16px}.responses h2{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--text-secondary)}.responses p{margin:0;font-size:13px}.response-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.response{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;gap:10px;align-items:center;font-size:13px}.response-label{color:var(--text-primary)}.response.error .response-label{color:var(--critical)}.response-bar{height:8px;background:var(--grid);border-radius:4px;overflow:hidden}.response-bar span{display:block;height:100%;background:var(--accent);border-radius:4px}.response.error .response-bar span{background:var(--critical)}.response-value{font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}@media (max-width: 600px){.response{grid-template-columns:1fr auto}.response-bar{display:none}}.spec-box{margin:8px 0 12px;padding:10px 12px;border:1px solid var(--accent);border-radius:8px;display:flex;flex-direction:column;gap:3px;font-size:12px}.spec-box p{margin:0}.spec-title{font-weight:700;color:var(--text-primary)}.spec-stale{color:var(--text-primary)}.spec-table{font-weight:600;margin-top:4px!important}.spec-keys{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spec-pattern{color:var(--text-secondary)}.spec-error{color:var(--critical)}.spec-box a{color:var(--text-primary);margin-top:4px}.routes{margin:8px 0 12px;display:flex;flex-direction:column;gap:4px;font-size:12px}.routes p{margin:0}.routes-table{width:100%;border-collapse:collapse}.routes-table th{text-align:left;font-size:11px;color:var(--text-secondary);font-weight:600;padding:2px 4px 2px 0}.routes-table td{padding:2px 4px 2px 0;font-size:12px}.routes-table input{width:100%;box-sizing:border-box}.routes-table input[type=number]{width:64px}.ask{margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-1)}.ask-label{display:block;font-weight:600;margin-bottom:6px}.ask-row{display:flex;gap:8px}.ask-row input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-0, var(--surface-1));color:inherit;font:inherit}.ask-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;align-items:center}.chip{font:inherit;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:inherit;cursor:pointer}.chip:hover{border-color:var(--accent)}.ask-result h3{margin:8px 0 4px;font-size:15px}.ask-result p{margin:4px 0}.ask-findings{margin-top:8px}.flow-explain{margin:10px 0;padding:8px 10px;border-left:3px solid var(--accent);background:var(--surface-1)}.flow-explain h4{margin:0 0 4px;font-size:13px}.flow-explain p{margin:2px 0}.arrow-review{margin:8px 0 12px;padding:8px 10px;border-radius:8px;border:1px solid var(--border)}.arrow-review p{margin:4px 0}.arrow-review.arrow-ok strong{color:var(--good, var(--accent))}.arrow-review.arrow-wrong{border-color:var(--critical)}.arrow-review.arrow-wrong strong{color:var(--critical)}.arrow-review.arrow-idle strong{color:var(--warning, var(--text-secondary))}.crumbs{display:flex;gap:12px;align-items:center;padding:8px 10px;margin-bottom:8px;border:1px solid var(--accent);border-radius:8px;background:var(--surface-1);font-size:13px;flex-wrap:wrap}.crumbs[hidden]{display:none}.library-row{display:flex;gap:4px;align-items:stretch}.library-row .palette-item{flex:1;min-width:0;text-align:left}.library-del{padding:0 8px}.save-dialog{max-width:460px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:12px;background:var(--surface-1);color:inherit;padding:16px}.save-dialog::backdrop{background:#00000073}.save-dialog h2{margin:0 0 8px;font-size:17px}.save-dialog .ws-field{display:flex;flex-direction:column;gap:4px;margin:10px 0 4px;font-weight:600;font-size:13px}.save-dialog input,.save-dialog select{font:inherit;font-weight:400;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:transparent;color:inherit}.save-status{color:var(--critical);min-height:1em;margin:6px 0}.canvas-toast{position:fixed;z-index:50;max-width:280px;padding:8px 10px;border-radius:8px;background:var(--text-primary);color:var(--surface-1);font-size:13px;line-height:1.4;box-shadow:0 4px 16px #0003;pointer-events:none}.notice ul{margin:0;padding-left:18px}.notice details{margin-top:6px}.notice summary{cursor:pointer;color:var(--text-primary)}.notice details ul{margin-top:6px}.app-dialog{max-width:min(440px,calc(100vw - 32px));padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface-1);color:var(--text-primary);box-shadow:0 12px 40px #00000040}.app-dialog::backdrop{background:#00000059}.app-dialog h2{margin:0 0 8px;font-size:17px}.app-dialog p{margin:0 0 16px;color:var(--text-secondary);line-height:1.5}.app-dialog-field{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;font-size:13px}.app-dialog-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:0}.btn.danger.app-danger,.app-dialog .btn.danger{background:var(--critical);color:#fff;border-color:transparent}.tour{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--accent, var(--border));border-radius:8px;background:var(--surface-1);font-size:13px}.tour[hidden]{display:none}.tour ol{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding-left:18px;flex:1;min-width:0}.tour li.done{color:var(--text-muted)}.node-stack{opacity:.7}.btn.accent{border-color:var(--accent);color:var(--accent);font-weight:600}.challenge{margin:0 0 12px;padding:12px 14px;border:1px solid var(--accent);border-left-width:4px;border-radius:10px;background:var(--surface-1);font-size:14px;line-height:1.5}.challenge[hidden]{display:none}.ch-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:8px}.ch-head strong{color:var(--accent)}.ch-head strong{flex:1 1 auto}.ch-steps{order:3;flex:1 1 100%;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--text-muted)}.ch-steps li{white-space:nowrap}.ch-steps li:before{content:"○ "}.ch-steps li.done{color:var(--text-secondary)}.ch-steps li.done:before{content:"✓ ";color:var(--good)}.ch-steps li.now{color:var(--text-primary);font-weight:600}.ch-steps li.now:before{content:"● ";color:var(--accent)}.ch-body p{margin:0 0 8px}.ch-task{font-size:15px}.ch-q{font-weight:600}.ch-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.ch-choices .btn.picked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-1))}.ch-feedback{padding:8px 10px;border-radius:8px;border-left:3px solid var(--border);background:var(--page)}.ch-feedback.right{border-left-color:var(--good)}.ch-feedback.wrong{border-left-color:var(--critical)}.ch-feedback.advice{border-left-color:var(--warning)}.ch-checks,.ch-explain{margin:0 0 10px;padding-left:18px}.ch-checks{list-style:none;padding-left:0}.ch-checks li{color:var(--text-secondary)}.ch-checks li.ok{color:var(--text-primary)}.ch-hint{color:var(--text-secondary);font-style:italic}.ch-compare{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 10px;font-size:13px}.ch-compare th,.ch-compare td{padding:4px 12px 4px 0;text-align:left;border-bottom:1px solid var(--border)}.ch-body .btn{margin:0 8px 4px 0}.ch-step-link{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ch-step-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.ch-levels{order:2;flex:1 1 100%;display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--text-secondary)}.ch-levels li{white-space:nowrap}.ch-levels li.done:before{content:"✓ ";color:var(--good)}.ch-levels li.now{color:var(--accent);font-weight:600}.ch-levels li.now:before{content:"● "}.ch-levels li.locked{color:var(--text-muted)}.ch-body>.ch-steps{margin:0 0 10px}.learner{align-self:center}.learner a{color:var(--accent)}#challenge-list{display:grid;gap:10px}#challenge-list[hidden]{display:none}.ch-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--page)}.ch-card h3{margin:0 0 4px;font-size:15px}.ch-card p{margin:0 0 8px}.ch-card-progress{height:6px;border-radius:3px;background:var(--grid);margin:4px 0 6px;position:relative;overflow:hidden}.ch-card-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--done) * 100%);background:var(--good);border-radius:3px}.side .ch-head{background:var(--surface-1);padding:4px 0 6px}@media (min-width: 1000px) and (min-height: 700px){.side .ch-head{position:sticky;top:-12px;z-index:1}}.site-footer{margin-top:32px;padding:16px 0 24px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:13px}.site-footer p{margin:4px 0}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:24px}.canvas-empty[hidden]{display:none}.canvas-empty div{max-width:420px;text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.6;background:var(--surface-1);border:1px dashed var(--axis);border-radius:12px;padding:18px 20px}.canvas-empty strong{display:block;color:var(--text-primary);font-size:16px;margin-bottom:6px}.fb{display:flex;flex-direction:column;gap:14px;padding:4px 2px 8px}.fb p{margin:0}.fb fieldset{border:0;margin:0;padding:0;min-width:0}.fb legend,.fb-field>span{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px;padding:0;display:block}.fb-field{display:flex;flex-direction:column}.fb select,.fb textarea,.fb input[type=text]{font:inherit;font-size:14px;color:var(--text-primary);background:var(--page);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%;box-sizing:border-box}.fb textarea{resize:vertical;min-height:72px}.fb select:focus-visible,.fb textarea:focus-visible,.fb input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fb-stars{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.fb-stars legend{width:100%}.fb-stars input{position:absolute;opacity:0;width:1px;height:1px}.fb-stars label{font-size:28px;line-height:1;color:var(--axis);cursor:pointer;padding:2px}.fb-stars:has(input:checked) label{color:var(--warning)}.fb-stars input:checked+label~label{color:var(--axis)}.fb-stars:hover label{color:var(--warning)}.fb-stars label:hover~label{color:var(--axis)}.fb-stars input:focus-visible+label{outline:2px solid var(--accent);border-radius:4px}.fb-next label{display:block;font-size:13px;padding:3px 0;color:var(--text-primary);cursor:pointer}.fb-next .fb-other{margin-top:6px}.fb-error{color:var(--critical);min-height:1em}.fb-error:empty{display:none}.fb-done{padding:12px 2px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ch-brief{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:8px 12px;margin:0 0 12px;background:var(--surface-1);font-size:13px;line-height:1.5}.ch-brief summary{cursor:pointer;font-weight:600;color:var(--text-primary)}.ch-brief p{margin:6px 0}.ch-brief b{color:var(--text-primary)}.ch-brief-how{margin:4px 0 2px;padding-left:20px}.ch-brief-how li{margin:3px 0}.brand{display:flex;align-items:center;gap:10px}.brand img{flex:none;border-radius:8px}.edge-traced .edge-line{stroke:var(--series-4);stroke-width:3.5}.trace-badge rect{fill:var(--series-4)}.trace-badge text{fill:#1a1a19;font-size:12px;font-weight:700;text-anchor:middle}.trace-badge.failed rect,.trace-dot.failed{fill:var(--critical)}.trace-dot{fill:var(--series-4);stroke:var(--surface-1);stroke-width:3}.follow-panel{border:1px solid var(--border);border-left:3px solid var(--series-4);border-radius:10px;padding:10px 12px;margin:0 0 12px;background:var(--surface-1)}.follow-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.follow-head h3{margin:0;font-size:14px}.follow-btns{display:flex;flex-wrap:wrap;gap:4px}.follow-sum{font-size:15px;font-weight:700;margin:8px 0 6px}.follow-sum.failed{color:var(--critical)}.follow-bar{display:flex;gap:2px;height:14px;margin:4px 0}.follow-bar span{min-width:3px;border-radius:3px}.follow-bar .seg-network{background:var(--axis)}.follow-bar .seg-here{background:var(--series-1)}.follow-bar .seg-wait{background:var(--critical)}.follow-bar .seg-back{background:var(--grid)}.follow-legend{color:var(--text-secondary);margin:2px 0 8px}.follow-steps{margin:0;padding-left:0;list-style:none;font-size:13px;line-height:1.45}.follow-steps li{display:grid;grid-template-columns:58px 1fr;gap:6px;padding:4px 0;border-bottom:1px solid var(--grid)}.follow-t{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.follow-steps .step-answered{font-weight:600}.follow-steps .step-failed{color:var(--critical);font-weight:600}.follow-steps .step-wait{color:var(--critical)}.term{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:help;text-decoration:underline dotted var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}.term:hover,.term[aria-expanded=true]{color:var(--accent)}.term:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.concept-card{scroll-margin:80px 0 24px;display:block;margin:8px 0;padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;background:var(--page);font-size:13px;line-height:1.5;font-weight:400;font-style:normal;color:var(--text-primary);text-align:left}.concept-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.concept-head strong{font-size:14px}.concept-close{font:inherit;font-size:18px;line-height:1;background:none;border:0;color:var(--text-secondary);cursor:pointer;padding:0 4px}.concept-card p{margin:6px 0}.concept-short{font-weight:600}.concept-more{display:inline-block;margin-top:2px;color:var(--accent);font-size:12px}.concept-pic{margin:6px 0}.concept-pic figcaption{color:var(--text-secondary);font-size:12px}.cp-box{fill:var(--surface-1);stroke:var(--axis)}.cp-name{fill:var(--text-primary);font-size:11px;text-anchor:middle}.cp-edge{fill:none;stroke:var(--axis);stroke-width:1.5}.cp-edge.cp-dim{stroke-dasharray:4 4;opacity:.6}.cp-edge.cp-fail{stroke:var(--critical);stroke-dasharray:5 4}.cp-dot{fill:var(--accent)}.cp-dot.cp-dim{opacity:.5}.cp-x{fill:var(--critical);font-size:14px;font-weight:700;text-anchor:middle}.cp-label{fill:var(--text-secondary);font-size:10px;text-anchor:middle}.cp-bar{fill:var(--series-1)}.cp-bar.slow{fill:var(--series-2)}.cp-marker{stroke:var(--text-primary);stroke-width:1.5;stroke-dasharray:3 3}.cp-marker-label{fill:var(--text-primary);font-size:11px;font-weight:700}.cp-axis{fill:var(--text-muted);font-size:10px}.cp-axis.end{text-anchor:end}.concept-index{margin-top:12px;font-size:13px}.concept-index summary{cursor:pointer;color:var(--text-secondary)}.concept-index ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}@media (prefers-reduced-motion: reduce){.cp-dot{display:none}}.basics h3,#challenge-list>h3{font-size:14px;margin:14px 0 4px}.basics-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.basics-list li{display:flex;align-items:center;justify-content:space-between;gap:8px}.basic-btn{font:inherit;font-size:13px;text-align:left;flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text-primary);cursor:pointer}.basic-btn:hover{border-color:var(--accent)}.basic-btn.done{color:var(--good)}.before-you-start{margin:6px 0 0;color:var(--text-secondary)}.link-btn{font:inherit;background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline}.concept-see{display:block;margin:6px 0 2px}.ch-meter{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:8px 0;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--page)}.ch-meter-now{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.ch-meter.ok{border-color:var(--good)}.ch-meter.ok .ch-meter-now{color:var(--good)}