:root{--border-radius-none:0;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:10px;--border-radius-xl:10px;--border-radius-full:9999px;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-4:4px;--shadow-sm:0 2px 8px oklch(0% 0 0/.18);--shadow-md:0 10px 24px oklch(0% 0 0/.24);--shadow-lg:0 18px 44px oklch(0% 0 0/.34);--color-brand-primary:oklch(79% .125 60);--color-brand-primary-hover:oklch(83% .125 60);--color-brand-primary-active:oklch(71% .125 60);--color-brand-secondary:oklch(53.5% .04 276);--color-brand-secondary-hover:oklch(60.5% .04 276);--color-brand-secondary-active:oklch(46.5% .04 276);--color-semantic-success:oklch(72.3% .081 166.2);--color-semantic-warning:oklch(75.4% .108 81.4);--color-semantic-error:oklch(68.6% .107 25.3);--color-semantic-info:oklch(69.3% .055 211.4);--color-neutral-0:oklch(92.8% .008 177.3);--color-neutral-50:oklch(87.8% .008 177.3);--color-neutral-100:oklch(79.8% .008 177.3);--color-neutral-200:oklch(72.2% .017 182.5);--color-neutral-300:oklch(61.3% .019 183.2);--color-neutral-400:oklch(51.3% .022 196.5);--color-neutral-500:oklch(44.3% .022 196.5);--color-neutral-600:oklch(37.3% .022 196.5);--color-neutral-700:oklch(28.7% .017 208.9);--color-neutral-800:oklch(26.2% .017 208.9);--color-neutral-900:oklch(20.5% .013 204.7);--color-neutral-950:oklch(17.2% .01 208.8);--color-background:oklch(18% .018 286);--color-background-secondary:oklch(21.5% .02 285);--color-surface-primary:oklch(21.5% .02 285);--color-surface-secondary:oklch(25% .024 282);--color-surface-disabled:oklch(21.5% .02 285);--color-text-primary:oklch(94% .015 95);--color-text-secondary:oklch(75% .025 285);--color-text-disabled:oklch(63% .03 280);--color-text-inverse:oklch(18% .018 286);--color-border:oklch(53.5% .04 276);--color-primary:oklch(79% .125 60);--color-primary-dark:oklch(71% .125 60);--color-primary-light:oklch(29.55% .0347 303.9);--color-success:oklch(72.3% .081 166.2);--color-status-info:oklch(69.3% .055 211.4);--color-status-info-bg:oklch(27.236% .0242 276.168);--color-status-success:oklch(72.3% .081 166.2);--color-status-success-bg:oklch(27.596% .02732 270.744);--color-status-warning:oklch(79% .125 60);--color-status-warning-bg:oklch(28.4% .0326 301.2);--color-status-error:oklch(68.6% .107 25.3);--color-status-error-bg:oklch(27.152% .03044 297.036);--color-status-error-hover:oklch(73.6% .107 25.3);--color-status-error-active:oklch(60.6% .107 25.3);--color-focus-ring:oklch(79% .125 60);--motion-duration-fast:.1s;--motion-duration-normal:.18s;--motion-duration-slow:.3s;--motion-easing-linear:linear;--motion-easing-ease-in:cubic-bezier(.4, 0, 1, 1);--motion-easing-ease-out:cubic-bezier(.16, 1, .3, 1);--motion-easing-ease-in-out:cubic-bezier(.16, 1, .3, 1);--motion-transition-fast:.1s cubic-bezier(.16, 1, .3, 1);--motion-transition-normal:.18s cubic-bezier(.16, 1, .3, 1);--motion-transition-slow:.3s cubic-bezier(.16, 1, .3, 1);--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-display:Georgia, serif;--font-body:"Trebuchet MS", Verdana, sans-serif;--font-ui:"Trebuchet MS", Verdana, sans-serif;--font-code:SFMono-Regular, Consolas, monospace;--font-heading:var(--font-display,"OldErika", "Trebuchet MS", sans-serif);--font-mono:var(--font-code,SFMono-Regular, Consolas, monospace);--font-family-sans:var(--font-ui,Verdana, Geneva, sans-serif);--font-family-heading:var(--font-display,"OldErika", "Trebuchet MS", sans-serif);--font-family-mono:var(--font-code,SFMono-Regular, Consolas, monospace);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-line-height-tight:1.25;--font-line-height-normal:1.5;--font-line-height-relaxed:1.75;--font-family-base:var(--font-ui,Verdana, Geneva, sans-serif);--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-black:oklch(18% .018 286);--color-white:oklch(94% .015 95);--color-gray-50:oklch(25% .024 282);--color-gray-100:oklch(25% .024 282);--color-gray-200:oklch(53.5% .04 276/.55);--color-gray-300:oklch(53.5% .04 276);--color-gray-400:oklch(63% .03 280);--color-gray-500:oklch(63% .03 280);--color-gray-600:oklch(75% .025 285);--color-gray-700:oklch(75% .025 285);--color-gray-800:oklch(25% .024 282);--color-gray-900:oklch(21.5% .02 285);--color-background-secondary-hover:oklch(24.95% .0263 293.1);--color-background-secondary-active:oklch(27.25% .0305 298.5);--color-background-hover:oklch(79% .125 60/.08);--color-background-active:oklch(79% .125 60/.13);--color-background-disabled:oklch(21.5% .02 285);--color-surface:oklch(21.5% .02 285);--color-text-subtle:oklch(63% .03 280);--color-text-tertiary:oklch(63% .03 280);--color-text-placeholder:oklch(63% .03 280);--color-text-on-accent:oklch(18% .018 286);--color-text-on-danger:oklch(18% .018 286);--color-checkmark:var(--color-text-on-accent);--color-checkmark-glow:color-mix(in oklch, var(--color-text-primary) 55%, transparent);--color-border-strong:oklch(63% .03 280);--color-border-subtle:oklch(53.5% .04 276/.55);--color-border-disabled:oklch(53.5% .04 276/.55);--color-focus:oklch(79% .125 60);--color-brand-primary-light:oklch(79% .125 60/.14);--color-primary-hover:oklch(83% .125 60);--color-danger:oklch(68.6% .107 25.3);--color-danger-hover:oklch(73.6% .107 25.3);--color-danger-active:oklch(60.6% .107 25.3);--color-error:oklch(68.6% .107 25.3);--color-error-light:oklch(68.6% .107 25.3/.12);--color-error-background:oklch(27.152% .03044 297.036);--color-error-border:oklch(68.6% .107 25.3/.5);--color-error-text:oklch(94% .015 95);--color-success-light:oklch(72.3% .081 166.2/.12);--color-success-background:oklch(27.596% .02732 270.744);--color-success-border:oklch(72.3% .081 166.2/.5);--color-success-text:oklch(94% .015 95);--color-warning:oklch(79% .125 60);--color-warning-light:oklch(79% .125 60/.12);--color-warning-background:oklch(28.4% .0326 301.2);--color-warning-border:oklch(79% .125 60/.5);--color-warning-text:oklch(94% .015 95);--color-info:oklch(69.3% .055 211.4);--color-info-light:oklch(69.3% .055 211.4/.12);--color-info-background:oklch(27.236% .0242 276.168);--color-info-border:oklch(69.3% .055 211.4/.5);--color-info-text:oklch(94% .015 95)}html{background:var(--color-background);min-width:320px}body{color:var(--color-text-primary);background:var(--color-background);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--font-line-height-normal);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--color-brand-primary)}code,kbd,pre{font-family:var(--font-code)}:where(a,button,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sr-only:focus{color:var(--color-text-on-accent);background:var(--color-brand-primary);border-radius:var(--border-radius-md)}.shell-nav a{color:var(--color-text-secondary);border-radius:var(--border-radius-md);text-decoration:none}.shell-nav a:hover{color:var(--color-text-primary);background:var(--color-background-hover)}.shell-nav a[aria-current=page]{color:var(--color-brand-primary);background:var(--color-background-active)}.shell-label{color:var(--color-text-subtle)}.shell-rule{border-color:var(--color-border-subtle)}.wordmark,h1{font-family:var(--font-display);font-weight:var(--font-weight-normal)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--glow-accent:oklch(79% .125 60/.42);--glow-success:oklch(72.3% .081 166.2/.38);--glow-error:oklch(68.6% .107 25.3/.42);--glow-info:oklch(69.3% .055 211.4/.38);--shadow-glow-accent:0 0 0 1px oklch(79% .125 60/.35), 0 0 18px -2px var(--glow-accent);--shadow-glow-success:0 0 0 1px oklch(72.3% .081 166.2/.3), 0 0 18px -2px var(--glow-success);--shadow-glow-error:0 0 0 1px oklch(68.6% .107 25.3/.35), 0 0 18px -2px var(--glow-error);--shadow-glow-info:0 0 0 1px oklch(69.3% .055 211.4/.3), 0 0 18px -2px var(--glow-info);--gradient-haze:radial-gradient(120% 80% at 50% 115%, oklch(79% .125 60/.14) 0%, oklch(18% .018 286/0) 70%);--gradient-haze-success:radial-gradient(120% 80% at 50% 115%, oklch(72.3% .081 166.2/.12) 0%, oklch(18% .018 286/0) 70%);--gradient-haze-error:radial-gradient(120% 80% at 50% 115%, oklch(68.6% .107 25.3/.14) 0%, oklch(18% .018 286/0) 70%);--motion-duration-ambient:2.4s;--motion-easing-ambient:cubic-bezier(.37, 0, .63, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-duration-ambient:0s}}:root{--verdict-pass:var(--color-success);--verdict-fail:var(--color-danger);--verdict-unknown:var(--color-text-subtle);--verdict-stale:var(--color-text-subtle);--verdict-not-run:var(--color-text-subtle);--verdict-pass-bg:var(--color-success-background);--verdict-fail-bg:var(--color-error-background);--verdict-neutral-bg:transparent;--focus-ring:2px solid var(--color-focus-ring)}.u-focus:focus-visible{outline:var(--focus-ring);outline-offset:2px}.u-brackets{position:relative}.u-brackets:after{content:"";border:2px solid var(--color-brand-primary);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--motion-duration-normal) var(--motion-easing-ease-out), transform var(--motion-duration-normal) var(--motion-easing-ease-out);--corner:12px;-webkit-mask:linear-gradient(black 0 0) top left / var(--corner) var(--corner) no-repeat, linear-gradient(black 0 0) top right / var(--corner) var(--corner) no-repeat, linear-gradient(black 0 0) bottom left / var(--corner) var(--corner) no-repeat, linear-gradient(black 0 0) bottom right / var(--corner) var(--corner) no-repeat;mask:linear-gradient(black 0 0) top left / var(--corner) var(--corner) no-repeat, linear-gradient(black 0 0) top right / var(--corner) var(--corner) no-repeat, linear-gradient(black 0 0) bottom left / var(--corner) var(--corner) no-repeat, linear-gradient(black 0 0) bottom right / var(--corner) var(--corner) no-repeat;position:absolute;inset:-4px;transform:scale(.97)}.u-brackets:is(:hover,:focus-visible):after,.u-brackets--on:after{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.u-brackets:after{transition:none;transform:none}}@media (forced-colors:active){.u-brackets:after{display:none}}.u-segments{gap:var(--spacing-1);display:flex}.u-segments>*{padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;position:relative}.u-segments>:before,.u-segments>:after{content:"";background:var(--color-border);opacity:0;height:2px;transition:opacity var(--motion-duration-fast) var(--motion-easing-ease-out);position:absolute;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.u-segments>:before{top:0}.u-segments>:after{bottom:0}.u-segments>:hover:before,.u-segments>:hover:after{opacity:1}.u-segments>[aria-selected=true],.u-segments>[aria-current=true],.u-segments>[aria-current=page]{color:var(--color-brand-primary)}.u-segments>[aria-selected=true]:before,.u-segments>[aria-selected=true]:after,.u-segments>[aria-current=true]:before,.u-segments>[aria-current=true]:after,.u-segments>[aria-current=page]:before,.u-segments>[aria-current=page]:after{background:var(--color-brand-primary);opacity:1}@media (prefers-reduced-motion:reduce){.u-segments>:before,.u-segments>:after{transition:none}}.u-marker{color:var(--color-text-primary);background:color-mix(in oklch, var(--color-brand-primary) 22%, transparent);border-radius:var(--border-radius-sm);transition:background var(--motion-duration-fast) var(--motion-easing-ease-out);padding:0 .2em;text-decoration:none}.u-marker:hover{color:var(--color-text-primary);background:color-mix(in oklch, var(--color-brand-primary) 34%, transparent)}.u-verdict{align-items:center;gap:var(--spacing-1);padding:0 var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);border:1px solid;line-height:1.6;display:inline-flex}.u-verdict[data-verdict=pass]{color:var(--verdict-pass);background:var(--verdict-pass-bg)}.u-verdict[data-verdict=fail]{color:var(--verdict-fail);background:var(--verdict-fail-bg)}.u-verdict[data-verdict=unknown]{color:var(--verdict-unknown)}.u-verdict[data-verdict=not-run]{color:var(--verdict-not-run)}.u-verdict[data-verdict=stale]{color:var(--verdict-stale);border-style:dashed}.landing-system-scene{--scene-apricot:#ffc49b;--scene-paper:#fff0e4;--scene-muted:#c1c6c5;--scene-ink:#223139;--scene-blue:#a4cdd5;width:100%;min-width:0;color:var(--scene-paper);font-family:var(--font-body,Verdana, sans-serif);container-type:inline-size}.scene-system{isolation:isolate;background:#142027;border:1px solid #947360;border-radius:20px 20px 9px;margin:0;padding:20px 20px 0;position:relative;box-shadow:0 0 0 5px #ffc49b05,0 24px 60px #0004,inset 0 1px #ffd2b027}.scene-system-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.scene-system-heading>h2{font:400 1.6rem/1.1 var(--font-display,"Trebuchet MS", sans-serif);color:var(--scene-apricot);letter-spacing:-.025em;margin:0}.scene-example-label{color:var(--scene-muted);text-align:right;font-size:.75rem;line-height:1.4}.scene-board{grid-template-columns:minmax(62px,.6fr) minmax(0,2fr) minmax(105px,1fr);align-items:center;gap:16px;min-height:318px;display:grid}.scene-card{min-width:0;color:var(--scene-paper);background:0 0;border:1px solid #c49b7d;border-radius:10px 10px 4px 4px;margin:0;position:relative}.scene-card-heading{min-height:35px;color:var(--scene-muted);justify-content:space-between;align-items:center;gap:5px;padding:7px 10px;font-size:.7rem;line-height:1.4;display:flex}.scene-inspect{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #9eabae;padding:0 0 1px}.scene-inspect[aria-pressed=true]{color:var(--scene-paper);border-color:var(--scene-apricot)}.scene-inspect:focus-visible,.scene-composition-rail button:focus-visible,.scene-save:focus-visible{outline:3px solid var(--scene-blue);outline-offset:4px}.scene-app-body{color:var(--scene-paper);grid-template-rows:54px 62px 36px 71px;gap:10px;padding:12px;display:grid}.scene-app-brand{flex-direction:column;justify-content:center;display:flex}.scene-app-brand h3{font:400 1.8rem/1.1 var(--font-display,"Trebuchet MS", sans-serif);letter-spacing:-.035em;color:inherit;margin:0}.scene-app-brand p{color:inherit;margin:5px 0 0;font-size:.7rem;line-height:1.4}.scene-shape-slot{border:1px solid #a4816b;border-radius:3px;min-width:0}.scene-slot-purpose{font-size:.75rem;line-height:1.4}.scene-form-slot,.scene-list-slot{padding:9px}.scene-form-slot>.scene-slot-purpose,.scene-list-slot>.scene-slot-purpose{display:block}.scene-form-slot label,.scene-list-label{margin-bottom:5px;font-size:.65rem;line-height:1.2;display:block}.scene-form-slot input{width:100%;min-width:0;font:400 .75rem/1.4 var(--font-body,Verdana, sans-serif);color:inherit;background:0 0;border:0;border-bottom:1px solid #b57f59;border-radius:0;padding:1px 0 4px;display:block}.scene-save-slot{align-items:center;display:flex;position:relative}.scene-save-slot>.scene-slot-purpose{padding:8px 9px}.scene-save{color:#fff0e4;width:100%;height:100%;font:600 .75rem/1.4 var(--font-body,Verdana, sans-serif);background:#223139;border:0;border-radius:3px;justify-content:center;align-items:center;margin:0;padding:8px 10px;display:flex}button.scene-save{cursor:pointer;transition:transform .13s,box-shadow .13s}button.scene-save:hover{box-shadow:inset 0 0 0 2px #a4cdd5}button.scene-save:active,button.scene-save[data-pressing=true]{transform:translateY(2px)scale(.97);box-shadow:inset 0 2px 4px #0006}.scene-list-slot ul{margin:0;padding:0;font-size:.7rem;line-height:1.45;list-style:none}.scene-list-slot li+li{border-top:1px solid #b57f5966;margin-top:3px;padding-top:3px}.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-application{background:var(--scene-apricot);color:var(--scene-ink);box-shadow:0 12px 24px #0003,0 0 32px #ffc49b12}.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-application .scene-card-heading{color:var(--scene-ink);border-bottom:1px solid #af7d5966}.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-application .scene-inspect[aria-pressed=true]{color:var(--scene-ink);border-color:var(--scene-ink)}.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-app-body{color:var(--scene-ink)}.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-form-slot,.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-list-slot{background:#ffe2cc;border-color:#b57f59}.landing-system-scene[data-scene-view=genome] .scene-app-brand{border:1px solid #a4816b;border-radius:3px;padding:9px}.scene-runtime{min-width:0}.scene-runtime .scene-card-heading{padding-inline:0}.scene-api,.scene-storage{border-color:#83a5ac;border-radius:8px 3px 3px 8px;flex-direction:column;justify-content:center;gap:10px;height:92px;padding:11px;display:flex}.scene-api code{color:var(--scene-paper);font:400 .65rem/1.4 var(--font-body,Verdana, sans-serif);overflow-wrap:anywhere}.scene-runtime-link{text-align:center;color:var(--scene-muted);margin:0;padding:11px 0;font-size:.65rem;line-height:1.3;display:block;position:relative}.scene-runtime-link:before{content:"";border-left:1px solid #83a5ac;height:8px;position:absolute;top:0;left:50%}.scene-runtime-link:after{content:"";border-left:1px solid #83a5ac;height:8px;position:absolute;bottom:0;left:50%}.scene-storage-lines{flex-direction:column;gap:4px;width:35px;display:flex}.scene-storage-lines i{border:1px solid var(--scene-blue);border-radius:50%;height:4px}.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-api,.landing-system-scene:is([data-scene-view=proteome],[data-scene-view=phenome]) .scene-storage{background:#243b42}.scene-observation-slot{align-self:stretch;align-items:center;min-width:0;display:flex}.scene-save-chart{width:100%;color:var(--scene-blue);margin:0}.scene-chart-caption{margin-bottom:14px;font-size:.7rem;line-height:1.4;display:block}.scene-save-chart strong{color:var(--scene-paper);margin-top:12px;font-size:.75rem;font-weight:400;line-height:1.4;display:block}.scene-chart-plot{gap:8px;height:148px;display:flex}.scene-chart-ticks{color:var(--scene-muted);flex-direction:column;justify-content:space-between;padding-bottom:1px;font-size:.6rem;line-height:1;display:flex}.scene-chart-track{background:repeating-linear-gradient(0deg,#83a5ac30 0 1px,#0000 1px 50%);border-bottom:1px solid #83a5ac;width:27px;position:relative}.scene-chart-bar{background:var(--scene-blue);transform:scaleY(var(--chart-fill));transform-origin:bottom;border-radius:4px 4px 0 0;transition:transform .25s;animation:.32s both scene-chart-arrive;position:absolute;inset:0 4px 0 0}.scene-composition-rail{color:var(--scene-muted);border-top:1px solid #94736066;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 9px;margin-top:20px;padding-top:13px;font-size:.65rem;line-height:1.5;display:flex}.scene-composition-rail button{color:var(--scene-paper);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #83a5ac;border-radius:0;padding:0 0 2px}.scene-composition-rail button[aria-pressed=true]{border-color:var(--scene-apricot)}.scene-composition-target{text-align:center;flex-basis:100%}.scene-feedback-slot{justify-content:center;align-items:center;min-height:35px;display:flex}.scene-demo-toast{color:var(--scene-apricot);margin:0;font-size:.8rem;line-height:1.5}.scene-demo-pointer{pointer-events:none;fill:#fff0e4;stroke:#223139;stroke-width:1.5px;filter:drop-shadow(0 2px 2px #0005);width:23px;height:29px;position:absolute;bottom:-14px;right:12%}.scene-confetti{pointer-events:none;position:absolute;inset:0}.scene-confetti i{background:var(--scene-blue);opacity:0;--scatter-x:-70px;--scatter-y:-100px;width:5px;height:9px;animation:.9s ease-out both scene-confetti-burst;position:absolute;top:45%;left:50%}.scene-confetti i:nth-child(3n){--scatter-x:90px;--scatter-y:-80px;background:#fff0e4}.scene-confetti i:nth-child(3n+1){--scatter-x:-95px;--scatter-y:-60px;background:#223139}.scene-confetti i:nth-child(2n){--scatter-y:-135px;animation-delay:60ms}.scene-confetti i:nth-child(4n){--scatter-x:45px}.scene-confetti i:nth-child(5n){--scatter-x:-30px;--scatter-y:-150px}.scene-confetti i:nth-child(7n){--scatter-x:120px;--scatter-y:-30px}.scene-selected-detail{padding:17px 4px 0}.scene-selected-detail h3{color:var(--scene-apricot);margin:0 0 5px;font-size:.875rem;line-height:1.4}.scene-selected-detail>p{color:var(--scene-muted);min-height:3.2em;margin:0;font-size:.75rem;line-height:1.6}.scene-selected-detail details{color:var(--scene-muted);margin-top:9px;font-size:.75rem;line-height:1.6}.scene-selected-detail summary{cursor:pointer;width:fit-content;color:var(--scene-paper)}.scene-selected-detail summary:focus-visible{outline:2px solid var(--scene-blue);outline-offset:4px}.scene-selected-detail details p{color:var(--scene-muted);font-size:inherit;line-height:inherit;margin:10px 0 0}@keyframes scene-chart-arrive{0%{opacity:0}to{opacity:1}}@keyframes scene-confetti-burst{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--scatter-x), var(--scatter-y)) rotate(220deg)}}@container (width<=520px){.scene-system{padding:15px 14px 0}.scene-system-heading{margin-bottom:15px}.scene-system-heading>h2{font-size:1.4rem}.scene-board{grid-template-columns:minmax(0,1.8fr) minmax(92px,1fr);gap:12px;min-height:0}.scene-observation-slot{grid-area:2/1/auto/-1;height:49px}.scene-save-chart{align-items:center;gap:12px;display:flex}.scene-chart-caption{margin:0}.scene-save-chart strong{flex-shrink:0;margin:0}.scene-chart-plot{flex:1;gap:0;height:20px;position:relative}.scene-chart-ticks{flex-direction:row-reverse;padding:0;font-size:.55rem;display:flex;position:absolute;inset:-12px 0 auto}.scene-chart-track{background:#83a5ac20;border-bottom:0;border-left:1px solid #83a5ac;width:100%;height:100%}.scene-chart-bar{transform:scaleX(var(--chart-fill));transform-origin:0;border-radius:0 3px 3px 0;inset:3px 0}.scene-app-body{grid-template-rows:49px 61px 35px 71px;gap:9px;padding:10px}.scene-app-brand h3{font-size:1.55rem}.scene-app-brand p{font-size:.65rem}.scene-card-heading{padding-inline:8px;font-size:.65rem}.scene-runtime .scene-card-heading{flex-wrap:wrap;justify-content:flex-start;gap:4px 8px}.scene-api,.scene-storage{height:94px;padding:9px}.scene-slot-purpose{font-size:.7rem}.scene-form-slot,.scene-list-slot{padding:8px}.scene-form-slot input{font-size:.7rem}.scene-list-slot ul{font-size:.65rem}.scene-composition-rail{gap:5px 7px;margin-top:12px;padding-top:11px}.scene-feedback-slot{min-height:30px}.scene-selected-detail>p{min-height:4.8em}}@media (prefers-reduced-motion:reduce){.scene-chart-bar,.scene-confetti i{animation:none}.scene-chart-bar,button.scene-save{transition:none}.scene-demo-pointer,.scene-confetti{display:none}button.scene-save[data-pressing=true]{transform:none}}@media (forced-colors:active){.scene-system,.scene-card,.scene-shape-slot{border-color:canvastext}.scene-inspect[aria-pressed=true],.scene-composition-rail button[aria-pressed=true]{outline:1px solid highlight}.scene-chart-bar{forced-color-adjust:none;background:highlight}.scene-demo-pointer,.scene-confetti{display:none}}*{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth}body{color:var(--color-text-primary);font:17px/1.65 var(--font-body);margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--color-brand-primary)}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(3.4rem, 6.5vw, 6rem)/1.04 var(--font-display);letter-spacing:-.045em;margin-bottom:30px}h2{font:400 clamp(2rem, 3.5vw, 3.3rem)/1.16 var(--font-display);letter-spacing:-.035em}h3{font-size:1.15rem;font-weight:600;line-height:1.4}p{color:var(--color-text-secondary);max-width:70ch;margin-bottom:20px}strong{color:var(--color-text-primary);font-weight:600}code{font:.88em/1.6 var(--font-code);overflow-wrap:anywhere}main,.site-header,.site-footer{width:min(1240px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:30px;min-height:108px;display:flex}.brand{text-decoration:none}.wordmark{font:400 30px/1 var(--font-display);letter-spacing:-.045em;color:var(--color-text-primary);white-space:nowrap}.brand-glyph{color:var(--color-brand-primary);margin-right:7px;font-family:Georgia,serif}.site-header nav{gap:30px;display:flex}.site-header nav a{color:var(--color-text-secondary);padding-block:12px;font-size:.9rem;text-decoration:none}.site-header nav a[aria-current=page]{color:var(--color-brand-primary)}.skip-link{z-index:10;background:var(--color-surface-secondary);padding:10px 20px;position:absolute;top:16px;left:16px;transform:translateY(-180%)}.skip-link:focus{transform:none}.landing-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;column-gap:clamp(32px,4.5vw,70px);padding:80px 0 85px;display:grid}.hero-copy{grid-column:1;padding-bottom:70px}.hero-copy h1{margin-bottom:14px;font-size:clamp(3rem,4.6vw,4.9rem);line-height:1.06}.hero-copy>p:not(.lead){max-width:40ch}.cloudflare-line{color:var(--color-brand-primary);margin-bottom:30px;font-size:1.05rem}.landing-story-visual,[data-landing-story]{display:contents}.landing-story-controller{z-index:2;grid-area:1/2/span 4;align-self:start;min-width:0;position:relative}.landing-story-controller[data-sticky=true]{position:sticky;top:24px}.landing-view-controls{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:5px;display:grid}.landing-view-controls button{border-radius:var(--border-radius-md);min-height:54px;color:var(--color-text-secondary);background:0 0;border:0;font-size:.88rem}.landing-view-controls small{color:var(--color-text-secondary);font-size:.7rem;display:block}.landing-view-controls button[aria-selected=true]{background:var(--color-background-active);color:var(--color-brand-primary)}.landing-story-instruction{color:var(--color-text-secondary);margin:12px 2px 0;font-size:.75rem;line-height:1.5}.story-step{grid-column:1;align-items:center;min-height:min(68svh,620px);padding:64px 0;display:flex}.story-step h2{font-size:clamp(2rem,3vw,3.1rem)}.story-step p{max-width:40ch}.story-view-name{color:var(--color-brand-primary);margin-bottom:18px;font-size:.95rem}.story-detail{border-left:1px solid var(--color-border);padding-left:18px;font-size:.88rem}.lead{color:var(--color-text-primary);font-size:1.4rem;line-height:1.45}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-block:35px;display:flex}.button{border:1px solid var(--color-border);border-radius:var(--border-radius-md);min-height:50px;color:var(--color-text-primary);justify-content:center;align-items:center;padding:12px 22px;font-size:.95rem;text-decoration:none;display:inline-flex}.button.primary{background:var(--color-brand-primary);color:var(--color-text-on-accent);border-color:var(--color-brand-primary)}.button.primary:hover{background:var(--color-brand-primary-hover)}.text-link{color:var(--color-brand-primary);font-size:.95rem}.availability{color:var(--color-text-subtle);align-items:baseline;gap:10px;max-width:40ch;margin-top:25px;font-size:.82rem;display:flex}.availability-mark{border:1px solid var(--color-text-subtle);border-radius:50%;flex-shrink:0;width:7px;height:7px}.section{border-top:1px solid var(--color-border-subtle);padding:85px 0}.statement,.principles,.closing,.glossary{grid-template-columns:.9fr 1.1fr;gap:70px;display:grid}.prose{max-width:65ch}.prose a{color:var(--color-brand-primary)}.section-heading{grid-template-columns:1fr 1fr;align-items:start;gap:100px;margin-bottom:25px;display:grid}.section-heading>p{max-width:42ch;padding-top:8px}.workflow-list{grid-template-columns:repeat(4,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.workflow-list li{border-top:1px solid var(--color-border-subtle);padding-top:22px}.step-number{font:400 2.2rem/1 var(--font-display);color:var(--color-brand-primary);margin-bottom:25px;display:block}.workflow-list p,.principle-list p{font-size:.94rem}.principle-list article+article{border-top:1px solid var(--color-border-subtle);padding-top:24px}.closing .button{margin-top:10px}.site-footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;gap:40px;padding:48px 0 55px;display:flex}.site-footer p{margin-top:18px;font-size:.85rem}.footer-links{color:var(--color-text-subtle);flex-direction:column;gap:7px;font-size:.8rem;display:flex}.footer-links a{padding-block:3px;text-decoration:none}.explorer{border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);background:var(--color-surface-primary)}.explorer-heading{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:23px 26px;display:flex}.explorer-heading>span:first-child{font-size:1rem}.example-label{color:var(--color-text-subtle);font-size:.74rem}.layer-tabs{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 16px;display:grid}.layer-tabs button{color:var(--color-text-secondary);background:0 0;border:0;min-height:64px;padding:14px 5px;position:relative}.layer-tabs small{color:var(--color-text-subtle);margin-top:2px;font-size:.7rem;display:block}.layer-tabs button[aria-selected=true]{color:var(--color-brand-primary)}.layer-tabs button[aria-selected=true]:after{content:"";background:var(--color-brand-primary);clip-path:polygon(0 50%,15% 0,85% 0,100% 50%,85% 100%,15% 100%);height:2px;position:absolute;bottom:5px;left:15%;right:15%}.subject-map{padding:28px 23px 20px}.map-purpose{text-align:center;color:var(--color-text-secondary);margin-bottom:0;font-size:.8rem}.map-stem{border-bottom:1px solid var(--color-border);width:66%;height:39px;margin-inline:auto;position:relative}.map-stem:before{content:"";background:var(--color-border);width:1px;height:39px;position:absolute;left:50%}.subject-choices{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.subject{color:var(--color-text-secondary);text-align:center;background:0 0;border:0;min-height:80px;padding:19px 5px 12px;font-size:.8rem;line-height:1.4;position:relative}.subject:after{content:"";background:var(--color-border);width:1px;height:12px;position:absolute;top:0;left:50%}.subject small{color:var(--color-text-subtle);margin-bottom:8px;font-size:.65rem;display:block}.subject span{display:block}.subject[aria-pressed=true] small{color:var(--color-text-secondary)}.subject[aria-pressed=true]{color:var(--color-brand-primary);background:var(--color-background-active);border-radius:var(--border-radius-md)}.example-detail{border-top:1px solid var(--color-border-subtle);min-height:220px;margin:0 26px;padding:23px 0 16px}.example-detail .detail-title{color:var(--color-text-primary);max-width:40ch;margin-bottom:12px;font-size:1.1rem;font-weight:600;line-height:1.4}.example-detail p{margin-bottom:12px;font-size:.82rem}.example-detail .detail-context{color:var(--color-text-subtle);font-size:.7rem}.evidence-note{color:var(--color-text-subtle);font-size:.72rem}.forks{color:var(--color-brand-primary);gap:30px;padding:3px 0 13px;font-size:.76rem;display:flex}.forks span{border-left:1px solid var(--color-border);padding-left:12px}.observation{border-block:1px solid var(--color-border-subtle);color:var(--color-text-subtle);justify-content:space-between;margin:14px 0;padding:10px 0;font-size:.8rem;display:flex}.observation strong{color:var(--color-text-subtle);font-weight:400}.explorer-caption{color:var(--color-text-subtle);margin:0;padding:12px 26px 18px;font-size:.7rem}.page-intro{max-width:870px;padding:80px 0 65px}.intro-text{max-width:65ch;margin-top:24px}.model-explorer{grid-template-columns:1fr .9fr;align-items:start;gap:90px;display:grid}.model-explorer .prose{padding-top:12px}dl{margin:0}dl>div{border-bottom:1px solid var(--color-border-subtle);margin-bottom:23px;padding:0 0 23px}dt{margin-bottom:8px;font-weight:600}dd{color:var(--color-text-secondary);margin:0;font-size:.95rem}.state-grid{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px;display:grid}.state-line{background:var(--color-border-strong);width:45px;height:2px;margin-bottom:20px;display:block}.state-grid p{font-size:.95rem}.states>.note{margin-top:25px}.guide-layout{grid-template-columns:260px minmax(0,1fr);gap:90px;display:grid}.guide-aside{align-self:start;position:sticky;top:30px}.guide-aside h2{font-size:1.6rem}.guide-aside nav{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.guide-aside nav a{padding-block:6px;font-size:.88rem;text-decoration:none}.guide-aside p{font-size:.85rem}.guide-steps article{border-bottom:1px solid var(--color-border-subtle);margin-bottom:48px;padding-bottom:48px;scroll-margin-top:35px}.guide-steps article:last-child{border:0;margin-bottom:0;padding-bottom:0}.guide-steps h2{font-size:2rem}.note{color:var(--color-text-subtle);font-size:.88rem}.code-block{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);margin:25px 0;overflow:hidden}pre{margin:0;padding:20px;line-height:1.6;overflow-x:auto}pre code{overflow-wrap:normal;font-size:.8rem}.code-actions{flex-wrap:wrap;align-items:center;gap:15px;min-height:15px;padding:0 15px 10px;display:flex}.code-actions button{color:var(--color-brand-primary);background:0 0;border:0;min-height:44px;padding:10px 5px;font-size:.78rem}.code-actions span{color:var(--color-text-subtle);font-size:.78rem}blockquote{border-left:2px solid var(--color-brand-primary);color:var(--color-text-primary);margin:25px 0;padding-left:25px}.independent{grid-template-columns:1fr 1fr;gap:70px;display:grid}html,body{overflow-x:clip}.ambient{z-index:0;pointer-events:none;background:var(--gradient-haze);position:fixed;inset:0}.site-header,main,.site-footer{z-index:1;position:relative}.button.primary{box-shadow:0 0 26px -10px var(--glow-accent);transition:box-shadow var(--motion-duration-normal) var(--motion-easing-ease-out), background var(--motion-duration-normal) var(--motion-easing-ease-out)}.button.primary:is(:hover,:focus-visible){box-shadow:var(--shadow-glow-accent), 0 0 40px -6px var(--glow-accent)}.button:not(.primary){transition:box-shadow var(--motion-duration-normal) var(--motion-easing-ease-out)}.button:not(.primary):is(:hover,:focus-visible){box-shadow:var(--shadow-glow-accent)}.workflow-list li{position:relative}.workflow-list li:before{content:"";background:var(--color-brand-primary);width:64px;height:1px;box-shadow:0 0 16px 2px var(--glow-accent);animation:step-breathe calc(var(--motion-duration-ambient) * 2) var(--motion-easing-ambient) infinite alternate;transition:width var(--motion-duration-ambient) var(--motion-easing-ambient);position:absolute;top:-1px;left:0}.workflow-list li:nth-child(2):before{animation-delay:calc(var(--motion-duration-ambient) * -.5)}.workflow-list li:nth-child(3):before{animation-delay:calc(var(--motion-duration-ambient) * -1)}.workflow-list li:nth-child(4):before{animation-delay:calc(var(--motion-duration-ambient) * -1.5)}.workflow-list li:hover:before{width:100%}.step-number{text-shadow:0 0 22px var(--glow-accent)}.closing{background:var(--gradient-haze)}@keyframes step-breathe{0%{opacity:.45}to{opacity:1}}.no-script{width:min(1240px,100% - 48px);margin:20px auto;font-size:.85rem}@media (width<=1050px){main,.site-header,.site-footer{width:calc(100% - 64px)}.landing-story{column-gap:30px;padding-top:60px}.statement,.principles,.closing,.glossary,.model-explorer{gap:40px}.guide-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.section-heading{gap:40px}}@media (width<=780px){main,.site-header,.site-footer{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:18px;min-height:90px;padding-block:20px}.wordmark{font-size:27px}.site-header nav{gap:20px}.site-header nav a{font-size:.8rem}.statement,.principles,.closing,.glossary,.section-heading,.model-explorer,.independent{grid-template-columns:1fr;gap:30px}.section{padding-block:55px}.workflow-list,.state-grid{grid-template-columns:repeat(2,1fr);gap:30px}.guide-layout{grid-template-columns:1fr;gap:20px}.guide-aside{position:static}.guide-aside nav{flex-flow:wrap;gap:8px 22px}.guide-aside>p{vertical-align:top;margin-right:25px;display:inline-block}.site-footer{flex-direction:column;gap:15px}.page-intro{padding:55px 0 35px}.state-grid{grid-template-columns:1fr;gap:20px}}@media (width<=380px){.site-header nav{gap:12px}.workflow-list{grid-template-columns:1fr}.explorer-heading{padding:18px}.subject-map{padding-inline:12px}.subject-choices{gap:5px}.example-detail{margin-inline:18px}.actions{gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (forced-colors:active){.subject[aria-pressed=true],.layer-tabs button[aria-selected=true]{outline:2px solid highlight}.map-stem,.map-stem:before,.subject:after{border-color:canvastext}}@media (width<=950px){.landing-story{grid-template-columns:minmax(0,1fr);gap:0;padding:50px 0 55px}.hero-copy{padding-bottom:38px}.hero-copy h1{max-width:15ch;font-size:clamp(3rem,8.4vw,5rem)}.hero-copy>p:not(.lead){max-width:52ch}.landing-story-controller{grid-area:auto/1;justify-self:center;width:min(650px,100%)}.landing-story-controller[data-sticky=true]{top:16px}.story-step{min-height:0;padding:42px 0 20px}.story-step h2{max-width:20ch}.story-step p{max-width:60ch}}@media (prefers-reduced-motion:reduce){.landing-story-controller[data-sticky=true]{position:relative;top:auto}}@media (forced-colors:active){.landing-view-controls button[aria-selected=true]{outline-offset:-3px;outline:2px solid highlight}}
