.demo-story-mode,.demo-story-mode *{box-sizing:border-box}.demo-story-mode{flex-direction:column;gap:clamp(1rem,2.2vw,1.5rem);min-width:0;max-width:100%;padding:0 0 clamp(1.5rem,3vw,2.5rem);display:flex;overflow-x:clip}.demo-story-mode[data-focus=true]{z-index:1000;background:#030609;padding:clamp(.75rem,2vw,1.5rem);position:fixed;inset:0;overflow-y:auto}.demo-story-mode[data-focus=true] .demo-story-director{min-height:calc(100vh - clamp(1.5rem,4vw,3rem))}.demo-story-focus-exit{z-index:1002;color:#eafaf5;cursor:pointer;background:#030609e0;border:1px solid #85e9d34d;border-radius:8px;min-height:2.5rem;padding:0 .9rem;font:700 .78rem/1 ui-sans-serif,system-ui,sans-serif;display:none;position:fixed;top:1rem;right:1rem}.demo-story-mode[data-focus=true] .demo-story-focus-exit{align-items:center;display:inline-flex}.demo-story-director{background:radial-gradient(circle at 16% 18%, #32ffc912, transparent 24rem), radial-gradient(circle at 82% 60%, hsl(var(--demo-hue,165) 80% 18% / .16), transparent 26rem), #04080cf0;border:1px solid #85e9d329;border-radius:14px;gap:clamp(.85rem,1.8vw,1.2rem);padding:clamp(.85rem,2vw,1.35rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.demo-story-director:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(90deg,#85e9d308,#0000 34%,#ffffff04);position:absolute;inset:0}.demo-story-director>*{z-index:1;position:relative}.demo-story-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(1rem,3vw,2rem);display:grid}.demo-story-hero-copy{max-width:62ch}.demo-story-kicker{color:#85e9d394;letter-spacing:.26em;text-transform:uppercase;margin:0 0 .6rem;font:700 .66rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-hero h1{max-width:13.5em;color:var(--text-bright,#f3f7fb);letter-spacing:-.01em;text-wrap:balance;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.15rem,4.4vw,3.65rem);font-style:italic;font-weight:500;line-height:1.02}.demo-story-hero-copy>p{color:#eafaf5b8;max-width:56ch;margin:.7rem 0 0;font-size:clamp(.9rem,1.06vw,.97rem);line-height:1.5}.demo-story-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.demo-story-button{color:#eafaf5;cursor:pointer;background:#85e9d329;border:1px solid #85e9d373;border-radius:999px;padding:.7rem 1.2rem;font:600 .95rem/1 ui-sans-serif,system-ui,sans-serif}.demo-story-button--primary{background:hsl(var(--demo-hue,165) 70% 45%);color:#03060a;border-color:#0000}.demo-story-button:disabled{opacity:.6;cursor:not-allowed}.demo-story-link{color:#eafaf5c7;cursor:pointer;background:0 0;border:1px solid #85e9d338;border-radius:999px;padding:.7rem 1.1rem;font:500 .9rem/1 ui-sans-serif,system-ui,sans-serif}.demo-story-cue-toggle{color:#eafaf5c7;cursor:pointer;background:#ffffff08;border:1px solid #85e9d338;border-radius:999px;padding:.7rem 1.1rem;font:500 .9rem/1 ui-sans-serif,system-ui,sans-serif}.demo-story-cue-toggle[aria-pressed=true]{border-color:hsl(var(--demo-hue,165) 70% 55% / .55);color:#eafaf5;background:hsl(var(--demo-hue,165) 70% 18% / .42)}.demo-story-field{border:1px solid hsl(var(--demo-hue,165) 60% 42% / .18);background:radial-gradient(ellipse 72% 92% at 38% 30%, hsl(var(--demo-hue,165) 70% 15% / .52), transparent 66%), radial-gradient(ellipse 52% 62% at 82% 88%, hsl(var(--demo-hue,165) 60% 11% / .4), transparent 72%), linear-gradient(180deg, #070c12, #04070b);border-radius:14px;min-width:0;min-height:clamp(380px,54vh,540px);transition:border-color .6s;position:relative;overflow:hidden}.demo-story-mode[data-focus=true] .demo-story-field{min-height:clamp(440px,64vh,660px)}.demo-story-field-lattice{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg, hsl(var(--demo-hue,165) 80% 62% / .055) 0 1px, transparent 1px 64px), repeating-linear-gradient(0deg, hsl(var(--demo-hue,165) 80% 62% / .045) 0 1px, transparent 1px 64px);transition:transform .9s,opacity .9s,filter .9s;animation:9s ease-in-out infinite alternate demoStoryLatticeBreathe;position:absolute;inset:-12%;-webkit-mask-image:radial-gradient(88% 78% at 42% 40%,#000 22%,#0000 74%);mask-image:radial-gradient(88% 78% at 42% 40%,#000 22%,#0000 74%)}.demo-story-field-lattice--ghost{opacity:0;filter:hue-rotate(-16deg);transform:rotate(.9deg)scale(1.02)translate(1%)}.demo-story-field[data-act=spin] .demo-story-field-lattice--ghost{opacity:.55;animation:7s ease-in-out infinite alternate demoStoryGhostDrift}.demo-story-field[data-act=confidence-split] .demo-story-field-lattice{opacity:.45}.demo-story-field[data-act=confidence-split] .demo-story-field-lattice--ghost{opacity:.85;filter:hue-rotate(-30deg)saturate(1.3);animation:none;transform:rotate(-1.5deg)scale(1.045)translate(-1.6%)}.demo-story-field[data-act=handoff] .demo-story-field-lattice{transform-origin:64% 74%;opacity:.8;animation-play-state:paused;transform:scale(.86)}.demo-story-field[data-act=handoff] .demo-story-field-lattice--ghost{opacity:.22;transform-origin:64% 74%;transform:scale(.82)}.demo-story-field[data-act=recovery] .demo-story-field-lattice--ghost{opacity:0}.demo-story-field:after{content:"";z-index:2;border:1px solid hsl(var(--demo-hue,165) 80% 65% / 0);width:clamp(96px,12vw,150px);height:clamp(96px,12vw,150px);box-shadow:0 0 0 0 hsl(var(--demo-hue,165) 80% 65% / 0);pointer-events:none;border-radius:50%;transition:border-color .65s,box-shadow .65s;position:absolute;top:74%;left:64%;translate:-50% -50%}.demo-story-field[data-act=handoff]:after{border-color:hsl(var(--demo-hue,165) 80% 66% / .55);box-shadow:0 0 36px hsl(var(--demo-hue,165) 80% 60% / .22), inset 0 0 24px hsl(var(--demo-hue,165) 80% 60% / .12)}@keyframes demoStoryLatticeBreathe{0%{background-position:0 0,0 0}to{background-position:14px 0,0 9px}}@keyframes demoStoryGhostDrift{0%{transform:rotate(.9deg)scale(1.02)translate(.3%)}to{transform:rotate(1.35deg)scale(1.035)translate(2.1%)}}.demo-story-field-canvas{z-index:1;position:absolute;inset:0}.demo-story-field-canvas .signal-demo-pulse-canvas{background:0 0;border:0;border-radius:0;width:100%;height:100%;margin:0;animation:.72s demoStoryCanvasIn;position:absolute;inset:0}.demo-story-field-canvas .signal-demo-mini-pulse{background:radial-gradient(ellipse 46% 52% at 42% 42%, hsl(var(--demo-hue,165) 82% 46% / .3), transparent 62%);border:0;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-story-field-canvas .signal-demo-mini-pulse:after{border-color:hsl(var(--demo-hue,165) 88% 66% / .3);box-shadow:0 0 64px hsl(var(--demo-hue,165) 82% 52% / .26);border-radius:50%;inset:30% 26%}@keyframes demoStoryCanvasIn{0%{opacity:0}to{opacity:1}}.demo-story-field-grade{z-index:2;pointer-events:none;background:radial-gradient(124% 104% at 50% 40%,#0000 52%,#02050894 100%),linear-gradient(#02050852,#0000 20% 52%,#020508d1);position:absolute;inset:0}.demo-story-field-grade:after{content:"";opacity:.045;background-image:repeating-linear-gradient(0deg,#ffffff8c 0 1px,#0000 1px 3px);position:absolute;inset:0}.demo-story-cue-flash{z-index:2;pointer-events:none;background:radial-gradient(ellipse 62% 62% at 42% 42%, hsl(var(--demo-hue,165) 85% 60% / .32), transparent 70%);animation:.56s ease-out forwards demoStoryCue;position:absolute;inset:0}@keyframes demoStoryCue{0%{opacity:0;transform:scale(.965)}16%{opacity:1}to{opacity:0;transform:scale(1.05)}}.demo-story-field-hud{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(.9rem,2vw,1.35rem);display:flex;position:absolute;inset:0 0 auto}.demo-story-field-kicker{border-left:2px solid hsl(var(--demo-hue,165) 85% 60%);color:#eafaf580;letter-spacing:.18em;text-transform:uppercase;margin:0;padding:.32rem .7rem;font:700 .62rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-field-statechip{-webkit-backdrop-filter:blur(8px);background:#04080ca8;border-radius:10px;justify-items:end;gap:.24rem;max-width:62%;padding:.55rem .8rem;display:grid}.demo-story-field-label{letter-spacing:.08em;color:hsl(var(--demo-hue,165) 82% 68%);text-transform:uppercase;text-align:right;font:800 clamp(1.1rem,2.4vw,1.65rem)/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-field-line{color:#eafaf5b3;text-align:right;font-size:.85rem}.demo-story-field-clock{color:#eafaf56b;letter-spacing:.04em;text-align:right;font:600 .7rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-field-overlay{z-index:3;background:linear-gradient(100deg,#03060a9e 0%,#03060a42 52%,#0000 78%);gap:.5rem;max-width:46rem;padding:clamp(1rem,2.6vw,1.8rem);display:grid;position:absolute;bottom:0;left:0;right:0}.demo-story-act-kicker{color:hsl(var(--demo-hue,165) 80% 66%);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 1px 10px #0009;margin:0;font:700 .68rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-act-sentence{max-width:21em;color:var(--text-bright,#f3f7fb);text-wrap:balance;text-shadow:0 2px 22px #0000009e;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.75rem,3.4vw,2.75rem);font-style:italic;font-weight:500;line-height:1.05}.demo-story-active-act{text-shadow:0 1px 12px #0009;gap:.3rem;max-width:58ch;margin-top:.4rem;display:grid}.demo-story-active-act h2{color:#eafaf5eb;margin:0;font-size:clamp(1rem,1.6vw,1.18rem);font-weight:700;line-height:1.22}.demo-story-active-act p{color:#eafaf5a3;margin:0;font-size:.9rem;line-height:1.45}.demo-story-active-act code{color:#eafaf566;overflow-wrap:anywhere;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.demo-story-ribbon{background:linear-gradient(#080d13a8,#04080cd9);border:1px solid #85e9d31f;border-radius:12px;gap:.55rem;padding:.85rem 1rem .65rem;display:grid}.demo-story-ribbon-head{flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;display:flex}.demo-story-ribbon-kicker{color:hsl(var(--demo-hue,165) 78% 66%);letter-spacing:.22em;text-transform:uppercase;margin:0;font:700 .64rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-ribbon-caption{color:#eafaf5cc;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.08rem;font-style:italic;line-height:1.2}.demo-story-ribbon-legend{color:#eafaf57a;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.35rem;margin:0 0 0 auto;font:600 .62rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.demo-story-ribbon-swatch{background:hsl(var(--demo-hue,165) 82% 62%);border-radius:2px;width:1.05rem;height:2px;display:inline-block}.demo-story-ribbon-swatch--energy{background:#eafaf56b;height:1px;margin-left:.65rem}.demo-story-ribbon-stage{min-width:0;position:relative}.demo-story-ribbon-chapters{gap:2px;height:3px;margin-bottom:5px;display:flex}.demo-story-ribbon-chapter{background:hsl(var(--chapter-hue,165) 80% 58% / .3);border-radius:2px;flex:1 1 0;transition:background .3s,box-shadow .3s}.demo-story-ribbon-chapter[data-active=true]{background:hsl(var(--chapter-hue,165) 82% 62%);box-shadow:0 0 10px hsl(var(--chapter-hue,165) 82% 58% / .5)}.demo-story-ribbon-svg{width:100%;height:clamp(64px,9vw,92px);display:block}.demo-story-ribbon-playhead{pointer-events:none;width:0;position:absolute;top:8px;bottom:0}.demo-story-ribbon-playhead-line{background:linear-gradient(180deg, hsl(var(--playhead-hue,165) 85% 65% / .08), hsl(var(--playhead-hue,165) 85% 65% / .72), hsl(var(--playhead-hue,165) 85% 65% / .08));width:1px;position:absolute;top:0;bottom:0;left:0}.demo-story-ribbon-playhead-dot{background:hsl(var(--playhead-hue,165) 85% 66%);width:9px;height:9px;box-shadow:0 0 12px hsl(var(--playhead-hue,165) 85% 60% / .8);border-radius:50%;margin-top:-4.5px;position:absolute;left:-4.5px}.demo-story-ribbon-playhead[data-running=true] .demo-story-ribbon-playhead-dot{animation:1.6s ease-out infinite demoStoryDotPing}@keyframes demoStoryDotPing{0%,to{box-shadow:0 0 0 0 hsl(var(--playhead-hue,165) 85% 60% / .42), 0 0 10px hsl(var(--playhead-hue,165) 85% 60% / .72)}62%{box-shadow:0 0 0 9px hsl(var(--playhead-hue,165) 85% 60% / 0), 0 0 10px hsl(var(--playhead-hue,165) 85% 60% / .72)}}.demo-story-ribbon-times{color:#eafaf55c;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;font:600 .62rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.demo-story-evidence-band{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);align-items:start;gap:clamp(.9rem,2vw,1.3rem);display:grid}.demo-story-evidence-primary{gap:.55rem;min-width:0;display:grid}.demo-story-evidence-secondary{align-content:start;gap:.6rem;min-width:0;display:grid}.demo-story-scenario-title{color:#eafaf594;letter-spacing:.14em;text-transform:uppercase;font:800 .66rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-scenario{background:#ffffff09;border:1px solid #85e9d324;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.55rem;padding:.8rem;display:grid}.demo-story-scenario-box{gap:.25rem;min-width:0;display:grid}.demo-story-scenario-label{color:#eafaf57a;letter-spacing:.12em;text-transform:uppercase;font:700 .62rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-scenario-value{color:#eafaf5;overflow-wrap:anywhere;font:800 1rem/1.1 ui-sans-serif,system-ui,sans-serif}.demo-story-scenario-value code{color:inherit;font:inherit}.demo-story-scenario-arrow{color:#eafaf557;align-self:center;font:800 .95rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-moment-freeze{opacity:.72;background:#ffb74d0d;border:1px solid #ffb74d2e;border-radius:10px;padding:.85rem;transition:opacity .18s,border-color .18s,background .18s}.demo-story-moment-freeze[data-active=true]{opacity:1;background:#ffb74d1a;border-color:#ffb74d8c;box-shadow:0 0 18px #ffb74d1a}.demo-story-moment-freeze strong{color:#ffe7bd;font-size:.95rem;display:block}.demo-story-moment-freeze span{color:#eafaf5b8;margin-top:.28rem;font-size:.88rem;line-height:1.45;display:block}.demo-story-evidence-strip{flex-wrap:wrap;gap:.4rem;display:flex}.demo-story-renderer-node{background:#ffffff05;border:1px solid #85e9d31a;border-radius:999px;min-height:auto;padding:.48rem .6rem;position:relative;overflow:hidden}.demo-story-renderer-node:before{content:"";background:hsl(var(--demo-hue,165) 80% 60%);transform-origin:0;opacity:.28;height:1px;transition:transform .18s,opacity .18s;position:absolute;inset:auto 0 0;transform:scaleX(.16)}.demo-story-renderer-node[data-active=true]{border-color:hsl(var(--demo-hue,165) 80% 62% / .28);background:hsl(var(--demo-hue,165) 70% 10% / .22)}.demo-story-renderer-node[data-active=true]:before{opacity:.78;transform:scaleX(1)}.demo-story-renderer-label{color:#eafaf5;font-size:.78rem;font-weight:700;display:inline}.demo-story-renderer-desc{color:#eafaf58f;margin-left:.28rem;font-size:.72rem;line-height:1.25;display:inline}.demo-story-renderer-status{display:none}.demo-story-renderer-node[data-active=true] .demo-story-renderer-status{color:hsl(var(--demo-hue,165) 80% 72%)}.demo-story-channel-meaning{color:#eafaf5bd;margin:0;font-size:.9rem;line-height:1.45}.demo-story-score{background:#02060a57;border:1px solid #85e9d31a;border-radius:12px;grid-template-columns:minmax(185px,.42fr) minmax(0,1.58fr);align-items:center;gap:.8rem;padding:.72rem .8rem;display:grid}.demo-story-score-head{gap:.24rem;max-width:78ch;display:grid}.demo-story-score-head h2{color:#eafaf5;margin:0;font-size:1.1rem;line-height:1.1}.demo-story-score-head p{color:#eafaf5a8;margin:0;font-size:.86rem;line-height:1.45}.demo-story-score-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.demo-story-score-phase{background:#ffffff05;border-left:1px solid #85e9d324;align-content:start;gap:.3rem;min-height:4.8rem;padding:.58rem;display:grid;position:relative;overflow:hidden}.demo-story-score-phase:before{content:"";transform-origin:0;opacity:.28;background:linear-gradient(90deg,#85e9d3cc,#ffb74dd1);height:2px;transition:transform .16s,opacity .16s;position:absolute;inset:auto 0 0;transform:scaleX(.18)}.demo-story-score-phase[data-active=true]{border-color:hsl(var(--demo-hue,165) 80% 62% / .34);background:hsl(var(--demo-hue,165) 70% 10% / .18)}.demo-story-score-phase[data-active=true]:before{opacity:.78;transform:scaleX(1)}.demo-story-score-time{color:#eafaf57a;letter-spacing:.09em;text-transform:uppercase;font:700 .62rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-score-label{color:#eafaf5;font-weight:800;line-height:1.1}.demo-story-score-line{color:#eafaf59e;font-size:.76rem;line-height:1.38}.demo-story-arc{background:linear-gradient(90deg,#85e9d30d,#56a6ff08,#ffb74d08);border:1px solid #85e9d31f;border-radius:10px;gap:.65rem;padding:.75rem .9rem;display:grid}.demo-story-arc-label{color:#eafaf594;letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 .68rem/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-arc-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.55rem,1.5vw,.9rem);min-height:72px;display:grid;position:relative;overflow:visible}.demo-story-arc-track:before{content:"";background:#85e9d329;height:1px;position:absolute;top:1.05rem;left:0;right:0}.demo-story-arc-progress{height:1px;width:calc(var(--story-progress,0) * 1%);background:linear-gradient(90deg, #85e9d3e6, hsl(var(--demo-hue,165) 80% 62%));box-shadow:0 0 14px hsl(var(--demo-hue,165) 80% 55% / .34);transition:width .18s;position:absolute;top:1.05rem;left:0}.demo-story-arc-node{z-index:1;color:#eafaf58f;align-content:start;justify-items:start;gap:.36rem;min-width:0;display:grid;position:relative}.demo-story-arc-dot{background:#071016;border:1px solid #85e9d359;border-radius:50%;width:.8rem;height:.8rem;box-shadow:inset 0 0 0 3px #03060ae6}.demo-story-arc-node[data-complete=true] .demo-story-arc-dot,.demo-story-arc-node[data-active=true] .demo-story-arc-dot{background:hsl(var(--node-hue,165) 80% 58%);box-shadow:0 0 12px hsl(var(--node-hue,165) 80% 58% / .48);border-color:#0000}.demo-story-arc-node[data-active=true]{color:#eafaf5}.demo-story-arc-title{letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;font:800 clamp(.66rem,.9vw,.78rem)/1.15 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-arc-channel{color:#eafaf585;font-size:clamp(.68rem,.9vw,.75rem);line-height:1.35}.demo-story-fixture-fold{border-top:1px solid #85e9d31a;padding-top:.75rem}.demo-story-fixture-fold summary{cursor:pointer;color:#eafaf5ad;font-size:.88rem}.demo-story-fixture-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.demo-story-fixture-list li{color:#eafaf59e;border:1px solid #85e9d31a;border-radius:8px;padding:.65rem;font-size:.76rem;line-height:1.35}.demo-story-receipt{background:#080e1480;border:1px solid #85e9d329;border-radius:12px;grid-template-columns:minmax(0,.9fr) minmax(260px,.58fr);gap:clamp(1rem,3vw,1.6rem);padding:clamp(1rem,2.4vw,1.5rem);display:grid}.demo-story-receipt[data-revealed=true]{border-color:hsl(var(--demo-hue,165) 80% 62% / .42);background:radial-gradient(circle at 100% 0%, hsl(var(--demo-hue,165) 80% 18% / .28), transparent 45%), #080e149e}.demo-story-receipt h2{color:#eafaf5;margin:0;font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.08}.demo-story-receipt p{color:#eafaf5bd;margin:.5rem 0 0;line-height:1.5}.demo-story-receipt dl{gap:.6rem;margin:0;display:grid}.demo-story-receipt dt{letter-spacing:.06em;text-transform:uppercase;color:#eafaf580;font-size:.78rem}.demo-story-receipt dd{color:#eafaf5d9;margin:.1rem 0 0;line-height:1.5}.demo-story-truth{background:#050a0eb8;border:1px solid #85e9d324;border-radius:12px;gap:.85rem;padding:clamp(1rem,2vw,1.3rem);display:grid}.demo-story-truth h2,.demo-story-applied h2{color:#eafaf5;margin:0;font-size:clamp(1.35rem,2.5vw,1.9rem);line-height:1.08}.demo-story-truth>p,.demo-story-applied-head>p{color:#eafaf5b3;max-width:72ch;margin:0;line-height:1.5}.demo-story-truth-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.demo-story-truth-item{border-left:2px solid hsl(var(--status-hue,165) 70% 55% / .65);background:hsl(var(--status-hue,165) 60% 12% / .18);min-width:0;padding:.7rem}.demo-story-truth-item strong{color:#eafaf5;font-size:.82rem;line-height:1.3;display:block}.demo-story-status{color:hsl(var(--status-hue,165) 75% 72%);letter-spacing:.09em;text-transform:uppercase;margin-top:.38rem;font:800 .64rem/1.2 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.demo-story-truth-item span:last-child{color:#eafaf585;margin-top:.38rem;font-size:.72rem;line-height:1.4;display:block}.demo-story-applied{gap:1rem;display:grid}.demo-story-applied-head{gap:.5rem;display:grid}.demo-story-applied-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.demo-story-applied-card{background:linear-gradient(#85e9d30b,#050a0eb8);border:1px solid #85e9d321;border-radius:10px;flex-direction:column;min-width:0;padding:1rem;display:flex}.demo-story-applied-card h3{color:#eafaf5;margin:.55rem 0 0;font-size:1.08rem}.demo-story-applied-query{color:#eafaf5c7;margin:.55rem 0 .8rem;font-weight:700;line-height:1.42}.demo-story-applied-card dl{gap:.62rem;margin:0;display:grid}.demo-story-applied-card dt{color:#eafaf56e;letter-spacing:.08em;text-transform:uppercase;font:700 .62rem/1.2 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.demo-story-applied-card dd{color:#eafaf5ab;margin:.16rem 0 0;font-size:.78rem;line-height:1.44}.demo-story-applied-link{color:#85e9d3;align-self:flex-start;align-items:center;min-height:2.4rem;margin-top:auto;padding-top:.9rem;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.demo-story-next-bridge{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.demo-story-next-link{background:hsl(var(--demo-hue,165) 72% 48%);color:#03060a;border-radius:8px;justify-content:center;align-items:center;min-height:2.65rem;padding:0 1rem;font:800 .86rem/1 ui-sans-serif,system-ui,sans-serif;text-decoration:none;display:inline-flex}.demo-story-next-note{color:#eafaf594;font-size:.84rem}.demo-story-tech-fold{border-top:1px solid #85e9d31f;padding-top:1rem}.demo-story-tech-fold summary{cursor:pointer;color:#eafaf5b3;font-size:.9rem}.demo-story-tech-json{color:#cfeede;background:#00000059;border-radius:8px;margin:.75rem 0 0;padding:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}@media (prefers-reduced-motion:reduce){.demo-story-field-lattice,.demo-story-field-lattice--ghost,.demo-story-field-canvas .signal-demo-pulse-canvas,.demo-story-ribbon-playhead-dot,.demo-story-cue-flash{animation:none!important}.demo-story-cue-flash{display:none!important}.demo-story-field-lattice,.demo-story-field-lattice--ghost,.demo-story-field,.demo-story-field:after,.demo-story-ribbon-chapter,.demo-story-moment-freeze,.demo-story-renderer-node,.demo-story-renderer-node:before,.demo-story-score-phase,.demo-story-score-phase:before,.demo-story-arc-progress{transition:none!important}}.demo-story-principles{border:1px solid color-mix(in srgb, var(--text,#e8e4dc) 12%, transparent);background:color-mix(in srgb, var(--surface,#12110f) 88%, transparent);border-radius:1rem;margin:2rem 0 1.5rem;padding:1.25rem 1.35rem}.demo-story-principles-list{color:color-mix(in srgb, var(--text,#e8e4dc) 88%, transparent);gap:.75rem;margin:1rem 0 .75rem;padding-left:1.2rem;line-height:1.45;display:grid}.demo-story-principles-list strong{color:var(--text,#f4f0e8)}.demo-story-principles-list code{font-size:.92em}.demo-story-principles-next{color:color-mix(in srgb, var(--text,#e8e4dc) 72%, transparent);margin:0;font-size:.95rem}.demo-story-principles-next a{color:inherit;text-underline-offset:.15em;text-decoration:underline}@media (width<=760px){.demo-story-focus-button{display:none}.demo-story-director{padding:.9rem}.demo-story-hero{grid-template-columns:1fr;align-items:start}.demo-story-field{min-height:420px}.demo-story-field-hud{padding:.8rem}.demo-story-field-kicker{display:none}.demo-story-field-statechip{max-width:100%;margin-left:auto}.demo-story-field-overlay{padding:.9rem}.demo-story-evidence-band,.demo-story-scenario{grid-template-columns:1fr}.demo-story-scenario-arrow{display:none}.demo-story-receipt,.demo-story-fixture-list,.demo-story-score-track,.demo-story-score{grid-template-columns:1fr}.demo-story-score-phase{min-height:auto}.demo-story-truth-grid,.demo-story-applied-grid{grid-template-columns:1fr}.demo-story-ribbon-legend{display:none}}@media (width<=620px){.demo-story-arc-track{grid-template-columns:1fr;min-height:auto}.demo-story-arc-track:before,.demo-story-arc-progress{display:none}.demo-story-arc-node{grid-template-columns:auto minmax(0,1fr);align-items:center}.demo-story-arc-dot{grid-row:span 2}}@property --demo-hue{syntax:"<number>";inherits:true;initial-value:142}.signal-demo-page{background:radial-gradient(circle at 16% 8%,#00e5a021,#0000 20rem),radial-gradient(circle at 82% 22%,#e5b65014,#0000 18rem),linear-gradient(#05080d 0%,#0b0f14 52%,#090d12 100%);min-height:auto;padding:0 0 clamp(2rem,4vw,3rem)}.signal-demo-page *,.signal-demo-page :before,.signal-demo-page :after{box-sizing:border-box}.signal-demo-shell{gap:1rem;width:min(1180px,100%);margin:0 auto;display:grid}.signal-demo-hero{background:linear-gradient(90deg,#00e5a014,#0000 38%),#071015d6;border:1px solid #85e9d32e;border-radius:8px;width:100%;min-width:0;padding:1.4rem;position:relative;overflow:hidden}.signal-demo-hero:after{content:"";background:linear-gradient(90deg,#0000,#85e9d380,#0000);height:1px;position:absolute;inset:auto 1.25rem 1rem}.signal-demo-kicker{color:#85e9d3;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.signal-demo-hero h1{color:#effaf6;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.02}.signal-demo-hero p{color:#effaf6c7;max-width:70ch;margin:.85rem 0 0;line-height:1.6}.signal-demo-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.1rem;display:flex}.signal-demo-link-button{color:#effaf6;border:1px solid #85e9d338;border-radius:8px;justify-content:center;align-items:center;min-height:2.8rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex}.signal-demo-link-button--primary{background:linear-gradient(#18413a 0%,#12322d 100%);border-color:#85e9d36b}.signal-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.signal-demo-grid--secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-demo-card{background:#0a121aeb;border:1px solid #85e9d324;border-radius:8px;min-width:0;min-height:100%;padding:1rem}.signal-demo-card h2,.signal-demo-card h3{color:#effaf6;margin:0}.signal-demo-card p{color:#effaf6c2;line-height:1.55}.signal-demo-card dl,.signal-demo-card ul{margin:0}.signal-demo-fixture-list,.signal-demo-legend,.signal-demo-stats{gap:.75rem;display:grid}.signal-demo-fixture-list div,.signal-demo-stats div,.signal-demo-legend div{gap:.2rem;display:grid}.signal-demo-fixture-list dt,.signal-demo-stats dt,.signal-demo-legend strong{color:#effaf6;font-size:.88rem}.signal-demo-fixture-list dd,.signal-demo-stats dd,.signal-demo-legend span{color:#effaf6b3;margin:0}.signal-demo-surface{background:linear-gradient(#ffffff09,#0000 14rem),#080e14f0;border:1px solid #85e9d329;border-radius:8px;width:100%;min-width:0;padding:1rem}.signal-demo-theater{border-radius:var(--radius-md,12px);background:radial-gradient(circle at 50% 26%, hsl(var(--demo-hue,142) 70% 24% / .5), transparent 68%), linear-gradient(180deg, hsl(var(--demo-hue,142) 44% 11%), #05080d);grid-template-columns:minmax(220px,1fr) minmax(280px,1.618fr) minmax(220px,1fr);align-items:stretch;gap:1rem;min-width:0;transition:--demo-hue .52s;display:grid;position:relative;overflow:hidden}.signal-demo-clock-ring,.signal-demo-mini-pulse,.signal-demo-evidence-strip{transition:--demo-hue .52s}.signal-demo-theater:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#85e9d329,#0000);height:1px;position:absolute;top:50%;left:2%;right:2%}.signal-demo-flow-pulse{z-index:2;background:hsl(var(--demo-hue,142) 92% 68%);width:10px;height:10px;box-shadow:0 0 14px hsl(var(--demo-hue,142) 92% 58% / .74), 0 0 32px hsl(var(--demo-hue,142) 92% 58% / .28);opacity:0;pointer-events:none;border-radius:999px;position:absolute;top:calc(50% - 5px);left:3%}.signal-demo-theater[data-proof-state=running] .signal-demo-flow-pulse{animation:2.6s cubic-bezier(.22,.75,.2,1) infinite signalDemoFlow}@keyframes signalDemoFlow{0%{opacity:0;transform:translate(0)scale(.7)}10%{opacity:1}46%{transform:translate(42vw)scale(1.08)}78%{opacity:1;transform:translate(75vw)scale(.92)}to{opacity:0;transform:translate(75vw)scale(.6)}}.signal-demo-theater-card,.signal-demo-event-card,.signal-demo-clock-stage{background:#03090db8;border:1px solid #85e9d324;border-radius:8px;min-width:0}.signal-demo-event-card,.signal-demo-clock-stage{padding:1rem}.signal-demo-event-card pre{color:#dff6ee;max-width:100%;max-height:15rem;margin:.8rem 0 0;font-size:.78rem;line-height:1.55;overflow:auto}.signal-demo-payload-summary{background:#ffffff08;border:1px solid #85e9d31f;border-radius:8px;gap:.35rem;margin-top:.8rem;padding:.75rem;display:grid}.signal-demo-payload-summary span{color:#effaf6ad;justify-content:space-between;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.68rem;display:flex}.signal-demo-payload-summary strong{color:#effaf6;overflow-wrap:anywhere}.signal-demo-payload-detail{margin-top:.75rem}.signal-demo-payload-detail summary{cursor:pointer;color:#85e9d3;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.72rem}.signal-demo-path{color:#effaf6ad;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.45rem;margin:.75rem 0 0;font-family:JetBrains Mono,monospace;font-size:.68rem;display:flex}.signal-demo-path span{background:#ffffff09;border:1px solid #85e9d31f;border-radius:8px;align-items:center;min-height:1.8rem;padding:.35rem .5rem;display:inline-flex}.signal-demo-clock-stage{text-align:center;justify-items:center;gap:.9rem;display:grid;position:relative;overflow:hidden}.signal-demo-clock-stage:before{content:"";pointer-events:none;border:1px solid #85e9d314;border-radius:8px;position:absolute;inset:1rem}.signal-demo-clock-ring{aspect-ratio:1;background:conic-gradient(from -90deg, hsl(var(--demo-hue,142) 92% 64% / .9) var(--demo-progress-angle,0deg), #ffffff14 0), radial-gradient(circle at 50% 50%, hsl(var(--demo-hue,142) 70% 58% / calc(.1 + var(--demo-intensity,.66) * .18)), #03090df2 62%);width:min(220px,72vw);box-shadow:0 0 42px hsl(var(--demo-hue,142) 80% 58% / .16);border-radius:50%;place-items:center;display:grid;position:relative}.signal-demo-clock-ring:after{content:"";background:#061016;border-radius:50%;position:absolute;inset:.7rem}.signal-demo-clock-core{z-index:1;gap:.3rem;display:grid;position:relative}.signal-demo-clock-core strong{color:#effaf6;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,4vw,2.15rem)}.signal-demo-clock-core span{color:#effaf69e;letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.72rem}.signal-demo-stage-caption{z-index:1;text-align:center;max-width:30ch;color:hsl(var(--demo-hue,142) 60% 80%);text-wrap:balance;margin:0;font-size:.82rem;line-height:1.45;transition:color .52s;position:relative}.signal-demo-stage-caption:first-letter{text-transform:uppercase}.signal-demo-beat-list{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;width:100%;display:grid;position:relative}.signal-demo-beat-list span{color:#effaf694;text-align:left;background:#ffffff08;border:1px solid #85e9d31f;border-radius:8px;min-height:2.7rem;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.67rem}.signal-demo-beat-list span[data-active=true]{color:#effaf6;border-color:hsl(var(--demo-hue,142) 82% 62% / .5);background:hsl(var(--demo-hue,142) 82% 42% / .13)}.signal-demo-render-stage{gap:.65rem;min-width:0;display:grid}.signal-demo-theater-card{opacity:.72;min-height:6.4rem;padding:.85rem;transition:border-color .18s,box-shadow .18s,opacity .18s,transform .18s}.signal-demo-theater-card[data-state=active],.signal-demo-theater-card[data-state=complete]{opacity:1;border-color:hsl(var(--demo-hue,142) 82% 62% / .42);box-shadow:inset 0 1px 0 #ffffff0f, 0 0 28px hsl(var(--demo-hue,142) 82% 44% / .12);transform:translateY(-1px)}.signal-demo-theater-card strong{color:#effaf6;display:block}.signal-demo-theater-card span{color:#effaf6ad;overflow-wrap:anywhere;margin-top:.25rem;line-height:1.45;display:block}.signal-demo-mini-wave,.signal-demo-mini-receipt{margin-top:.7rem}.signal-demo-mini-wave{align-items:end;gap:.18rem;height:2.8rem;display:flex}.signal-demo-mini-wave i{height:var(--bar-height,40%);opacity:.48;background:#85e9d39e;border-radius:999px 999px 2px 2px;flex:1}.signal-demo-mini-wave i[data-active=true]{opacity:1;background:hsl(var(--demo-hue,142) 92% 68%)}.signal-demo-mini-pulse{background:radial-gradient(circle at calc(20% + var(--demo-progress,0) * 60%) 50%, hsl(var(--demo-hue,142) 92% 58% / calc(.22 + var(--demo-intensity,.66) * .42)), transparent 24%), #ffffff09;border:1px solid #85e9d329;border-radius:8px;height:3.1rem;margin-top:.7rem;position:relative;overflow:hidden}.signal-demo-pulse-canvas{border:1px solid hsl(var(--demo-hue,142) 82% 62% / .18);background:radial-gradient(circle at 50% 60%, hsl(var(--demo-hue,142) 60% 18% / .4), transparent 70%);border-radius:8px;height:6rem;margin-top:.7rem;position:relative;overflow:hidden}.signal-demo-pulse-canvas canvas{display:block;width:100%!important;height:100%!important}.signal-demo-mini-pulse:after{content:"";border:1px solid hsl(var(--demo-hue,142) 92% 68% / .24);opacity:.5;animation:signalDemoPulse var(--demo-pulse-duration,1.3s) ease-in-out infinite;border-radius:8px;position:absolute;inset:18% 12%}@keyframes signalDemoPulse{0%,to{opacity:.34;transform:scale(.84)}50%{opacity:.78;transform:scale(1)}}.signal-demo-mini-receipt{color:#effaf6ad;overflow-wrap:anywhere;gap:.3rem;min-width:0;font-family:JetBrains Mono,monospace;font-size:.68rem;display:grid}.signal-demo-evidence-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.signal-demo-evidence{opacity:.58;background:#ffffff09;border:1px solid #85e9d324;border-radius:8px;min-height:4.4rem;padding:.75rem;transition:opacity .18s,border-color .18s,background .18s,box-shadow .18s;position:relative}.signal-demo-evidence:after{content:"✓";background:hsl(var(--demo-hue,142) 82% 54% / .18);width:1.15rem;height:1.15rem;color:hsl(var(--demo-hue,142) 92% 72%);opacity:0;border-radius:999px;place-items:center;font-size:.72rem;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:.65rem;right:.7rem;transform:scale(.75)}.signal-demo-evidence[data-active=true]{opacity:1;border-color:hsl(var(--demo-hue,142) 82% 62% / .42);background:hsl(var(--demo-hue,142) 82% 34% / .1);box-shadow:0 0 24px hsl(var(--demo-hue,142) 82% 42% / .1)}.signal-demo-evidence[data-active=true]:after{opacity:1;transform:scale(1)}.signal-demo-evidence strong{color:#effaf6;display:block}.signal-demo-evidence span{color:#effaf6a3;margin-top:.25rem;font-size:.82rem;display:block}.signal-demo-detail-shell{border-top:1px solid #85e9d31f;margin-top:1rem;padding-top:1rem}.signal-demo-detail-heading{justify-content:space-between;gap:1rem;margin-bottom:.8rem;display:flex}.signal-demo-detail-heading h2{color:#effaf6;margin:0}.signal-demo-detail-heading p{color:#effaf6ad;max-width:54rem;margin:.25rem 0 0;line-height:1.5}.signal-demo-clock{grid-template-columns:minmax(180px,.7fr) minmax(0,1.7fr) minmax(150px,.5fr);align-items:stretch;gap:.8rem;margin-bottom:1rem;display:grid}.signal-demo-clock-card{background:#03090db8;border:1px solid #85e9d324;border-radius:8px;min-height:5.4rem;padding:.85rem}.signal-demo-clock-card strong{color:#effaf6;font-size:1rem;display:block}.signal-demo-clock-card span{color:#effaf6a8;margin-top:.35rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:block}.signal-demo-clock-track{background:repeating-linear-gradient(90deg,#85e9d31a 0 1px,#0000 1px 12.5%),#03090d8c;border:1px solid #85e9d31f;border-radius:8px;min-height:5.4rem;position:relative;overflow:hidden}.signal-demo-clock-track:before{content:"";width:var(--demo-progress-pct,0%);background:linear-gradient(90deg,#00e5a01a,#00e5a052);position:absolute;inset:0}.signal-demo-clock-playhead{top:.65rem;bottom:.65rem;left:var(--demo-progress-pct,0%);background:#eafff8;width:2px;position:absolute;box-shadow:0 0 18px #00e5a0a6}.signal-demo-clock-labels{color:#effaf68c;justify-content:space-between;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.68rem;display:flex;position:absolute;inset:auto .8rem .75rem}.signal-demo-toolbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.signal-demo-toolbar p{margin:0}.signal-demo-scrub{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.signal-demo-scrub-label{letter-spacing:.12em;text-transform:uppercase;color:#d6f3ec9e;font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.signal-demo-scrub-range{min-width:8rem;accent-color:hsl(var(--demo-hue,142) 80% 58%);cursor:pointer;flex:12rem}.signal-demo-scrub-range[disabled]{opacity:.5;cursor:not-allowed}.signal-demo-action-row{flex-wrap:wrap;gap:.75rem;display:flex}.signal-demo-button{color:#effaf6;font:inherit;cursor:pointer;background:#10212c;border:1px solid #85e9d33d;border-radius:8px;padding:.8rem 1rem}.signal-demo-button[disabled]{opacity:.56;cursor:not-allowed}.signal-demo-button--primary{background:linear-gradient(#18413a 0%,#12322d 100%);border-color:#85e9d361}.signal-demo-runtime{grid-template-columns:minmax(0,.82fr) minmax(280px,.88fr) minmax(300px,1fr);gap:1rem;display:grid}.signal-demo-column{align-content:start;gap:.8rem;display:grid}.signal-demo-column-head{background:#03090da8;border:1px solid #85e9d31f;border-radius:8px;min-height:4.9rem;padding:.85rem}.signal-demo-column-head strong{color:#effaf6;display:block}.signal-demo-column-head span{color:#effaf6a3;margin-top:.3rem;line-height:1.45;display:block}.signal-demo-pulse{background:radial-gradient(circle at 50% 50%, hsl(var(--demo-hue,142) 72% 62% / calc(.12 + var(--demo-intensity,.66) * .18)), transparent 55%), linear-gradient(180deg, #ffffff08, #ffffff03);border:1px solid #85e9d329;border-radius:8px;min-height:220px;position:relative;overflow:hidden}.signal-demo-pulse:before,.signal-demo-pulse:after{content:"";border:1px solid #85e9d329;border-radius:8px;position:absolute;inset:12%}.signal-demo-pulse:after{background:hsl(var(--demo-hue,142) 72% 54% / calc(.12 + var(--demo-intensity,.66) * .22));box-shadow:0 0 36px hsl(var(--demo-hue,142) 72% 54% / .28);transform:scale(var(--demo-scale,.82));animation:signalDemoPulse var(--demo-pulse-duration,1.3s) ease-in-out infinite;inset:20% 18% 24%}.signal-demo-pulse-grid{opacity:.28;background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.signal-demo-pulse-label{color:#effaf6b8;justify-content:space-between;gap:.75rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.signal-demo-channel-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}.signal-demo-channel{color:#effaf694;background:#ffffff09;border:1px solid #85e9d31f;border-radius:8px;min-height:3rem;padding:.55rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.signal-demo-channel[data-active=true]{border-color:hsl(var(--demo-hue,165) 80% 60% / .7);background:hsl(var(--demo-hue,165) 80% 50% / .16);color:#effaf6;box-shadow:0 0 16px hsl(var(--demo-hue,165) 80% 55% / .35)}.signal-demo-channel-meaning{color:#effaf6d1;margin:.5rem 0 0;font-size:.88rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.signal-demo-channel[data-active=true]{box-shadow:none}}.signal-demo-progress{gap:.5rem;display:grid}.signal-demo-rail{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.signal-demo-rail span{height:100%;width:var(--demo-progress-pct,0%);background:linear-gradient(90deg,#85e9d3,#5dd1ff);display:block}.signal-demo-status{color:#effaf6}.signal-demo-muted{color:#effaf6ad}.signal-demo-proof-links{flex-wrap:wrap;gap:.55rem;display:flex}.signal-demo-proof-links a{color:#effaf6;border:1px solid #85e9d32e;border-radius:8px;align-items:center;min-height:2.4rem;padding:.55rem .75rem;text-decoration:none;display:inline-flex}.signal-demo-trace{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.signal-demo-trace li{color:#effaf6b8;background:#ffffff09;border:1px solid #85e9d31f;border-radius:8px;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem;min-height:3rem;padding:.7rem;display:grid}.signal-demo-trace li[data-active=true]{color:#effaf6;background:#85e9d321;border-color:#85e9d38a}.signal-demo-trace-time{color:#85e9d3;font-variant-numeric:tabular-nums}.signal-demo-trace strong{color:#effaf6;display:block}.signal-demo-waveform{background:#03070ab8;border:1px solid #85e9d31f;border-radius:8px;align-items:end;gap:.26rem;min-height:8.8rem;padding:.8rem;display:flex}.signal-demo-waveform span{min-width:.36rem;height:var(--bar-height,44%);opacity:.48;background:linear-gradient(#85e9d3f2,#00e5a033);border-radius:999px 999px 2px 2px;flex:1}.signal-demo-waveform span[data-active=true]{opacity:1;box-shadow:0 0 18px #00e5a061}.signal-demo-render-stack{gap:.55rem;display:grid}.signal-demo-render-card{background:#ffffff09;border:1px solid #85e9d31f;border-radius:8px;padding:.7rem}.signal-demo-render-card strong{color:#effaf6;font-size:.88rem;display:block}.signal-demo-render-card span{color:#effaf6a8;margin-top:.2rem;font-size:.82rem;line-height:1.45;display:block}.signal-demo-json{color:#dff6ee;background:#03070af0;border:1px solid #85e9d324;border-radius:8px;max-height:360px;margin:0;padding:1rem;font-size:.86rem;line-height:1.55;overflow:auto}.signal-demo-json .json-token--key{color:#eef8f6}.signal-demo-json .json-token--string{color:#b9e7a8}.signal-demo-json .json-token--number{color:#f2b569}.signal-demo-json .json-token--literal{color:#d6b4ff}.signal-demo-pane-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.signal-demo-pane-head button{color:#85e9d3;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}@media (width<=900px){.signal-demo-grid,.signal-demo-grid--secondary,.signal-demo-theater,.signal-demo-runtime,.signal-demo-clock{grid-template-columns:1fr}[data-theater=on] .signal-demo-theater{grid-template-rows:auto;grid-template-columns:1fr;align-content:start;overflow:auto}.signal-demo-evidence-strip,.signal-demo-beat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-demo-theater:before,.signal-demo-flow-pulse{display:none}.signal-demo-toolbar{flex-direction:column}.signal-demo-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.signal-demo-page{padding-top:.5rem}.signal-demo-hero,.signal-demo-surface{padding:.85rem}.signal-demo-evidence-strip,.signal-demo-beat-list{grid-template-columns:1fr}.signal-demo-event-card pre{max-height:9rem;font-size:.68rem}.signal-demo-payload-summary span{gap:.2rem;display:grid}.signal-demo-action-row,.signal-demo-hero-actions{width:100%}.signal-demo-button,.signal-demo-link-button{flex:100%}}.signal-demo-theater-exit,.signal-demo-theater-trace,.signal-demo-eyebrow,.signal-demo-lowerthird{display:none}[data-theater=on] .signal-demo-theater{z-index:1000;background:radial-gradient(circle at 50% 28%, hsl(var(--demo-hue,142) 70% 20% / .6), transparent 72%), linear-gradient(180deg, hsl(var(--demo-hue,142) 48% 7%), #03060a);border-radius:0;grid-template-rows:auto minmax(240px,1fr) auto;grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,4vw,3.5rem);position:fixed;inset:0;overflow:auto;box-shadow:inset 0 0 220px #000000a6}[data-theater=on] .signal-demo-flow-pulse,[data-theater=on] .signal-demo-event-card,[data-theater=on] .signal-demo-beat-list,[data-theater=on] .signal-demo-evidence-strip,[data-theater=on] .signal-demo-render-stage .signal-demo-theater-card:first-child,[data-theater=on] .signal-demo-render-stage .signal-demo-theater-card:last-child,[data-theater=on] .signal-demo-clock-stage>.signal-demo-kicker{display:none}[data-theater=on] .signal-demo-clock-stage{text-align:center;flex-direction:column;justify-self:center;align-items:center;gap:.6rem;display:flex}[data-theater=on] .signal-demo-clock-stage .signal-demo-clock-ring{width:clamp(150px,18vw,260px);height:clamp(150px,18vw,260px)}[data-theater=on] .signal-demo-stage-caption{text-align:center;max-width:46ch;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.05rem,2.4vw,1.6rem);font-style:italic;font-weight:500}[data-theater=on] .signal-demo-render-stage{justify-self:center;width:100%;max-width:min(900px,90vw);display:block}[data-theater=on] .signal-demo-render-stage .signal-demo-theater-card{min-height:0;box-shadow:none;opacity:1;background:0 0;border:none;padding:0;transform:none}[data-theater=on] .signal-demo-render-stage .signal-demo-theater-card>.signal-demo-kicker,[data-theater=on] .signal-demo-render-stage .signal-demo-theater-card>strong,[data-theater=on] .signal-demo-render-stage .signal-demo-theater-card>span{display:none}[data-theater=on] .signal-demo-pulse-canvas{border-color:hsl(var(--demo-hue,142) 82% 62% / .28);border-radius:16px;height:clamp(260px,50vh,480px);margin-top:0}[data-theater=on] .signal-demo-theater-exit{z-index:1001;color:#d6f3ec;cursor:pointer;background:#080e14b8;border:1px solid #85e9d366;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;font:600 .85rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:fixed;top:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}[data-theater=on] .signal-demo-theater-exit:hover{background:#85e9d329}[data-theater=on] .signal-demo-eyebrow{z-index:1001;border-left:2px solid hsl(var(--demo-hue,142) 85% 60%);color:#d6f3ecdb;letter-spacing:.18em;text-transform:uppercase;margin:0;padding:.3rem .7rem;font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;position:fixed;top:clamp(.85rem,2vw,1.6rem);left:clamp(.85rem,2.5vw,1.8rem)}[data-theater=on] .signal-demo-lowerthird{z-index:1001;-webkit-backdrop-filter:blur(7px);background:#060b109e;border-radius:8px;align-items:center;gap:.7rem;max-width:min(90vw,30rem);padding:.55rem .95rem .55rem .7rem;display:flex;position:fixed;bottom:clamp(4.5rem,13vh,7.5rem);left:clamp(.85rem,2.5vw,1.8rem);box-shadow:0 12px 34px #0006}[data-theater=on] .signal-demo-lowerthird-bar{background:hsl(var(--demo-hue,142) 88% 60%);width:3px;box-shadow:0 0 14px hsl(var(--demo-hue,142) 88% 55% / .6);border-radius:999px;align-self:stretch}[data-theater=on] .signal-demo-lowerthird-state{color:#eafaf5;letter-spacing:.06em;text-transform:uppercase;font:800 clamp(1rem,2vw,1.35rem)/1 ui-sans-serif,system-ui,sans-serif}[data-theater=on] .signal-demo-lowerthird-meta{color:#d6f3ec99;letter-spacing:.04em;font:600 .74rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-reduced-motion:reduce){[data-theater=on] .signal-demo-lowerthird-bar{box-shadow:none}}[data-theater=on] .signal-demo-theater-trace{border-top:1px solid #85e9d324;grid-column:1/-1;gap:clamp(.5rem,1.5vw,1.25rem);padding:clamp(.75rem,1.5vw,1.25rem) 0 0;list-style:none;display:flex;overflow-x:auto}[data-theater=on] .signal-demo-theater-trace li{color:#9fb3ad;white-space:nowrap;opacity:.55;background:#ffffff08;border:1px solid #85e9d31a;border-radius:8px;flex-direction:column;gap:.15rem;padding:.4rem .7rem;font-size:.8rem;transition:opacity .2s,border-color .2s;display:flex}[data-theater=on] .signal-demo-theater-trace li[data-active=true]{opacity:1;border-color:hsl(var(--demo-hue,142) 70% 55% / .6);background:hsl(var(--demo-hue,142) 70% 18% / .35);color:#eafaf5}[data-theater=on] .signal-demo-theater-trace li strong{color:#d6f3ec}@media (prefers-reduced-motion:reduce){.signal-demo-flow-pulse,.signal-demo-pulse:after,.signal-demo-mini-pulse:after{animation:none!important}.signal-demo-theater,.signal-demo-clock-ring,.signal-demo-mini-pulse,.signal-demo-evidence-strip,.signal-demo-stage-caption{transition:none!important}[data-theater=on] .signal-demo-theater{z-index:auto;border-radius:var(--radius-md,12px);box-shadow:none;grid-template-rows:none;grid-template-columns:minmax(240px,.85fr) minmax(260px,1fr) minmax(240px,.9fr);padding:1rem;position:relative;inset:auto;overflow:hidden}[data-theater=on] .signal-demo-theater-exit,[data-theater=on] .signal-demo-theater-trace{display:none!important}}
