:root{--sp-ink: #0B1F3A;--sp-accent: #16A34A;--sp-accent-hover: #15803D;--sp-amber: #B45309;--sp-muted: #5B6B7B;--sp-border: #E2E8F0;--sp-panel: #F3F6F9;--sp-bg: #FFFFFF;--sp-on-dark: #E6EDF5;--sp-pill-live-fg: #166534;--sp-pill-live-bg: #DCFCE7;--sp-pill-proto-fg: #92400E;--sp-pill-proto-bg: #FEF3C7;--sp-accent-tint: #F0FDF4;--sp-accent-soft: #DCFCE7;--sp-accent-text: #15803D;--sp-font-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--sp-font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sp-radius-card: 14px;--sp-border-hair: 1px;--sp-border-feat: 3px;--sp-content-max: 1120px;--sp-ease: cubic-bezier(.4, 0, .2, 1);--sp-ink-2: #12294A;--sp-green-deep: #12432A;--sp-green-line: #86E0A6;--sp-green-wash: #DCFCE7;--sp-dark-muted-text: #9FB0C4;--sp-ease-motion: cubic-bezier(.16, .84, .44, 1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--sp-font-sans);background:var(--sp-bg);color:var(--sp-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}body{min-height:100vh}a{color:inherit}.shell{max-width:780px;margin:0 auto;padding:48px 24px}.shell h1{font-size:24px;margin:0 0 8px;color:var(--sp-ink)}.shell .sub{color:var(--sp-muted);margin:0 0 32px}.shell section{background:var(--sp-bg);border:var(--sp-border-hair) solid var(--sp-border);border-radius:var(--sp-radius-card);box-shadow:0 1px 2px #0b1f3a0a,0 8px 24px #0b1f3a0f;padding:24px}code{background:var(--sp-panel);border-radius:3px;padding:1px 5px;font-family:var(--sp-font-mono);font-size:.9em}.rv{transition:opacity .5s var(--sp-ease-motion),transform .5s var(--sp-ease-motion)}html.js .rv{opacity:0;transform:translateY(12px)}html.js .rv.in{opacity:1;transform:none}html.js .rv-group>.rv:nth-child(2){transition-delay:.08s}html.js .rv-group>.rv:nth-child(3){transition-delay:.16s}html.js .rv-group>.rv:nth-child(4){transition-delay:.24s}html.js .rv-group>.rv:nth-child(5){transition-delay:.32s}html.js .rv-group>.rv:nth-child(6){transition-delay:.4s}html.js .rv-group>.rv:nth-child(7){transition-delay:.48s}html.js .rv-group>.rv:nth-child(8){transition-delay:.56s}@media(prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none}}:root{--sp-panel-grid-size: 34px;--sp-panel-grid-color: rgba(255, 255, 255, .028);--sp-panel-hairline: rgba(255, 255, 255, .09);--sp-panel-vignette: rgba(0, 0, 0, .35)}.dark-panel{background-color:var(--sp-ink);background-image:linear-gradient(to right,var(--sp-panel-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--sp-panel-grid-color) 1px,transparent 1px);background-size:var(--sp-panel-grid-size) var(--sp-panel-grid-size),var(--sp-panel-grid-size) var(--sp-panel-grid-size);background-position:0 0,0 0;color:var(--sp-on-dark);box-shadow:inset 0 1px 0 var(--sp-panel-hairline),inset 0 0 90px var(--sp-panel-vignette);border-radius:var(--sp-radius-card);text-shadow:none}.dark-panel--accent{background-color:var(--sp-green-deep);color:var(--sp-green-line)}