@layer reset{@scope([data-astryx-theme=neutral]) to ([data-astryx-theme]){:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-heading);color:var(--color-text-primary)}:where(h1){font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3333}:where(h2){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.4}:where(h3){font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.4118}:where(h4){font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.4286}:where(h5){font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.6667}:where(h6){font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.6}:where(p){font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:1.4286}:where(small){font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:1.6667}:where(code,pre){font-family:var(--font-family-code);font-size:var(--font-size-base);line-height:1.4286}:where(hr){border:none;border-top:1px solid var(--color-border)}}}@layer astryx-theme{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@scope([data-astryx-theme=neutral]) to ([data-astryx-theme]){:scope{--font-size-4xs:.375rem;--font-size-3xs:.4375rem;--font-size-2xs:.5rem;--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8125rem;--font-size-4xl:2.1875rem;--font-size-5xl:2.625rem;--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-bold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-bold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.3793;--duration-fast-min:95ms;--duration-fast:.125s;--duration-fast-max:.165s;--duration-medium-min:.225s;--duration-medium:.3s;--duration-medium-max:.4s;--duration-slow-min:.525s;--duration-slow:.7s;--duration-slow-max:.935s;--font-family-body:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-code:ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-syntax-keyword:var(--lightningcss-light,#700084)var(--lightningcss-dark,#efa8ff);--color-syntax-string:var(--lightningcss-light,#005600)var(--lightningcss-dark,#a6d2a2);--color-syntax-comment:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-syntax-number:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffb37f);--color-syntax-function:var(--lightningcss-light,#00458c)var(--lightningcss-dark,#a0caff);--color-syntax-type:var(--lightningcss-light,#700084)var(--lightningcss-dark,#efa8ff);--color-syntax-variable:var(--lightningcss-light,#171717)var(--lightningcss-dark,#e5e5e5);--color-syntax-operator:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-syntax-constant:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffb37f);--color-syntax-tag:var(--lightningcss-light,#89001a)var(--lightningcss-dark,#ffaeaa);--color-syntax-attribute:var(--lightningcss-light,#584400)var(--lightningcss-dark,#eec12f);--color-syntax-property:var(--lightningcss-light,#005348)var(--lightningcss-dark,#83dac9);--color-syntax-punctuation:var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,#525252);--color-syntax-background:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#0a0a0a);--color-background-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#262626);--color-background-body:var(--lightningcss-light,#f1f1f1)var(--lightningcss-dark,#1b1b1b);--color-background-card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1b1b1b);--color-background-popover:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1b1b1b);--color-background-muted:var(--lightningcss-light,#f1f1f1)var(--lightningcss-dark,#1b1b1b);--color-accent:var(--lightningcss-light,#262626)var(--lightningcss-dark,#ebebeb);--color-accent-muted:var(--lightningcss-light,#f1f1f1)var(--lightningcss-dark,#262626);--color-neutral:var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff1a);--color-overlay:var(--lightningcss-light,#00000080)var(--lightningcss-dark,#000c);--color-overlay-hover:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d);--color-overlay-pressed:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--color-text-primary:var(--lightningcss-light,#171717)var(--lightningcss-dark,#fafafa);--color-text-secondary:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-text-disabled:var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,#525252);--color-text-accent:var(--lightningcss-light,#262626)var(--lightningcss-dark,#ebebeb);--color-on-dark:#fff;--color-on-light:#171717;--color-on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);--color-on-success:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);--color-on-error:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);--color-on-warning:#171717;--color-icon-accent:var(--lightningcss-light,#262626)var(--lightningcss-dark,#ebebeb);--color-icon-primary:var(--lightningcss-light,#171717)var(--lightningcss-dark,#fafafa);--color-icon-secondary:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-icon-disabled:var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,#525252);--color-success:var(--lightningcss-light,#007004)var(--lightningcss-dark,#9fe59b);--color-error:var(--lightningcss-light,#a50c25)var(--lightningcss-dark,#ffc6c1);--color-warning:var(--lightningcss-light,#745b00)var(--lightningcss-dark,#fdcf4f);--color-success-muted:var(--lightningcss-light,#c5e5c0)var(--lightningcss-dark,#84c9803d);--color-error-muted:var(--lightningcss-light,#facecb)var(--lightningcss-dark,#ff9e973d);--color-warning-muted:var(--lightningcss-light,#f8da9d)var(--lightningcss-dark,#deb4333d);--color-border:var(--lightningcss-light,#ebebeb)var(--lightningcss-dark,#ffffff1a);--color-border-emphasized:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,#525252);--color-skeleton:var(--lightningcss-light,#ebebeb)var(--lightningcss-dark,#525252);--color-shadow:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0000004d);--color-tint-hover:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--color-background-red:var(--lightningcss-light,#facecb)var(--lightningcss-dark,#ff9e973d);--color-border-red:var(--lightningcss-light,#e6bab8)var(--lightningcss-dark,#ff6f6c);--color-icon-red:var(--lightningcss-light,#89001a)var(--lightningcss-dark,#ff9e97);--color-text-red:var(--lightningcss-light,#89001a)var(--lightningcss-dark,#ffc6c1);--color-background-orange:var(--lightningcss-light,#fad0b5)var(--lightningcss-dark,#ffa2583d);--color-border-orange:var(--lightningcss-light,#e6bda2)var(--lightningcss-dark,#e2883e);--color-icon-orange:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffa258);--color-text-orange:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffc9a2);--color-background-yellow:var(--lightningcss-light,#f8da9d)var(--lightningcss-dark,#deb4333d);--color-border-yellow:var(--lightningcss-light,#e4c279)var(--lightningcss-dark,#c0990e);--color-icon-yellow:var(--lightningcss-light,#584400)var(--lightningcss-dark,#deb433);--color-text-yellow:var(--lightningcss-light,#584400)var(--lightningcss-dark,#fdcf4f);--color-background-green:var(--lightningcss-light,#c5e5c0)var(--lightningcss-dark,#84c9803d);--color-border-green:var(--lightningcss-light,#b2d1ac)var(--lightningcss-dark,#69ad67);--color-icon-green:var(--lightningcss-light,#0c5700)var(--lightningcss-dark,#84c980);--color-text-green:var(--lightningcss-light,#0c5700)var(--lightningcss-dark,#9fe59b);--color-background-teal:var(--lightningcss-light,#a5e3d6)var(--lightningcss-dark,#7ec6b83d);--color-border-teal:var(--lightningcss-light,#94d6c8)var(--lightningcss-dark,#63ab9d);--color-icon-teal:var(--lightningcss-light,#005348)var(--lightningcss-dark,#7ec6b8);--color-text-teal:var(--lightningcss-light,#005348)var(--lightningcss-dark,#99e2d3);--color-background-cyan:var(--lightningcss-light,#a3e0ef)var(--lightningcss-dark,#83c2d43d);--color-border-cyan:var(--lightningcss-light,#91d3e3)var(--lightningcss-dark,#67a7b8);--color-icon-cyan:var(--lightningcss-light,#00505f)var(--lightningcss-dark,#83c2d4);--color-text-cyan:var(--lightningcss-light,#00505f)var(--lightningcss-dark,#9edef0);--color-background-blue:var(--lightningcss-light,#c4ddfb)var(--lightningcss-dark,#9eb7ff3d);--color-border-blue:var(--lightningcss-light,#b1c9e7)var(--lightningcss-dark,#6d9cfe);--color-icon-blue:var(--lightningcss-light,#00458c)var(--lightningcss-dark,#9eb7ff);--color-text-blue:var(--lightningcss-light,#00458c)var(--lightningcss-dark,#c7d3ff);--color-background-purple:var(--lightningcss-light,#eccef3)var(--lightningcss-dark,#f297ff3d);--color-border-purple:var(--lightningcss-light,#d8bbdf)var(--lightningcss-dark,#dd74f0);--color-icon-purple:var(--lightningcss-light,#700084)var(--lightningcss-dark,#f297ff);--color-text-purple:var(--lightningcss-light,#700084)var(--lightningcss-dark,#fac1ff);--color-background-pink:var(--lightningcss-light,#fccadc)var(--lightningcss-dark,#ff99c33d);--color-border-pink:var(--lightningcss-light,#e7b7c8)var(--lightningcss-dark,#f273aa);--color-icon-pink:var(--lightningcss-light,#83004b)var(--lightningcss-dark,#ff99c3);--color-text-pink:var(--lightningcss-light,#83004b)var(--lightningcss-dark,#ffc3da);--color-background-gray:var(--lightningcss-light,#e5e5e5)var(--lightningcss-dark,var(--color-neutral));--color-border-gray:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,#262626);--color-icon-gray:var(--lightningcss-light,#525252)var(--lightningcss-dark,#a3a3a3);--color-text-gray:var(--lightningcss-light,#262626)var(--lightningcss-dark,#e5e5e5);--radius-none:.25rem;--radius-inner:.375rem;--radius-element:.625rem;--radius-container:.75rem;--radius-page:1.75rem;--radius-full:9999px;--shadow-low:0 2px 4px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#00000040), 0 4px 8px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0006), inset 0 0 0 1px var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff14);--shadow-med:0 2px 4px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#00000059), 0 4px 12px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000080), inset 0 0 0 1px var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff1f);--shadow-high:0 4px 6px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000080), 0 12px 24px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#000000b3), inset 0 0 0 1px var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff26);--shadow-inset-hover:inset 0px 0px 0px 2px #0074e24d;--shadow-inset-selected:inset 0px 0px 0px 2px #0074e280;--shadow-inset-success:inset 0px 0px 0px 2px #1981004d;--shadow-inset-warning:inset 0px 0px 0px 2px #ffce2f4d;--shadow-inset-error:inset 0px 0px 0px 2px #e33f4a4d}@supports (color:lab(0% 0 0)){:scope{--shadow-low:0 2px 4px var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/.25)), 0 4px 8px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(0% 0 0/.4)), inset 0 0 0 1px var(--lightningcss-light,lab(0% 0 0/0))var(--lightningcss-dark,lab(100% 0 0/.08));--shadow-med:0 2px 4px var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/.35)), 0 4px 12px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(0% 0 0/.5)), inset 0 0 0 1px var(--lightningcss-light,lab(0% 0 0/0))var(--lightningcss-dark,lab(100% 0 0/.12));--shadow-high:0 4px 6px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(0% 0 0/.5)), 0 12px 24px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(0% 0 0/.7)), inset 0 0 0 1px var(--lightningcss-light,lab(0% 0 0/0))var(--lightningcss-dark,lab(100% 0 0/.15))}}.astryx-heading.level-1{font-family:var(--font-family-heading);font-size:var(--text-heading-1-size);font-weight:var(--text-heading-1-weight);line-height:var(--text-heading-1-leading)}.astryx-heading.level-2{font-family:var(--font-family-heading);font-size:var(--text-heading-2-size);font-weight:var(--text-heading-2-weight);line-height:var(--text-heading-2-leading)}.astryx-heading.level-3{font-family:var(--font-family-heading);font-size:var(--text-heading-3-size);font-weight:var(--text-heading-3-weight);line-height:var(--text-heading-3-leading)}.astryx-heading.level-4{font-family:var(--font-family-heading);font-size:var(--text-heading-4-size);font-weight:var(--text-heading-4-weight);line-height:var(--text-heading-4-leading)}.astryx-heading.level-5{font-family:var(--font-family-heading);font-size:var(--text-heading-5-size);font-weight:var(--text-heading-5-weight);line-height:var(--text-heading-5-leading)}.astryx-heading.level-6{font-family:var(--font-family-heading);font-size:var(--text-heading-6-size);font-weight:var(--text-heading-6-weight);line-height:var(--text-heading-6-leading)}.astryx-text.body{font-family:var(--font-family-body);font-size:var(--text-body-size);line-height:var(--text-body-leading)}.astryx-text.large{font-family:var(--font-family-body);font-size:var(--text-large-size);line-height:var(--text-large-leading)}.astryx-text.label{font-family:var(--font-family-body);font-size:var(--text-label-size);line-height:var(--text-label-leading)}.astryx-text.code{font-family:var(--font-family-code);font-size:var(--text-code-size);line-height:var(--text-code-leading)}.astryx-text.supporting{font-family:var(--font-family-body);font-size:var(--text-supporting-size);line-height:var(--text-supporting-leading)}.astryx-text.display-1{font-family:var(--font-family-heading);font-size:var(--text-display-1-size);line-height:var(--text-display-1-leading)}.astryx-text.display-2{font-family:var(--font-family-heading);font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading)}.astryx-text.display-3{font-family:var(--font-family-heading);font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading)}.astryx-button.destructive{background-color:var(--color-error-muted);color:var(--color-error)}.astryx-badge.info{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);background-color:var(--lightningcss-light,#0074e2)var(--lightningcss-dark,#6d9cfe)}.astryx-badge.neutral{background-color:var(--color-background-gray);color:var(--color-text-gray)}.astryx-badge.success{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);background-color:var(--lightningcss-light,#198100)var(--lightningcss-dark,#64af4c)}.astryx-badge.warning{color:#171717;background-color:#ffce2f}.astryx-badge.error{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);background-color:var(--lightningcss-light,#e33f4a)var(--lightningcss-dark,#ff705d)}.astryx-badge.red{background-color:var(--color-background-red);color:var(--color-text-red)}.astryx-badge.orange{background-color:var(--color-background-orange);color:var(--color-text-orange)}.astryx-badge.yellow{background-color:var(--color-background-yellow);color:var(--color-text-yellow)}.astryx-badge.green{background-color:var(--color-background-green);color:var(--color-text-green)}.astryx-badge.teal{background-color:var(--color-background-teal);color:var(--color-text-teal)}.astryx-badge.cyan{background-color:var(--color-background-cyan);color:var(--color-text-cyan)}.astryx-badge.blue{background-color:var(--color-background-blue);color:var(--color-text-blue)}.astryx-badge.purple{background-color:var(--color-background-purple);color:var(--color-text-purple)}.astryx-badge.pink{background-color:var(--color-background-pink);color:var(--color-text-pink)}.astryx-badge.gray{background-color:var(--color-background-gray);color:var(--color-text-gray)}.astryx-statusdot.success{background-color:var(--lightningcss-light,#198100)var(--lightningcss-dark,#64af4c)}.astryx-statusdot.warning{background-color:#ffce2f}.astryx-statusdot.error{background-color:var(--lightningcss-light,#e33f4a)var(--lightningcss-dark,#ff705d)}.astryx-statusdot.accent{background-color:var(--lightningcss-light,#0074e2)var(--lightningcss-dark,#6d9cfe)}.astryx-banner.info{background-color:var(--color-background-blue);--color-accent-muted:transparent;--color-text-primary:var(--color-text-blue);--color-text-secondary:var(--color-text-blue);--color-accent:var(--color-text-blue)}.astryx-banner.success{--color-text-primary:var(--color-text-green);--color-text-secondary:var(--color-text-green);--color-success:var(--color-text-green)}.astryx-banner.warning{--color-text-primary:var(--color-text-yellow);--color-text-secondary:var(--color-text-yellow);--color-warning:var(--color-text-yellow)}.astryx-banner.error{--color-text-primary:var(--color-text-red);--color-text-secondary:var(--color-text-red);--color-error:var(--color-text-red)}.astryx-switch{--color-background-gray:var(--color-border-emphasized)}.astryx-progressbar{--color-background-muted:var(--color-border-emphasized)}.astryx-progressbar.accent{--color-accent:#0074e2}.astryx-progressbar.success{--color-success:#198100}.astryx-progressbar.warning{--color-warning:#ffce2f}.astryx-progressbar.error{--color-error:#e33f4a}.astryx-card{--astryx-card-padding:var(--spacing-3)}.astryx-section{--astryx-section-padding:var(--spacing-3)}.astryx-text.primary,.astryx-heading.primary{color:var(--color-text-primary)}.astryx-text.secondary,.astryx-heading.secondary{color:var(--color-text-secondary)}.astryx-text.disabled,.astryx-heading.disabled{color:var(--color-text-disabled)}.astryx-text.placeholder,.astryx-heading.placeholder{color:var(--color-text-secondary)}.astryx-text.accent,.astryx-heading.accent{color:var(--color-text-accent)}}@scope([data-astryx-theme=neutral]) to ([data-astryx-theme]){[data-astryx-media=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-text-primary:var(--color-on-dark);--color-icon-primary:var(--color-on-dark);--color-accent:var(--color-on-dark)}[data-astryx-media=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-text-primary:var(--color-on-light);--color-icon-primary:var(--color-on-light);--color-accent:var(--color-on-light)}}}
:root{--n-paper:#f3efe6;--n-ink:#1d2a2e;--n-ink-soft:#5d6d70;--n-rule:#d8d1c2;--n-accent:#2f7f8c;--n-sand:#e8dcc4;--n-drift:44s}html,body{color:var(--n-ink);background-color:var(--n-paper);background-image:radial-gradient(120% 80% at 10% -10%,#fff 0%,#fff0 60%),radial-gradient(90% 60% at 100% 110%,#e6e0d2 0%,#e6e0d200 70%);background-attachment:fixed;margin:0;padding:0}@media (max-width:760px),(pointer:coarse){html,body{background-attachment:scroll;min-height:100svh}}body{-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:var(--font-sans), sans-serif;font-optical-sizing:auto;overflow-x:hidden}
:root{--scroll:0;--surge:0;--mx:0;--my:0;--berth:1;--veil-base:0;--veil-max:.82}.stage{z-index:0;pointer-events:none;background:var(--n-paper);position:fixed;inset:0;overflow:hidden}.sandveil{z-index:1;pointer-events:none;background:linear-gradient(to bottom, #e8dcc400 0%, var(--n-sand) 42%, var(--n-sand) 100%);opacity:clamp(0, calc(var(--veil-base) + var(--scroll) * 1.45 - .12), var(--veil-max));position:fixed;inset:0}.scene{width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes pan{0%{transform:translate(0)}to{transform:translate(-540px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.blur-sky{filter:blur(6.5px)}.blur-far{filter:blur(4px)}.blur-mid{filter:blur(4.4px)}.blur-coast{filter:blur(2.6px)}.blur-fore{filter:blur(1.6px)}.lyr{animation:linear infinite pan}.sky .lyr{animation-duration:60s}.far .lyr{animation-duration:40s}.mid .lyr{animation-duration:30s}.coast .lyr{animation-duration:20s}.fore .lyr{animation-duration:10s}.sky,.far,.mid,.coast,.fore{animation:ease-in-out infinite alternate bob}.sky{animation-duration:30s}.far{animation-duration:20s;animation-delay:-4s}.mid{animation-duration:20s;animation-delay:-9s}.coast{animation-duration:10s;animation-delay:-3s}.fore{animation-duration:10s;animation-delay:-7s}.sky{translate:0 calc(var(--scroll) * 26px * var(--berth) + var(--surge) * 2px)}.far{translate:0 calc(var(--scroll) * 14px * var(--berth) + var(--surge) * 4px)}.mid{translate:0 calc(var(--scroll) * -8px * var(--berth) + var(--surge) * -7px)}.coast{translate:0 calc(var(--scroll) * -30px * var(--berth) + var(--surge) * -11px)}.fore{translate:0 calc(var(--scroll) * -58px * var(--berth) + var(--surge) * -17px)}@keyframes camera{0%{transform:translate(0)}30%{transform:translate(-7px,-9px)}62%{transform:translate(5px,6px)}to{transform:translate(0)}}#camera{translate:calc(var(--mx) * -9px) calc(var(--my) * -6px - var(--scroll) * 52px * var(--berth) - var(--surge) * 6px);animation:10s ease-in-out infinite camera}@keyframes altitude{0%,to{opacity:.26}34%{opacity:.13}70%{opacity:.38}}#depthlight{animation:10s ease-in-out infinite altitude}.lyr,.sky,.far,.mid,.coast,.fore,#camera,.cloud{will-change:transform}@keyframes cloudpass{0%{transform:translate(680px,24px)scale(.95)}to{transform:translate(-440px,-30px)scale(1.28)}}.cloud{transform-box:view-box;transform-origin:270px 160px;animation:10s linear infinite cloudpass}.cloud.c2{animation-delay:-3.3s}.cloud.c3{animation-delay:-6.6s}.cloud.c4{animation-delay:-8.4s}.cloud.c1{translate:calc(var(--surge) * -64px) calc(var(--scroll) * -34px)}.cloud.c2{translate:calc(var(--surge) * -96px) calc(var(--scroll) * -58px)}.cloud.c3{translate:calc(var(--surge) * -40px) calc(var(--scroll) * -22px)}.cloud.c4{translate:calc(var(--surge) * -128px) calc(var(--scroll) * -76px)}#weather{opacity:clamp(.25, calc(1 - var(--scroll) * .9 * var(--berth)), 1)}@keyframes veil{0%{opacity:.03}12%{opacity:.17}24%{opacity:.05}46%{opacity:.12}58%{opacity:.03}76%{opacity:.28}88%{opacity:.07}to{opacity:.03}}#cloudveil{animation:10s ease-in-out infinite veil}@keyframes glint{0%{opacity:0;transform:translate(-300px,30px)}22%{opacity:.85}60%{opacity:.35}92%{opacity:0}to{opacity:0;transform:translate(760px,-24px)}}#glint{animation:20s ease-in-out infinite glint}@keyframes swirlA{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.14)}}@keyframes swirlB{0%{transform:rotate(360deg)scale(1.12)}to{transform:rotate(0)scale(1)}}#causticA{transform-box:view-box;transform-origin:230px 190px;animation:40s linear infinite swirlA}#causticB{transform-box:view-box;transform-origin:400px 150px;animation:60s linear infinite swirlB}#causticA{scale:calc(1 + var(--surge) * .09)}#causticB{scale:calc(1 - var(--surge) * .07)}@keyframes surf{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2.5px)}}.surf{animation:5s ease-in-out infinite surf}.surf.s2{animation-delay:-1.6s}.surf.s3{animation-delay:-3.2s}.surf{translate:0 calc(var(--surge) * -9px)}.surf.s2{translate:0 calc(var(--surge) * -14px)}.surf.s3{translate:0 calc(var(--surge) * -5px)}@keyframes ring{0%{opacity:0;transform:scale(.2)}14%{opacity:.11}to{opacity:0;transform:scale(3.4)}}.ring{transform-box:fill-box;transform-origin:50%;animation:10s ease-out infinite ring}.ring:nth-of-type(2){animation-delay:-3.4s}.ring:nth-of-type(3){animation-delay:-6.8s}@keyframes flick{0%{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(2px,-3px)}75%{transform:translate(-2px,-1px)}to{transform:translate(0)}}#grainlayer{animation:1s step-end infinite flick}#glint{transform-box:fill-box;transform-origin:50%;scale:calc(1 + var(--scroll) * .45 * var(--berth) + var(--surge) * .08)}@media (max-width:760px),(pointer:coarse){.lyr,.sky,.far,.mid,.coast,.fore,#camera,.cloud{will-change:auto}.blur-sky{filter:blur(3.2px)}.blur-mid{filter:blur(2.2px)}.blur-far,.blur-coast,.blur-fore{filter:none}#grainlayer{display:none}}@media (prefers-reduced-motion:reduce){.stage *{animation-play-state:paused!important}#camera{translate:0 calc(var(--scroll) * -52px * var(--berth))}.sky{translate:0 calc(var(--scroll) * 26px * var(--berth))}.far{translate:0 calc(var(--scroll) * 14px * var(--berth))}.mid{translate:0 calc(var(--scroll) * -8px * var(--berth))}.coast{translate:0 calc(var(--scroll) * -30px * var(--berth))}.fore{translate:0 calc(var(--scroll) * -58px * var(--berth))}.cloud.c1{translate:0 calc(var(--scroll) * -34px * var(--berth))}.cloud.c2{translate:0 calc(var(--scroll) * -58px * var(--berth))}.cloud.c3{translate:0 calc(var(--scroll) * -22px * var(--berth))}.cloud.c4{translate:0 calc(var(--scroll) * -76px * var(--berth))}.surf,#causticA,#causticB{translate:none;scale:none}#glint{scale:calc(1 + var(--scroll) * .45 * var(--berth))}}
.hero{z-index:2;text-align:center;min-height:100dvh;opacity:clamp(0, calc(1 - var(--scroll) * 3.4), 1);flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,6vw,96px);display:flex;position:relative}.wordmark{font-family:var(--font-mark);letter-spacing:-.005em;color:var(--n-ink);justify-content:center;align-items:baseline;gap:0;margin:0;font-size:clamp(46px,9.6vw,132px);font-weight:600;line-height:1;display:flex}.zero{width:.62em;height:.78em;margin:0 .015em;display:inline-block;overflow:visible;transform:translateY(.055em)}.zero-eclipse{fill:currentColor}.line{font-family:var(--font-serif);letter-spacing:.005em;max-width:24ch;color:var(--n-ink);margin:clamp(26px,3.4vw,44px) 0 0;font-size:clamp(19px,2.6vw,34px);font-style:italic;font-weight:400;line-height:1.35}.rise{opacity:0;animation:1.5s cubic-bezier(.2,.7,.2,1) forwards rise;transform:translateY(16px)}.rise-1{animation-delay:.25s}.rise-2{animation-delay:.75s}.rise-3{animation-delay:1.3s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.scrollcue{width:1px;height:58px;opacity:calc(1 - var(--scroll) * 16);position:absolute;bottom:clamp(28px,5vw,56px);left:50%;overflow:hidden}.scrollcue:after{content:"";background:var(--n-ink-soft);transform-origin:top;animation:2.8s cubic-bezier(.5,0,.5,1) infinite draw;position:absolute;inset:0}@keyframes draw{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}75%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(100%)}}@media (max-width:760px),(pointer:coarse){.hero{min-height:100svh}}@media (prefers-reduced-motion:reduce){.rise{opacity:1;animation:none;transform:none}}
.page{z-index:3;position:relative}.section{flex-direction:column;justify-content:center;max-width:1400px;min-height:100dvh;padding:clamp(24px,6vw,96px);display:flex}.words{letter-spacing:.002em;max-width:44ch;color:var(--n-ink);text-shadow:0 1px #f3efe659;margin:0;font-size:clamp(18px,1.9vw,26px);font-weight:300;line-height:1.66}[data-reveal]{opacity:0;transition:opacity 1.2s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}[data-reveal].seen{opacity:1;transform:none}@media (max-width:760px),(pointer:coarse){.section{min-height:100svh}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}
.nav{z-index:5;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;gap:24px;padding:clamp(16px,2.2vw,28px) clamp(24px,6vw,96px);display:flex;position:fixed;top:0;left:0;right:0}.nav a{pointer-events:auto}.berthed .nav:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--n-paper) 0%, color-mix(in srgb, var(--n-paper) 72%, transparent) 42%, transparent 100%);height:220%;position:absolute;inset:0 0 auto}.nav-mark{color:var(--n-ink);text-decoration:none;transition:opacity .4s;display:inline-flex}.nav-mark[data-home]{opacity:0;pointer-events:none}.wordmark-inline{justify-content:flex-start;font-size:clamp(19px,1.5vw,23px);display:inline-flex}.nav-links{align-items:center;gap:clamp(14px,1.9vw,30px);margin:0;padding:0;list-style:none;display:flex}.nav-link{font-family:var(--font-sans);letter-spacing:.01em;color:var(--n-ink-soft);text-shadow:0 1px #f3efe666;font-size:clamp(13px,1.05vw,15px);font-weight:300;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link:focus-visible{color:var(--n-ink)}.nav-link[aria-current=page]{color:var(--n-accent)}.nav a:focus-visible{outline:1px solid var(--n-accent);outline-offset:4px;border-radius:2px}@media (max-width:620px){.nav{flex-direction:column;align-items:flex-start;gap:8px}.nav-links{flex-wrap:wrap;gap:14px}.nav-account-item{position:absolute;top:clamp(16px,2.2vw,28px);right:clamp(24px,6vw,96px)}.berthed .nav:before{height:150%}}@media (max-width:460px){.nav-links{gap:10px}.nav-link{font-size:12.5px}}.nav-account{border:1px solid color-mix(in srgb, var(--n-accent) 55%, transparent);letter-spacing:.01em;color:var(--n-accent);white-space:nowrap;justify-content:center;align-items:center;padding:6px 13px;font-size:clamp(12.5px,1.02vw,14.5px);font-weight:300;text-decoration:none;transition:background .35s,border-color .35s,color .35s;display:inline-flex}.nav-account:hover,.nav-account:focus-visible{background:color-mix(in srgb, var(--n-accent) 12%, transparent);border-color:var(--n-accent);outline:none}.nav-account[data-in]{border-color:color-mix(in srgb, var(--n-ink-soft) 45%, transparent);color:var(--n-ink)}.nav-account[data-in]:hover{background:color-mix(in srgb, var(--n-ink-soft) 12%, transparent);border-color:var(--n-ink-soft)}.nav-account-hold{width:74px}@media (max-width:620px){.nav-account{padding:5px 10px}.nav-account-hold{width:58px}}
.berthed{--berth:.22;--veil-base:.52;--veil-max:.88}.sub{z-index:2;max-width:1180px;padding:clamp(104px,12vw,176px) clamp(24px,6vw,96px) clamp(80px,12vw,160px);position:relative}.sub-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--n-ink);margin:0 0 clamp(44px,6vw,92px);font-size:clamp(38px,6.2vw,84px);font-weight:400;line-height:1.04}.block{margin:0 0 clamp(56px,7vw,104px)}.block:last-child{margin-bottom:0}.block-head{align-items:center;gap:10px;margin:0 0 clamp(18px,2.4vw,30px);display:flex}.block-title{font-family:var(--font-serif);color:var(--n-ink);margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:400;line-height:1.2}.fact{max-width:62ch;color:var(--n-ink-soft);margin:0;font-size:clamp(15px,1.25vw,18px);font-weight:300;line-height:1.62}.rows{border-top:1px solid var(--n-rule)}.row{border-bottom:1px solid var(--n-rule);justify-content:space-between;align-items:baseline;gap:clamp(16px,3vw,48px);padding:clamp(13px,1.5vw,19px) 0;display:flex}.row-label{color:var(--n-ink);align-items:center;gap:8px;font-size:clamp(14px,1.15vw,17px);font-weight:400;display:flex}.row-value{text-align:right;color:var(--n-ink-soft);font-variant-numeric:tabular-nums;font-size:clamp(14px,1.15vw,17px);font-weight:300}.row-value strong{color:var(--n-ink);font-weight:400}.tiles{background:var(--n-rule);border:1px solid var(--n-rule);grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:1px;display:grid}.tile{background:#f3efe68c;padding:clamp(16px,2vw,26px)}.tile-key{letter-spacing:.015em;color:var(--n-ink-soft);align-items:center;gap:7px;margin:0 0 8px;font-size:clamp(12px,.95vw,14px);font-weight:300;display:flex}.tile-figure{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--n-ink);font-variant-numeric:tabular-nums;font-size:clamp(26px,3.1vw,42px);font-weight:400;line-height:1}.cards{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.card{border:1px solid var(--n-rule);background:#f3efe68c;flex-direction:column;gap:12px;padding:clamp(18px,2.1vw,26px);display:flex}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title{font-family:var(--font-serif);color:var(--n-ink);margin:0;font-size:clamp(18px,1.7vw,23px);font-weight:400;line-height:1.15}.card-label{color:var(--n-ink-soft);margin:0;font-size:clamp(13px,1.05vw,15px);font-weight:300;line-height:1.5}.card-meta{color:var(--n-ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:6px;font-size:clamp(11px,.9vw,13px);font-weight:300;display:flex}.badge{border:1px solid var(--n-rule);letter-spacing:.02em;white-space:nowrap;color:var(--n-ink-soft);border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:clamp(10px,.82vw,12px);font-weight:300;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge[data-state=live]{color:var(--n-accent);border-color:color-mix(in srgb, var(--n-accent) 40%, transparent)}.badge[data-state=partial]{color:var(--n-ink)}.badge[data-state=planned]{color:var(--n-ink-soft)}.badge[data-state=planned]:before{background:0 0;box-shadow:inset 0 0 0 1px}.scroller{overscroll-behavior-x:contain;overflow-x:auto}.mascot{opacity:0;max-width:100%;transition:opacity 1s;display:block}.mascot[data-live]{opacity:1}.mascot:not([data-live]){height:0!important}.mascot-block{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.mascot-block .block-head{margin-bottom:0}.tip-mark{border:1px solid var(--n-ink-soft);cursor:pointer;width:15px;height:15px;color:var(--n-ink-soft);font-family:var(--font-serif);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:10px;font-style:italic;line-height:1;transition:color .25s,border-color .25s;display:inline-flex}.tip-mark:hover,.tip-mark[aria-expanded=true]{color:var(--n-accent);border-color:var(--n-accent)}.tip-mark:focus-visible{outline:1px solid var(--n-accent);outline-offset:3px}.tip-panel{z-index:40;border:1px solid var(--n-rule);background:var(--n-paper);width:min(320px,100vw - 32px);color:var(--n-ink);padding:15px 17px;font-size:13.5px;font-weight:300;line-height:1.6;position:fixed;box-shadow:0 14px 40px #1d2a2e21}.tip-panel p{color:var(--n-ink);margin:0 0 9px}.tip-panel p:last-child{margin-bottom:0}.sub a:not(.card-hit):not(.nav-link){color:var(--n-accent);border-bottom:1px solid color-mix(in srgb, var(--n-accent) 35%, transparent);text-decoration:none}.sub a:not(.card-hit):not(.nav-link):hover{border-bottom-color:var(--n-accent)}@media (max-width:620px){.sub{padding-top:116px}.tiles{grid-template-columns:repeat(2,1fr)}.tile{padding:14px 14px 16px}.tile-figure{font-size:30px}.cards{grid-template-columns:1fr}}@media (max-width:400px){.sub{padding-top:136px}}
.demo{margin:0 0 clamp(56px,7vw,104px)}.demo-page .sub-title{margin-bottom:clamp(20px,2.6vw,38px)}.demo-page .block:first-of-type{margin-bottom:clamp(22px,2.8vw,40px)}.demo-page .sub{padding-top:clamp(88px,9vw,128px)}.beats{flex-wrap:wrap;gap:6px 8px;margin:0 0 clamp(14px,1.8vw,22px);display:flex}.beat{border:1px solid var(--n-rule);cursor:pointer;font-family:var(--font-sans);color:var(--n-ink-soft);background:#f3efe699;border-radius:999px;padding:6px 13px;font-size:clamp(12px,.95vw,14px);font-weight:300;transition:color .3s,border-color .3s,background .3s}.beat:hover{color:var(--n-ink)}.beat[data-on]{color:var(--n-paper);background:var(--n-accent);border-color:var(--n-accent)}.beat:focus-visible{outline:1px solid var(--n-accent);outline-offset:3px}.window{border:1px solid var(--n-rule);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #1d2a2e29}.window:focus-visible{outline:1px solid var(--n-accent);outline-offset:3px}.window-bar{background:#f4f7fc;border-bottom:1px solid #e8eef8;align-items:center;gap:12px;padding:9px 13px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#d5e0f0;border-radius:50%;width:9px;height:9px}.window-url{font-family:var(--font-sans);color:#5d6f89;font-size:11.5px;font-weight:300}.app{--a-surface:#fff;--a-paper:#f4f7fc;--a-ink:#0f2444;--a-ink-soft:#4b5f80;--a-ink-faint:#5d6f89;--a-rule:#d5e0f0;--a-rule-soft:#e8eef8;--a-accent:#1b56d3;--a-accent-wash:#e7eefc;--a-gold:#f2b705;--a-gold-ink:#8a6a00;--a-gold-wash:#fdf3d6;--a-error:#a35a06;--a-error-wash:#fbeed4;--a-r:6px;background:var(--a-surface);color:var(--a-ink);font-family:var(--font-sans);font-size:12.5px;font-weight:300;line-height:1.5}.app-top{border-bottom:1px solid var(--a-rule-soft);background:var(--a-paper);padding:12px 14px 10px}.app-title-row{align-items:baseline;gap:9px;margin-bottom:9px;display:flex}.app-doc-title{font-family:var(--font-serif);color:var(--a-ink);font-size:clamp(15px,1.4vw,19px)}.app-kind{border:1px solid var(--a-rule);color:var(--a-ink-faint);border-radius:999px;padding:1px 7px;font-size:10px}.app-tools{align-items:center;gap:5px;display:flex}.app-chip{border:1px solid var(--a-rule);color:var(--a-ink-soft);background:var(--a-surface);border-radius:999px;padding:3px 10px;font-size:11px}.app-chip[data-view=on]{background:var(--a-accent);border-color:var(--a-accent);color:#fff}.app-tools-right{gap:5px;margin-left:auto;display:flex}.app-pill{background:var(--a-accent-wash);color:var(--a-accent);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10.5px}.app-body{grid-template-columns:168px 1fr;min-height:372px;display:grid}.app-rail{border-right:1px solid var(--a-rule-soft);background:var(--a-paper);max-height:460px;padding:12px 10px;overflow-y:auto}.app-rail-head{letter-spacing:.04em;color:var(--a-ink-faint);margin:0 0 6px;padding:0 4px;font-size:10px}.app-rail-list{margin:0 0 16px;padding:0;list-style:none}.app-rail-list span{border-radius:var(--a-r);color:var(--a-ink-soft);padding:4px 6px;font-size:11.5px;display:block}.app-rail-list span[data-on]{background:var(--a-accent-wash);color:var(--a-accent)}.app-rail-outline span{color:var(--a-ink-faint);padding-left:14px}.app-main{max-height:460px;padding:15px 16px;animation:.55s cubic-bezier(.2,.7,.2,1) both beat-in;overflow:auto}@keyframes beat-in{0%{opacity:0;transform:translateY(7px)}}.doc{flex-direction:column;gap:13px;max-width:560px;display:flex}.fld{flex-direction:column;gap:5px;display:flex}.fld-pair{grid-template-columns:1fr 1fr;gap:13px;display:grid}.fld-key{letter-spacing:.03em;color:var(--a-ink-faint);font-size:10.5px}.fld-box{border:1px solid var(--a-rule);border-radius:var(--a-r);background:var(--a-surface);color:var(--a-ink);padding:7px 10px;font-size:12px}.fld-tall{color:var(--a-ink-soft);line-height:1.6}.fld-flat{color:var(--a-ink-faint);border-style:dashed}.fld-select{justify-content:space-between;align-items:center;display:flex}.fld-select i{border-right:1px solid var(--a-ink-faint);border-bottom:1px solid var(--a-ink-faint);width:5px;height:5px;translate:0 -2px;rotate:45deg}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips-col{flex-direction:column}.chip{border:1px solid var(--a-rule);background:var(--a-surface);color:var(--a-ink-soft);border-radius:999px;padding:3px 9px;font-size:11px}.chip-add{color:var(--a-accent);border-style:dashed}.chip-wide{border-radius:var(--a-r);color:var(--a-ink);justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.chip-wide em{color:var(--a-ink-faint);white-space:nowrap;font-size:10px;font-style:normal}.warn{border-left:2px solid var(--a-gold);border-radius:0 var(--a-r) var(--a-r) 0;background:var(--a-gold-wash);color:var(--a-gold-ink);margin:0;padding:8px 11px;font-size:11.5px}.code{font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.72}.code-line{white-space:pre;border-radius:3px;gap:12px;padding:0 6px;display:flex}.code-n{text-align:right;width:18px;color:var(--a-ink-faint);flex:none}.code-t{color:var(--a-ink)}.code-line[data-bad]{background:var(--a-error-wash)}.code-line[data-bad] .code-n{color:var(--a-error)}.code-quiet .code-t{color:var(--a-ink-soft)}.problems{border-top:1px solid var(--a-rule-soft);margin:14px 0 0;padding:11px 0 0;list-style:none}.problems li{color:var(--a-ink-soft);gap:10px;padding:3px 0;font-size:11.5px;display:flex}.problem-at{color:var(--a-error);font-variant-numeric:tabular-nums;flex:none}.split{grid-template-columns:1fr 186px;gap:16px;display:grid}.panel{border-left:1px solid var(--a-rule-soft);padding-left:14px}.panel-head{letter-spacing:.04em;color:var(--a-ink-faint);margin:0 0 9px;font-size:10px}.vlist{margin:0;padding:0;list-style:none}.vlist li{border-radius:var(--a-r);padding:7px 8px}.vlist li[data-on]{background:var(--a-accent-wash)}.vrow{justify-content:space-between;align-items:center;gap:8px;display:flex}.vname{color:var(--a-ink);font-variant-numeric:tabular-nums;font-size:12px}.vstate{letter-spacing:.02em;border:1px solid var(--a-rule);color:var(--a-ink-faint);border-radius:999px;padding:1px 7px;font-size:9.5px}.vstate[data-state=live]{background:var(--a-accent);border-color:var(--a-accent);color:#fff}.vstate[data-state=published]{border-color:var(--a-accent);color:var(--a-accent)}.vmeta{color:var(--a-ink-faint);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px;display:block}.obs{flex-direction:column;gap:15px;display:flex}.obs-tiles{background:var(--a-rule-soft);border:1px solid var(--a-rule-soft);border-radius:var(--a-r);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.obs-tile{background:var(--a-surface);padding:10px 12px}.obs-key{letter-spacing:.03em;color:var(--a-ink-faint);font-size:10px;display:block}.obs-figure{font-family:var(--font-serif);color:var(--a-ink);font-variant-numeric:tabular-nums;margin-top:3px;font-size:21px;line-height:1;display:block}.chart-title{color:var(--a-ink-faint);margin:0 0 6px;font-size:10.5px}.chart-svg{touch-action:none;width:100%;height:auto;display:block}.chart-fill{fill:var(--a-accent-wash)}.chart-line{fill:none;stroke:var(--a-accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-base{stroke:var(--a-rule);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-cross{stroke:var(--a-accent);stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.chart-dot{fill:var(--a-accent);stroke:var(--a-surface);stroke-width:2px;vector-effect:non-scaling-stroke}.chart-read{color:var(--a-ink-faint);font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:10.5px}.traces{border-top:1px solid var(--a-rule-soft);margin:0;padding:0;list-style:none}.traces li{border-bottom:1px solid var(--a-rule-soft);color:var(--a-ink-soft);font-variant-numeric:tabular-nums;grid-template-columns:1fr 60px 60px 60px;gap:8px;padding:6px 2px;font-size:11.5px;display:grid}.traces li span[data-fail]{color:var(--a-error)}.mascot-say{align-items:center;gap:10px;padding-top:4px;display:flex}.mascot-say p{color:var(--a-ink-soft);margin:0;font-size:11.5px}@media (max-width:760px){.app-body{grid-template-columns:1fr}.app-rail{display:none}.split{grid-template-columns:1fr}.panel{border-left:none;border-top:1px solid var(--a-rule-soft);padding-top:12px;padding-left:0}.obs-tiles{grid-template-columns:repeat(2,1fr)}}.cmp{gap:10px;display:grid}.cmp-head{color:var(--a-ink-faint);align-items:center;gap:8px;font-size:12px;display:flex}.cmp-q{color:var(--a-ink);font-weight:600}.cmp-grow{flex:1}.cmp-table{border-collapse:collapse;width:100%;font-size:12px}.cmp-table th{text-align:left;color:var(--a-ink-faint);border-bottom:1px solid var(--a-rule-soft);padding:0 10px 6px 0;font-weight:500}.cmp-table td{border-bottom:1px solid var(--a-rule-soft);color:var(--a-ink);vertical-align:top;padding:8px 10px 8px 0}.cmp-table tr[data-base] td{color:var(--a-ink-soft)}.cmp-num{text-align:right;font-variant-numeric:tabular-nums}.cmp-attr{color:var(--a-accent)}.cmp-quality{display:block}.cmp-n{color:var(--a-ink-faint);font-size:10.5px;display:block}.cmp-foot{background:var(--a-accent-wash);color:var(--a-ink);border-radius:8px;margin:0;padding:8px 10px;font-size:12px}@media (prefers-reduced-motion:reduce){.app-main{animation:none}}
.status-cold{color:var(--n-ink);margin-bottom:clamp(18px,2.4vw,28px)}.dot{border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block;translate:0 -3px}.dot[data-now=up]{background:var(--n-accent)}.dot[data-now=down]{background:var(--n-ink)}.dot[data-now=unknown]{box-shadow:inset 0 0 0 1px var(--n-ink-soft);background:0 0}.uptime{flex-direction:column;gap:clamp(20px,2.6vw,32px);display:flex}.up-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.up-name{color:var(--n-ink);font-size:clamp(14px,1.15vw,17px);font-weight:400}.up-figure{color:var(--n-ink);font-variant-numeric:tabular-nums;font-size:clamp(13px,1.05vw,16px);font-weight:300}.up-of{color:var(--n-ink-soft)}.up-bars{align-items:flex-end;gap:2px;height:42px;display:flex}.up-bar{border-radius:2px;flex:1 1 0;align-self:stretch;min-width:2px;height:100%}.up-bar[data-state=ok]{background:var(--n-accent)}.up-bar[data-state=bad]{background:linear-gradient(to top, var(--n-ink) 0%, var(--n-ink) calc(var(--ratio,.5) * 100%), color-mix(in srgb, var(--n-ink) 12%, transparent) calc(var(--ratio,.5) * 100%), color-mix(in srgb, var(--n-ink) 12%, transparent) 100%)}.up-bar[data-state=none]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--n-ink-soft) 34%, transparent);background:0 0}@media (max-width:620px){.up-bars{gap:1px;height:34px}.up-bar:nth-child(-n+60){display:none}}
.wordcloud{flex-wrap:wrap;align-items:baseline;gap:clamp(10px,1.3vw,20px) clamp(14px,1.8vw,28px);max-width:62ch;margin:0;padding:0;list-style:none;display:flex}.wordcloud-word{font-family:var(--font-serif);color:var(--n-ink-soft);align-items:baseline;gap:6px;font-weight:400;line-height:1.05;display:inline-flex}.wordcloud-word[data-weight="1"]{font-size:clamp(14px,1.2vw,18px)}.wordcloud-word[data-weight="2"]{font-size:clamp(17px,1.7vw,24px)}.wordcloud-word[data-weight="3"]{font-size:clamp(21px,2.4vw,33px)}.wordcloud-word[data-weight="4"]{font-size:clamp(26px,3.2vw,45px)}.wordcloud-word[data-shipped]{color:var(--n-accent)}.wordcloud-state{font-family:var(--font-sans);letter-spacing:.02em;color:var(--n-ink-soft);opacity:.75;white-space:nowrap;font-size:10.5px;font-weight:300;translate:0 -.25em}.wordcloud-word[data-shipped] .wordcloud-state{color:var(--n-accent)}.offscreen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordcloud-key{color:var(--n-ink-soft);align-items:center;gap:8px;margin:clamp(20px,2.4vw,30px) 0 0;font-size:clamp(12px,.95vw,14px);font-weight:300;display:flex}.wordcloud-swatch{background:var(--n-ink-soft);opacity:.55;border-radius:50%;width:9px;height:9px}.wordcloud-swatch[data-shipped]{background:var(--n-accent);opacity:1}.wordcloud-key .wordcloud-swatch+.wordcloud-swatch,.wordcloud-key .wordcloud-swatch:nth-of-type(2){margin-left:clamp(10px,1.4vw,18px)}.asked{border-top:1px solid var(--n-rule);margin:0;padding:0;list-style:none}.asked-row{border-bottom:1px solid var(--n-rule);align-items:center;gap:clamp(10px,1.4vw,16px);padding:clamp(10px,1.2vw,15px) 0;display:flex}.asked-face{background:var(--n-sand);width:28px;height:28px;color:var(--n-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}.asked-face img{object-fit:cover;width:100%;height:100%;display:block}.asked-who{color:var(--n-ink);flex:none;font-size:clamp(14px,1.15vw,17px);font-weight:400}.asked-what{font-family:var(--font-serif);color:var(--n-ink-soft);flex:1;font-size:clamp(15px,1.35vw,20px);font-weight:400;line-height:1.2}.asked-when{color:var(--n-ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:clamp(12px,.95vw,14px);font-weight:300}@media (max-width:620px){.asked-row{flex-wrap:wrap;row-gap:4px}.asked-what{flex-basis:100%;order:3}.asked-when{margin-left:auto}}.shiplog{border-top:1px solid var(--n-rule);margin:0;padding:0;list-style:none}.shiplog[data-open]{margin-top:clamp(18px,2.4vw,30px)}.shiplog-row{border-bottom:1px solid var(--n-rule);align-items:baseline;gap:clamp(10px,1.4vw,16px);padding:clamp(9px,1.1vw,14px) 0;display:flex}.shiplog-what{font-family:var(--font-serif);color:var(--n-ink);flex:1;font-size:clamp(15px,1.3vw,19px);font-weight:400;line-height:1.25}.shiplog[data-open] .shiplog-what{color:var(--n-ink-soft)}.shiplog-where{color:var(--n-ink-soft);flex:none;font-size:clamp(11px,.85vw,13px);font-weight:300}.shiplog-when{text-align:right;width:4.6em;color:var(--n-ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:clamp(12px,.95vw,14px);font-weight:300}.shiplog-when[data-shipped]{color:var(--n-accent)}@media (max-width:760px){.shiplog-row{flex-wrap:wrap;row-gap:4px}.shiplog-what{flex-basis:100%;order:1}.shiplog-where{order:2}.shiplog-when{order:3;width:auto}.shiplog-when[data-shipped]{margin-left:auto}}
[data-reveal][style*=--i]{transition-delay:calc(var(--i,0) * 55ms)}.plan{border:1px solid color-mix(in srgb, var(--n-accent) 42%, transparent);background:#f3efe6d1;grid-template-columns:minmax(220px,.85fr) 1fr;align-items:start;gap:clamp(22px,3vw,56px);max-width:940px;padding:clamp(24px,3vw,44px);display:grid}@media (max-width:720px){.plan{grid-template-columns:1fr}}.plan-key{letter-spacing:.015em;color:var(--n-ink-soft);align-items:center;gap:7px;margin:0 0 10px;font-size:clamp(12px,.95vw,14px);font-weight:300;display:flex}.plan-figure{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--n-ink);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(52px,7.4vw,96px);font-weight:400;line-height:.92}[data-reveal].seen .plan-figure{animation:.9s cubic-bezier(.2,.7,.2,1) both figure-in}@keyframes figure-in{0%{clip-path:inset(0 0 100%);translate:0 .12em}to{clip-path:inset(0 0 -14%);translate:0}}.plan-unit{color:var(--n-ink-soft);margin:8px 0 0;font-size:clamp(14px,1.15vw,17px);font-weight:300}.included{columns:2;column-gap:clamp(20px,3vw,44px);margin:0;padding:0;list-style:none}@media (max-width:560px){.included{columns:1}}.included li{break-inside:avoid;color:var(--n-ink);align-items:baseline;gap:9px;padding:5px 0;font-size:clamp(13.5px,1.1vw,15.5px);font-weight:300;display:flex}.included li:before{content:"";border-left:1.5px solid var(--n-accent);border-bottom:1.5px solid var(--n-accent);flex:none;width:9px;height:5px;translate:0 -.15em;rotate:-45deg}.usage{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:clamp(12px,1.4vw,20px);display:grid}.use{border:1px solid var(--n-rule);background:#f3efe69e;flex-direction:column;gap:9px;padding:clamp(18px,2.2vw,28px);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s;display:flex}.use:hover{border-color:color-mix(in srgb, var(--n-accent) 50%, var(--n-rule));transform:translateY(-3px)}.use-key{letter-spacing:.015em;color:var(--n-ink-soft);align-items:center;gap:7px;margin:0;font-size:clamp(12px,.95vw,14px);font-weight:300;display:flex}.use-figure{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--n-ink);margin:0;font-size:clamp(24px,2.8vw,36px);font-weight:400;line-height:1.02}.use-unit{color:var(--n-ink-soft);margin:0;font-size:clamp(12.5px,1vw,14.5px);font-weight:300}@media (prefers-reduced-motion:reduce){.use{transition:none}.use:hover{transform:none}[data-reveal].seen .plan-figure{animation:none}}
.egg{transform-origin:50% 88%;background:radial-gradient(70% 60% at 32% 28%,#fffffff2,#fff0 60%),linear-gradient(160deg,#ffe9a8 0%,#f7d072 55%,#e8b84f 100%);border-radius:50%/62% 62% 38% 38%;flex:none;width:15px;height:19px;margin-right:9px;animation:4.4s ease-in-out infinite egg-rock;display:inline-block;translate:0 2px;box-shadow:0 1px 3px #1d2a2e29}.egg[data-state=partial]{background:radial-gradient(70% 60% at 32% 28%,#fffffff2,#fff0 60%),linear-gradient(160deg,#fff6e2 0%,#f4e3c4 60%,#e4d0aa 100%);animation-duration:5.7s}.egg[data-state=planned]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--n-ink-soft) 55%, transparent);background:0 0;animation-duration:7.3s}@keyframes egg-rock{0%,to{rotate:-3.5deg}50%{rotate:3.5deg}}.card-start{cursor:pointer;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s;position:relative}.card-go:after{content:"";position:absolute;inset:0}.card-start .card-tip{z-index:1;position:relative}.card-start:hover{border-color:color-mix(in srgb, var(--n-accent) 45%, var(--n-rule));transform:translateY(-3px)}.card-go{color:inherit;align-items:baseline;text-decoration:none;display:inline-flex;border-bottom:none!important}.card-go:hover{color:var(--n-accent)}.card-go:focus-visible{outline:1px solid var(--n-accent);outline-offset:4px}.card-start:hover .egg{transition:rotate .4s,translate .4s;animation-play-state:paused;translate:0 -1px;rotate:none}@media (prefers-reduced-motion:reduce){.egg,.card-start:hover .egg{animation:none;translate:0 2px;rotate:none}.card-start,.card-start:hover{transition:none;transform:none}}
.uses{border-top:1px solid var(--n-rule);margin:0;padding:0;list-style:none}.uses-row{border-bottom:1px solid var(--n-rule);align-items:center;gap:clamp(10px,1.4vw,16px);padding:clamp(14px,2vw,24px) 0;display:flex}.uses-name{font-family:var(--font-serif);color:var(--n-ink);font-size:clamp(20px,2.4vw,32px);font-weight:400;line-height:1.2}