@layer components{.story-viewer{contain:layout style paint;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-viewer-vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 45%,#0000008c 100%);position:absolute;inset:0}.story-viewer-grain{pointer-events:none;z-index:6;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.story-ambient{pointer-events:none;z-index:1;transition:opacity .4s;position:absolute;inset:0}.story-ambient-cover{background:radial-gradient(80% 60% at 50% 20%,#6366f138,#0000 65%),radial-gradient(50% 40% at 80% 80%,#8b5cf61a,#0000 60%)}.story-ambient-problem{background:radial-gradient(70% 55% at 15%,#fbbf2424,#0000 65%)}.story-ambient-architecture{background:radial-gradient(65% 50% at 85% 35%,#3b82f629,#0000 65%)}.story-ambient-decision{background:radial-gradient(60% 55% at 25% 65%,#8b5cf626,#0000 65%)}.story-ambient-tech{background:radial-gradient(65% 50% at 75% 30%,#22d3ee21,#0000 65%)}.story-ambient-proof{background:radial-gradient(70% 60% at 50% 45%,#2563eb1f,#0000 70%)}.story-ambient-metrics{background:radial-gradient(60% 50% at 50% 35%,#6366f12e,#0000 65%),radial-gradient(40% 30% at 20% 80%,#3b82f614,#0000 60%)}.story-ambient-close{background:radial-gradient(65% 55% at 50% 70%,#34d39924,#0000 65%)}.story-header-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#000000b8,#00000059 70%,#0000)}.story-footer-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0000,#0006 40%,#000c)}.story-act-label{letter-spacing:.2em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.story-act-label--amber{color:#fbbf24e6}.story-act-label--primary{color:#60a5fae6}.story-act-label--violet{color:#a78bfae6}.story-act-label--cyan{color:#22d3eed9}.story-act-label--emerald{color:#34d399d9}.story-act-label--muted{color:#ffffff80}.story-progress-fill{background:linear-gradient(90deg,#ffffffd9,#fff);box-shadow:0 0 8px #ffffff59}.story-progress-fill-active{background:linear-gradient(90deg, hsl(var(--primary) / .85), hsl(var(--primary)));box-shadow:0 0 10px hsl(var(--primary) / .5)}.story-progress-act-label{text-align:center;width:100%}.story-diagram-frame{background:#00000059;border:1px solid #ffffff14;border-radius:.75rem}.story-diagram-source{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 1.5rem);overflow:hidden}.story-code-block{background:#0d1117}.story-decision-card,.story-audit-column{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-metric-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:1rem;min-width:0;position:relative;overflow:hidden}.story-metric-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#6366f159,#0000 50%,#3b82f633);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.story-metric-value{background:linear-gradient(135deg, hsl(var(--primary)), #a78bfaf2);color:#0000;word-break:break-word;-webkit-background-clip:text;background-clip:text}.story-metrics-slide{-webkit-overflow-scrolling:touch}.story-architecture-frame{background:#ffffff08;border:1px solid #ffffff1f;border-radius:1rem;position:relative;box-shadow:0 0 0 1px #3b82f614,0 24px 48px #00000073,inset 0 1px #ffffff0f}.story-architecture-frame:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 50% 0,#3b82f626,#0000 60%);position:absolute;inset:-1px}.story-device-frame{background:#0f0f14f2;border:1px solid #ffffff24;border-radius:.875rem;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 32px 64px #0000008c,0 0 80px #2563eb14}.story-device-toolbar{background:#ffffff08;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.story-device-dots{gap:.375rem;display:flex}.story-device-dots span{background:#ffffff26;border-radius:9999px;width:.625rem;height:.625rem;display:block}.story-device-dots span:first-child{background:#ef4444b3}.story-device-dots span:nth-child(2){background:#eab308b3}.story-device-dots span:nth-child(3){background:#22c55eb3}.story-device-url{text-overflow:ellipsis;white-space:nowrap;color:#ffffff73;text-align:center;background:#00000059;border-radius:.375rem;flex:1;padding:.25rem .625rem;font-size:.6875rem;overflow:hidden}.story-device-screen{background:#000;flex:1;min-height:0;position:relative}.story-launcher-ring{border:2px solid hsl(var(--primary) / .5);border-radius:9999px;animation:2.5s ease-out infinite story-launcher-pulse;position:absolute;inset:-3px}@keyframes story-launcher-pulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.18)}}.story-hint-bounce{animation:2s ease-in-out infinite story-hint-bounce}@keyframes story-hint-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.7;transform:translateY(4px)}}.story-tech-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.75rem;transition:border-color .2s,background .2s}.story-tech-card:hover{background:#ffffff0f;border-color:#22d3ee40}@media (prefers-reduced-motion:reduce){.story-launcher-ring,.story-hint-bounce{animation:none}.story-ambient{transition:none}}}