@layer components{.demo-shell{font-size:.9375rem;line-height:1.5}.demo-bar{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;min-height:3rem;display:flex}.demo-disclosure{font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.demo-disclosure:before{content:"";background:var(--color-purple);flex:none;width:6px;height:6px}.demo-tabs{border-bottom:1px solid var(--color-rule);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.demo-tab{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3);white-space:nowrap;transition:color .15s var(--ease-one), border-color .15s var(--ease-one);border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:.875rem 1rem .75rem}.demo-tab:hover{color:var(--color-ink)}.demo-tab[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-purple)}.demo-tab .count{color:var(--color-purple-deep);margin-left:.5rem}.demo-grid{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.demo-grid>*{min-width:0}@media (min-width:64rem){.demo-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.demo-aside{max-height:calc(100dvh - 108px);position:sticky;top:92px;overflow:auto}}.demo-stat{border-top:1px solid var(--color-rule);padding:1rem 0 1.125rem}.demo-stat .k{font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3)}.demo-stat .v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:clamp(1.75rem,1.4rem + 1vw,2.5rem);font-weight:300;line-height:1}.demo-stat .d{font-size:var(--text-caption);color:var(--color-ink-2);margin-top:.4rem}.demo-step{border-top:1px solid var(--color-rule);text-align:left;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:start;gap:0 .875rem;width:100%;padding:.75rem 0;display:grid}.demo-step:last-child{border-bottom:1px solid var(--color-rule)}.demo-step .mark{background:var(--color-rule-strong);width:12px;height:12px;margin-top:.3rem}.demo-step[data-status=running] .mark{background:var(--color-purple);animation:demo-run .9s var(--ease-one) infinite alternate}.demo-step[data-status=done] .mark{background:var(--color-navy)}.demo-step[data-status=unavailable] .mark{border:2px solid var(--color-purple-deep);background:0 0;border-radius:50%}.demo-step[data-status=failed] .mark{background:var(--color-purple-deep);border-radius:50%}.demo-step[data-kind=ai] .mark{border-radius:50%}@keyframes demo-run{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-step[data-status=running] .mark{animation:none}}.demo-table-wrap{overflow-x:auto}.demo-table{border-collapse:collapse;width:100%;font-size:var(--text-caption);font-variant-numeric:tabular-nums;line-height:1.4}.demo-table th,.demo-table td{text-align:left;vertical-align:top;border-top:1px solid var(--color-rule);white-space:nowrap;padding:.45rem .75rem .45rem 0}.demo-table th{font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3);border-top:0;border-bottom:1px solid var(--color-rule-strong);font-weight:500}.demo-table td.num,.demo-table th.num{text-align:right}.demo-table td.wrap{white-space:normal;min-width:14rem}.demo-table tr.hl td{background:var(--color-purple-soft)}.demo-chip{border:1px solid var(--color-rule-strong);min-height:24px;font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.04em;color:var(--color-ink-2);transition:border-color .15s var(--ease-one), color .15s var(--ease-one);background:0 0;border-radius:2px;align-items:center;gap:.4rem;padding:.2rem .5rem;display:inline-flex}button.demo-chip:hover,a.demo-chip:hover{border-color:var(--color-purple);color:var(--color-ink)}.demo-chip[aria-pressed=true]{border-color:var(--color-purple);color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-purple)}.demo-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;padding:.2rem .45rem;font-size:.625rem;line-height:1;display:inline-block}.demo-tag-fact{color:var(--color-navy)}.demo-tag-hypothesis,.demo-tag-ai{color:var(--color-purple-deep)}.demo-tag-contradiction{color:var(--color-ink-2);border-style:dashed}.surface-dark .demo-tag-fact{color:var(--color-white)}.surface-dark .demo-tag-hypothesis,.surface-dark .demo-tag-ai{color:var(--color-purple-light)}.demo-evidence{border-top:1px solid var(--color-rule);padding:1.25rem 0 1.5rem}.demo-evidence summary{cursor:pointer}.demo-evidence summary::-webkit-details-marker{display:none}.demo-evidence summary .title{font-size:1.0625rem;line-height:1.3}.demo-evidence summary .title:after{content:"+";color:var(--color-purple);margin-left:.5rem}.demo-evidence[open] summary .title:after{content:"−"}.demo-trace{grid-template-columns:4px minmax(0,1fr);column-gap:1.25rem;display:grid}.demo-trace-bar{background:var(--color-purple)}.demo-trace-node{border-top:1px solid var(--color-rule);padding:.875rem 0 1rem;position:relative}.demo-trace-node:before{content:"";background:var(--color-navy);width:12px;height:12px;position:absolute;top:1.05rem;left:calc(-1.25rem - 8px)}.demo-trace-node[data-emphasis=exception]:before{background:var(--color-purple);outline:5px solid var(--color-purple-ring);border-radius:50%}.demo-trace-node[data-emphasis=muted]:before{background:var(--color-rule-strong)}.demo-trace-node .edge{font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3)}.demo-audit li{border-top:1px solid var(--color-rule);grid-template-columns:5.5rem minmax(0,1fr);gap:.25rem 1rem;padding:.6rem 0;display:grid}@media (max-width:40rem){.demo-audit li{grid-template-columns:1fr}}.demo-dialog{border:1px solid var(--color-rule-strong);width:min(720px,100vw - 2rem);max-height:min(85dvh,900px);color:var(--color-ink);background:var(--color-white);border-radius:2px;padding:0}.demo-dialog::backdrop{background:#1e16478c}.demo-receipt{border:1px solid var(--color-rule-strong)}.demo-receipt>div{border-top:1px solid var(--color-rule);padding:.75rem 1rem}.demo-receipt>div:first-child{border-top:0}.demo-pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--color-ink-2);max-height:14rem;font-size:.75rem;line-height:1.5;overflow:auto}.demo-notice{border-left:2px solid var(--color-purple);background:var(--color-purple-soft);font-size:var(--text-small);padding:.75rem 1rem}.demo-notice-fail{border-left-color:var(--color-purple-deep)}.demo-event-stage{flex-direction:column;min-height:calc(100dvh - 60px);display:flex}.demo-event-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.demo-event-dot{background:var(--color-rule-dark-strong);width:10px;height:10px}.demo-event-dot[data-active=true]{background:var(--color-purple)}.demo-event-dot[data-done=true]{background:var(--color-white)}.demo-chart svg{width:100%;height:auto;display:block;overflow:visible}.demo-chart .bar{fill:var(--color-navy)}.demo-chart .bar:hover,.demo-chart .bar[data-active=true]{fill:var(--color-purple)}.demo-chart .line{fill:none;stroke:var(--color-purple);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.demo-chart .dot{fill:var(--color-white);stroke:var(--color-purple);stroke-width:2px}.demo-chart .grid{stroke:var(--color-rule);stroke-width:1px}.demo-chart .axis{font-family:var(--font-mono);fill:var(--color-ink-3);letter-spacing:.04em;font-size:10px}.demo-chart .tip{font-family:var(--font-mono);fill:var(--color-ink);font-size:11px}.surface-dark .demo-chart .bar{fill:var(--color-white)}.surface-dark .demo-chart .dot{fill:var(--color-navy)}}