:root{color-scheme:light;--font-sans: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-family:var(--font-sans);color:#172220;background:#e9ede7;--ink: #172220;--muted: #69736e;--paper: #f7f8f3;--line: #c8cec6;--teal: #0d6e68;--teal-dark: #064b48;--acid: #d8ed8e;--amber: #c97b23;--red: #a94a3d;--violet: #6556a5;--shadow: 0 18px 50px rgba(31, 48, 43, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(216,237,142,.38),transparent 25rem),var(--paper)}button,select,input{font:inherit}button,select{min-height:40px}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #83b7ff;outline-offset:2px}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:#fff;color:#000;padding:.7rem 1rem}.skip-link:focus{top:1rem}.shell{max-width:1600px;margin:auto;padding:22px clamp(16px,3vw,48px) 48px}.masthead{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;border-bottom:1px solid var(--ink);padding-bottom:18px}.eyebrow,.mono,code,pre,.badge,.sequence{font-family:var(--font-mono)}.eyebrow{margin:0 0 8px;color:var(--teal);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,4.7rem);font-weight:500;line-height:.95;letter-spacing:-.06em}.claim{max-width:580px;margin:0;color:#44504c;font-size:clamp(.92rem,1.3vw,1.08rem);line-height:1.6}.claim strong{color:var(--ink)}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:18px 0}.control{display:grid;gap:5px;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.control select{min-width:210px}select,.btn{border:1px solid #aab3ac;border-radius:7px;background:#ffffffad;color:var(--ink);padding:8px 11px}.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.8rem;font-weight:600}.btn:hover{border-color:var(--teal);background:#fff}.btn:disabled{cursor:not-allowed;opacity:.45;background:#eef0eb;border-color:#c8cec6}.btn.primary{background:var(--teal-dark);color:#fff;border-color:var(--teal-dark)}.btn.icon{width:40px;padding:8px}.speed{min-width:120px;accent-color:var(--teal)}.toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 6px;font-size:.78rem;font-weight:600}.toggle input{accent-color:var(--teal);width:17px;height:17px}.export-group{margin-left:auto;display:flex;gap:8px}.status-strip{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;border:1px solid var(--line);background:#ffffffa6;border-radius:9px 9px 0 0;padding:10px 14px}.badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid currentColor;border-radius:999px;padding:4px 8px;font-size:.64rem;line-height:1;letter-spacing:.05em;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border:1px solid currentColor;border-radius:50%;background:currentColor}.badge.associative{color:var(--teal)}.badge.canonical,.badge.allow{color:#32620e;background:#f2f9d9}.badge.deny{color:var(--red);background:#fff4f1}.badge.quarantine{color:var(--violet);background:#f5f1ff;border-style:dashed}.status-copy{font-size:.78rem;color:var(--muted)}.status-copy strong{color:var(--ink)}.step-count{color:var(--muted);font-size:.7rem}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:560px;border:1px solid var(--line);border-top:0;background:#ffffff73;box-shadow:var(--shadow)}.visual-panel{min-width:0;padding:24px;border-right:1px solid var(--line)}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-label h2,.inspector h2,.lower h2{margin:0;font-size:.76rem;letter-spacing:.11em;text-transform:uppercase}.legend{display:flex;gap:12px;color:var(--muted);font-size:.68rem}.legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--teal)}.legend span:nth-child(2):before{background:var(--red)}.legend span:nth-child(3):before{background:var(--violet);border-radius:0}.canvas-wrap{overflow-x:auto;border:1px solid #d9ded7;background-color:#f9faf6;background-image:linear-gradient(#e6e9e3 1px,transparent 1px),linear-gradient(90deg,#e6e9e3 1px,transparent 1px);background-size:24px 24px;border-radius:8px}#flow-svg{display:block;width:100%;min-width:820px;height:auto}.flow-line{stroke:#aab3ac;stroke-width:1.5;fill:none;marker-end:url(#arrow)}.flow-line.active{stroke:var(--teal);stroke-width:2.5;stroke-dasharray:7 5;animation:dash 1.2s linear infinite}.flow-line.denied{stroke:var(--red);stroke-dasharray:3 5}.flow-line.quarantined{stroke:var(--violet);stroke-dasharray:2 4}.flow-node{cursor:pointer}.flow-node rect{fill:#fff;stroke:#89958e;stroke-width:1.5;rx:6}.flow-node:hover rect,.flow-node.selected rect{stroke:var(--teal);stroke-width:3}.flow-node.locked rect{fill:#f0f2ed;stroke-dasharray:4 4}.flow-node.committed rect{fill:#eff8ca;stroke:#517921}.node-kicker{font:9.5px var(--font-mono);fill:#6e7973;letter-spacing:.04em}.node-title{font:600 12.5px var(--font-sans);fill:var(--ink)}.node-value{font:10px var(--font-mono);fill:var(--teal-dark)}.lane-label{font:10px var(--font-mono);fill:#6e7973;letter-spacing:.08em}.lane-box{fill:#fff9;stroke:#b5bdb7;stroke-dasharray:5 5}@keyframes dash{to{stroke-dashoffset:-24}}.predicate-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.predicate{min-height:78px;border:1px solid #cdd2cc;border-radius:7px;background:#fff;padding:10px}.predicate .mark{display:block;margin-bottom:12px;font:500 .72rem var(--font-mono)}.predicate strong{display:block;font-size:.72rem;line-height:1.3}.predicate small{color:var(--muted);font-size:.62rem}.predicate.pass{border-color:#84a84b;background:#f7faeb}.predicate.fail{border-color:#c5796e;background:#fff7f5;border-style:dashed}.predicate.pending{color:#7c8580;background:#f3f4f0}.inspector{padding:24px 20px;overflow:auto;background:#f7f8f3cc}.inspector-intro{margin:9px 0 20px;color:var(--muted);font-size:.78rem;line-height:1.5}.entity-title{margin:18px 0 5px;font-size:1.22rem;line-height:1.2}.entity-type{color:var(--teal);font:.66rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.facts{margin:20px 0 0}.fact{padding:10px 0;border-top:1px solid #d8dcd6}.fact dt{color:var(--muted);font:.62rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.fact dd{margin:4px 0 0;font-size:.76rem;line-height:1.5;overflow-wrap:anywhere}.reason{border-left:3px solid var(--amber);padding-left:10px;color:#5f5547}.history-note{margin-top:14px;padding:12px;border:1px solid #d8b883;border-radius:7px;background:#fffaf0}.history-note>p:first-child{color:#5f5547}.scenario-insight{padding:10px 12px;border-left:3px solid var(--teal);background:#f1f8f2;color:#354841!important}.comparison{display:none;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.comparison.visible{display:grid}.compare-card{border:1px solid var(--line);border-radius:7px;padding:14px;background:#fff}.compare-card.naive{border-color:#d8a06c;background:#fff8ef}.compare-card h3{margin:0 0 6px;font-size:.78rem}.compare-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.75fr);gap:24px;margin-top:24px}.timeline-card,.audit-card{border:1px solid var(--line);border-radius:8px;background:#ffffffb3;min-width:0}.card-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.timeline{max-height:400px;overflow:auto;margin:0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #e2e5df;font-size:.72rem}.timeline li.current{background:#f1f7df}.sequence{color:var(--muted)}.timeline-type{font-family:var(--font-mono);font-size:.68rem}.timeline-meta{color:var(--muted);font-size:.62rem;text-align:right}.tabs{display:flex;gap:2px;overflow-x:auto;padding:8px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:7px 9px;min-height:34px;font-size:.68rem;white-space:nowrap;border-radius:5px}.tab[aria-selected=true]{background:var(--ink);color:#fff}.tab-panel{padding:16px;max-height:340px;overflow:auto}.tab-panel p{margin:0 0 12px;color:#4c5853;font-size:.75rem;line-height:1.6}pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.64rem;line-height:1.55;color:#34413c}.requirement-list{display:grid;gap:8px}.requirement{display:grid;grid-template-columns:58px 1fr;gap:9px;font-size:.7rem}.requirement code{color:var(--teal)}.footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem;line-height:1.5}@media(max-width:1050px){.masthead,.workbench{grid-template-columns:1fr}.visual-panel{border-right:0}.inspector{border-top:1px solid var(--line);max-height:340px}.lower{grid-template-columns:1fr}.predicate-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{padding-inline:12px}.masthead{padding-top:10px}.toolbar{align-items:stretch}.control,.control select{width:100%}.export-group{margin-left:0;width:100%}.export-group .btn{flex:1}.status-strip{grid-template-columns:1fr auto}.status-copy{grid-column:1 / -1;grid-row:2}.visual-panel{padding:14px}.legend{display:none}.predicate-board{grid-template-columns:1fr 1fr}.comparison,.lower{grid-template-columns:1fr}.footnote{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}