.demo-console{max-width:1440px;margin:0 auto;padding:54px 40px 64px}.demo-console button,.demo-console select{font:inherit;border:1px solid var(--line);color:var(--fg-body);background:var(--bg-band);font-family:var(--mono);cursor:pointer;border-radius:2px;padding:7px 11px;font-size:11px}.demo-console button:hover,.demo-console select:hover{border-color:var(--accent);color:var(--fg)}.demo-console button[aria-pressed=true]{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-ghost)}.demo-console [hidden]{display:none!important}.demo-console [data-tone=good]{color:var(--safe)}.demo-console [data-tone=warning]{color:var(--accent)}.demo-console [data-tone=bad]{color:var(--danger)}.demo-console [data-tone=muted]{color:var(--fg-dim)}.demo-kicker{font:10px var(--mono);letter-spacing:.14em;color:var(--fg-dim);align-items:center;gap:10px;display:flex}.demo-mark{background:var(--accent);width:7px;height:7px}.demo-hero-grid{grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;padding:30px 0 38px;display:grid}.demo-hero h1{font:var(--heading-weight) clamp(44px, 5.2vw, 74px)/1.06 var(--sans);letter-spacing:-.045em}.demo-hero h1 em{color:var(--accent);font-style:normal}.demo-hero-copy{max-width:440px;padding-bottom:5px}.demo-hero-copy>p:first-child{color:var(--fg-strong);margin:0 0 12px;font-size:19px;line-height:1.5}.demo-small,.demo-hero-copy .demo-small{color:var(--fg-dim);font-size:13px;line-height:1.65}.demo-jump{font:11px var(--mono);color:var(--fg-strong);border-bottom:1px solid var(--line-strong);gap:20px;padding:10px 0 4px;display:inline-flex}.demo-jump:hover{color:var(--accent);border-color:var(--accent)}.demo-jump span{color:var(--accent)}.demo-health-strip{border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--bg-band);grid-template-columns:repeat(4,1fr);display:grid}.demo-health-strip>div{border-right:1px solid var(--line);flex-direction:column;gap:5px;min-width:0;padding:18px 22px;display:flex}.demo-health-strip>div:last-child{border-right:0}.demo-label{font:10px var(--mono);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.demo-health-strip strong{font:500 18px var(--mono);overflow-wrap:anywhere}.demo-health-strip>div>span:last-child{font:10px/1.6 var(--mono);color:var(--fg-dim)}.demo-notice{border-left:2px solid var(--accent);background:var(--bg-band);color:var(--fg-body);font:12px/1.7 var(--mono);overflow-wrap:anywhere;margin-top:12px;padding:10px 16px}.demo-workspace{margin-top:38px;scroll-margin-top:80px}.demo-workspace-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.demo-mode-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-mode-heading strong{font:500 13px var(--mono)}.demo-mode-heading>span:last-child{color:var(--fg-dim);font:10px var(--mono)}.demo-live-dot{background:var(--fg-dim);border-radius:50%;width:6px;height:6px}.demo-live-dot[data-connected=true]{background:var(--safe);box-shadow:0 0 0 4px color-mix(in srgb, var(--safe) 10%, transparent)}.demo-live-dot[data-historical=true]{background:var(--accent);box-shadow:none;border-radius:0}.demo-segment{gap:3px;display:inline-flex}.demo-stats{border-block:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1.3fr;margin-bottom:18px;display:grid}.demo-stats>div{align-items:center;gap:14px;padding:16px 15px 16px 0;display:flex}.demo-stats strong{font:400 29px var(--mono);color:var(--fg);min-width:24px}.demo-stats>div>span{font:10px/1.6 var(--mono);color:var(--fg-dim);max-width:140px}.demo-stats>p{color:var(--fg-dim);place-self:center end;margin:0;font-size:12px;line-height:1.6}.demo-live-label{font:8px var(--mono);letter-spacing:.08em;border:1px solid var(--line-strong);color:var(--fg-body);vertical-align:middle;white-space:nowrap;padding:2px 4px;display:inline-block}.demo-panels{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;display:grid}.demo-panel{border:1px solid var(--line);background:var(--bg-band);flex-direction:column;min-width:0;display:flex}.demo-panel-header{justify-content:space-between;align-items:end;gap:12px;padding:22px 20px 18px;display:flex}.demo-section-index{font:9px var(--mono);letter-spacing:.13em;color:var(--accent);margin-bottom:9px;display:block}.demo-panel h2{font:var(--heading-weight) 22px var(--sans);letter-spacing:-.025em}.demo-source-tag{font:9px var(--mono);color:var(--fg-dim);white-space:nowrap}.demo-toolbar{border-block:1px solid var(--line-hairline);justify-content:space-between;align-items:center;gap:8px;min-height:51px;padding:8px 20px;display:flex}.demo-filter-label{font:10px var(--mono);color:var(--fg-dim);align-items:center;gap:8px;display:flex}.demo-list-guide{font:9px/1.4 var(--mono);letter-spacing:.025em;color:var(--fg-dim);border-bottom:1px solid var(--line-hairline);justify-content:space-between;min-height:35px;margin:0;padding:10px 20px;display:flex}.demo-scroll{scrollbar-width:thin;height:358px;position:relative;overflow:hidden auto}.demo-event-list{margin:0;padding:0;list-style:none}.demo-event-row{border-bottom:1px solid var(--line-hairline);border-left:2px solid #0000;min-width:0;padding:14px 20px}.demo-event-row[data-selected=true]{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--bg-band))}.demo-event-row[data-confirmation=true]{border-left-color:var(--safe-dim)}.demo-event-row[data-confirmation=true][data-selected=true]{border-left-color:var(--accent)}.demo-row-top,.demo-row-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-row-top{margin-bottom:7px}.demo-row-bottom{align-items:baseline}.demo-console .demo-address{color:var(--fg-strong);font:12px var(--mono);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:0}.demo-console .demo-address:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.demo-time{font:10px var(--mono);color:var(--fg-dim);white-space:nowrap}.demo-request{color:var(--fg-body);font:12px/1.7 var(--mono);overflow-wrap:anywhere;min-width:0}.demo-method{color:var(--fg-dim);margin-right:9px;font-size:9px}.demo-response{font:10px var(--mono);color:var(--fg-body);border:1px solid var(--line);padding:1px 6px}.demo-row-meta{font:10px/1.6 var(--mono);color:var(--fg-dim);flex-wrap:wrap;gap:4px 12px;margin-top:7px;display:flex}.demo-category{color:var(--accent)}.demo-confirmed{color:var(--safe);font:10px var(--mono)}.demo-row-details{color:var(--fg-dim);font:10px/1.8 var(--mono);margin-top:9px}.demo-row-details summary{cursor:pointer}.demo-row-details p{overflow-wrap:anywhere;margin:7px 0 0}.demo-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.demo-empty-glyph{font:38px var(--mono);color:var(--line-strong);margin-bottom:18px}.demo-empty strong{color:var(--fg-body);font-size:15px;font-weight:400}.demo-empty p{font:11px/1.8 var(--mono);color:var(--fg-dim);max-width:290px}.demo-panel-footer{border-top:1px solid var(--line);font:9px/1.6 var(--mono);color:var(--fg-dim);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:auto;padding:12px 20px;display:flex}.demo-inspector{border:1px solid var(--line);background:var(--bg-soft);border-top:0;margin-top:18px;padding:22px 24px;position:relative}.demo-inspector:before{content:"";background:var(--accent-dim);height:2px;position:absolute;inset:0 0 auto}.demo-inspector header{justify-content:space-between;align-items:center;gap:15px;display:flex}.demo-inspector h2{font:var(--heading-weight) 20px var(--sans);overflow-wrap:anywhere}.demo-inspector>p{color:var(--fg-dim);margin-bottom:0;font-size:13px}.demo-evidence-note{font:10px/1.7 var(--mono);color:var(--fg-dim);margin:14px 0 20px}.demo-inspector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.demo-inspector-grid h3{font:500 11px var(--mono);color:var(--fg-strong)}.demo-inspector-grid h3>span:not(.demo-live-label){color:var(--accent);font-size:9px}.demo-inspector-grid ul{max-height:250px;margin:10px 0 0;padding:0;list-style:none;overflow:auto}.demo-inspector-grid li{font:10px/1.8 var(--mono);overflow-wrap:anywhere;color:var(--fg-body);border-bottom:1px solid var(--line-hairline);padding:5px 0}.demo-system{margin-top:56px}.demo-section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px;display:flex}.demo-section-heading h2{font:var(--heading-weight) 27px var(--sans)}.demo-section-heading p{color:var(--fg-dim);margin:0;font-size:12px;line-height:1.6}.demo-health-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.demo-health-grid>div{background:var(--bg);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.demo-health-grid strong{font:400 17px var(--mono);overflow-wrap:anywhere}.demo-details{border-block:1px solid var(--line);margin-top:20px}.demo-details summary{color:var(--fg-body);cursor:pointer;font:11px/1.6 var(--mono);padding:15px 0}.demo-details summary>span{color:var(--fg-dim);margin-left:18px;font-size:10px}.demo-detail-grid{grid-template-columns:1fr 1fr;gap:0 36px;margin:0 0 20px;display:grid}.demo-detail-grid>div{border-bottom:1px solid var(--line-hairline);font:10px/1.6 var(--mono);justify-content:space-between;gap:20px;padding:9px 0;display:flex}.demo-detail-grid dt{color:var(--fg-dim)}.demo-detail-grid dd{text-align:right;overflow-wrap:anywhere;margin:0}.demo-explainer{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:75px;margin-top:56px;padding-top:40px;display:grid}.demo-explainer h2{font:var(--heading-weight) 32px/1.15 var(--sans)}.demo-explainer p{color:var(--fg-dim);max-width:340px;font-size:13px;line-height:1.8}.demo-policy-list>div{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:14px 0;display:flex}.demo-policy-index{font:9px var(--mono);color:var(--accent)}.demo-policy-list strong{font-size:14px;font-weight:400}.demo-policy-list code{color:var(--fg-dim);margin-left:auto;font-size:10px}.demo-table-wrap{overflow:auto}.demo-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.demo-table-wrap caption{text-align:left;color:var(--fg-dim);padding:0 0 12px;font-size:10px}.demo-table-wrap th,.demo-table-wrap td{border-bottom:1px solid var(--line);padding:10px 8px}.demo-provenance{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.demo-provenance>p{color:var(--fg-body);font-size:12px}.demo-provenance>p>strong{font-weight:400}.demo-provenance .demo-details{border:0;margin-top:0}.demo-provenance-copy{max-width:800px;color:var(--fg-dim);font-size:12px;line-height:1.8}.demo-replay{border:1px solid var(--accent-dim);border-left:3px solid var(--accent);background:var(--bg-band);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-bottom:18px;padding:16px 20px 12px;display:flex}.demo-replay strong{font:10px var(--mono);color:var(--accent);letter-spacing:.08em}.demo-replay p{font:10px/1.6 var(--mono);color:var(--fg-body);margin:6px 0 0}.demo-replay p+p{color:var(--fg-dim)}.demo-playback-controls{font:10px var(--mono);color:var(--fg-body);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-playback-controls label{align-items:center;gap:5px;display:flex}.demo-replay progress{width:100%;height:3px;accent-color:var(--accent);background:var(--line);border:0}.demo-replay progress::-webkit-progress-bar{background:var(--line)}.demo-replay progress::-webkit-progress-value{background:var(--accent)}@keyframes demo-confirm{0%{background-color:color-mix(in srgb, var(--safe) 15%, var(--bg-band))}to{background-color:var(--bg-band)}}.demo-event-row[data-new=true]{animation:1.4s ease-out demo-confirm}@media (prefers-reduced-motion:reduce){.demo-event-row[data-new=true]{animation:none}}@media (width<=1100px){.demo-console{padding-inline:24px}.demo-stats{grid-template-columns:repeat(3,1fr)}.demo-stats>p{display:none}.demo-panel-header,.demo-toolbar,.demo-event-row{padding-inline:15px}.demo-panels{gap:12px}.demo-explainer{gap:40px}.demo-source-tag{display:none}}@media (width<=800px){.demo-hero-grid{grid-template-columns:1fr 1fr;gap:24px}.demo-hero-copy>p:first-child{font-size:15px}.demo-panels{grid-template-columns:1fr;gap:18px}.demo-scroll{height:330px}.demo-health-strip>div{padding:16px 12px}.demo-health-strip strong{font-size:14px}.demo-inspector-grid{grid-template-columns:1fr;gap:20px}.demo-section-heading{flex-direction:column;align-items:start;gap:15px}.demo-explainer{grid-template-columns:1fr;gap:25px}.demo-explainer p{max-width:600px}}@media (width<=560px){.demo-console{padding:32px 16px 48px}.demo-hero-grid{grid-template-columns:1fr;gap:24px;padding:26px 0 30px}.demo-hero h1{font-size:48px}.demo-hero-copy>p:first-child{font-size:17px}.demo-health-strip{grid-template-columns:1fr 1fr}.demo-health-strip>div{border-bottom:1px solid var(--line);padding:14px}.demo-health-strip>div:nth-child(2){border-right:0}.demo-health-strip>div:nth-child(n+3){border-bottom:0}.demo-workspace-bar{flex-direction:column;align-items:start;gap:14px}.demo-mode-heading>span:last-child{font-size:9px}.demo-stats>div{flex-direction:column;align-items:start;gap:6px}.demo-stats strong{font-size:25px}.demo-stats>div>span{font-size:9px}.demo-inspector{padding:20px 16px}.demo-inspector h2{font-size:17px}.demo-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-health-grid strong{font-size:15px}.demo-detail-grid{grid-template-columns:1fr}.demo-details summary>span{margin-top:3px;margin-left:0;display:block}.demo-policy-list>div{flex-wrap:wrap;gap:10px}.demo-policy-list code{font-size:9px}.demo-replay{padding:14px}.demo-playback-controls{gap:6px}}