@layer color_space{:root{--zt-safe-c-0: 0;--zt-safe-c-1: .025;--zt-safe-c-2: .05;--zt-safe-c-3: .075;--zt-safe-c-4: .1;--zt-safe-c-5: .125;--zt-safe-l-1: .5;--zt-safe-l-2: .625;--zt-safe-l-3: .75;--zt-safe-l-4: .875;--zt-safe-l-5: .9;--zt-ink-l-min: .1;--zt-ink-l-max: .92;--zt-surface-l-min: .18;--zt-surface-l-max: .96;--zt-ink-contrast-delta: .4;--zt-ink-contrast-fixed: 0;--zt-ink-l-mag: calc(var(--zt-ink-l-max) - var(--zt-ink-l-min));--zt-surface-l-mag: calc(var(--zt-surface-l-max) - var(--zt-surface-l-min));--zt-surface-min: var(--zt-surface-l-min);--zt-surface-max: var(--zt-surface-l-max);--zt-surface-mag: calc(var(--zt-surface-max) - var(--zt-surface-min));--zt-surface-l-1: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * 0 / 6);--zt-surface-l-2: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * 1 / 6);--zt-surface-l-3: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * 2 / 6);--zt-surface-l-4: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * 3 / 6);--zt-surface-l-5: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * 4 / 6);--zt-surface-l-6: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * 5 / 6);--zt-surface-l-7: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * 6 / 6);--zt-border-l-1: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * (0 + var(--zt-surface-dir) * -.5) / 6);--zt-border-l-2: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * (1 + var(--zt-surface-dir) * -.5) / 6);--zt-border-l-3: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * (2 + var(--zt-surface-dir) * -.5) / 6);--zt-border-l-4: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * (3 + var(--zt-surface-dir) * -.5) / 6);--zt-border-l-5: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * (4 + var(--zt-surface-dir) * -.5) / 6);--zt-border-l-6: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * (5 + var(--zt-surface-dir) * -.5) / 6);--zt-border-l-7: calc(var(--zt-surface-start) + var(--zt-surface-dir) * var(--zt-surface-l-mag) * (6 + var(--zt-surface-dir) * -.5) / 6)}:root[data-zt-theme=light]{--zt-ink-start: var(--zt-ink-l-min);--zt-ink-dir: 1;--zt-surface-start: var(--zt-surface-l-max);--zt-surface-dir: -1;--zt-ink-contrast-sign: -1;--zt-ink-l-1: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 0 / 6);--zt-ink-l-2: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 1 / 6);--zt-ink-l-3: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 2 / 6);--zt-ink-l-4: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 3 / 6);--zt-ink-l-5: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 4 / 6);--zt-ink-l-6: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 5 / 6);--zt-ink-l-7: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 6 / 6)}:root[data-zt-theme=dark]{--zt-ink-start: var(--zt-ink-l-max);--zt-ink-dir: -1;--zt-surface-start: var(--zt-surface-l-min);--zt-surface-dir: 1;--zt-ink-contrast-sign: 1;--zt-ink-l-1: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 0 / 6);--zt-ink-l-2: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 1 / 6);--zt-ink-l-3: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 2 / 6);--zt-ink-l-4: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 3 / 6);--zt-ink-l-5: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 4 / 6);--zt-ink-l-6: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 5 / 6);--zt-ink-l-7: calc(var(--zt-ink-start) + var(--zt-ink-dir) * var(--zt-ink-l-mag) * 6 / 6)}}@layer color_palette{:root{--zt-color-l-accent: .8;--zt-color-c-accent: .1;--zt-color-accent-neutral: oklch(var(--zt-color-l-accent) 0 0);--zt-color-accent-info: oklch(var(--zt-color-l-accent) var(--zt-color-c-accent) 230deg);--zt-color-accent-success: oklch(var(--zt-color-l-accent) var(--zt-color-c-accent) 145deg);--zt-color-accent-warning: oklch(var(--zt-color-l-accent) var(--zt-color-c-accent) 80deg);--zt-color-accent-error: oklch(var(--zt-color-l-accent) var(--zt-color-c-accent) 20deg);--zt-color-accent-pending: oklch(var(--zt-color-l-accent) var(--zt-color-c-accent) 190deg);--zt-color-accent-special: oklch(var(--zt-color-l-accent) var(--zt-color-c-accent) 290deg);--zt-color-debug: rgba(255, 0, 0);--zt-color-shadow: rgba(0, 0, 0)}:root[data-zt-theme=light]{color-scheme:light;--zt-color-page: oklch(var(--zt-surface-l-1) var(--zt-safe-c-0) 0);--zt-color-ink: oklch(var(--zt-ink-l-1) var(--zt-safe-c-0) 0);--zt-color-border: oklch(var(--zt-surface-l-3) var(--zt-safe-c-0) 0);--zt-color-surface: oklch(var(--zt-surface-l-1) var(--zt-safe-c-0) 0);--zt-color-gutter: oklch(var(--zt-surface-l-2) var(--zt-safe-c-0) 0)}:root[data-zt-theme=dark]{color-scheme:dark;--zt-color-page: oklch(var(--zt-surface-l-1) var(--zt-safe-c-0) 0);--zt-color-ink: oklch(var(--zt-ink-l-1) var(--zt-safe-c-0) 0);--zt-color-border: oklch(var(--zt-surface-l-3) var(--zt-safe-c-0) 0);--zt-color-surface: oklch(var(--zt-surface-l-1) var(--zt-safe-c-0) 0);--zt-color-gutter: oklch(var(--zt-surface-l-2) var(--zt-safe-c-0) 0)}}@layer theme{:root{color:var(--zt-color-ink);background-color:var(--zt-color-page)}:root[data-zt-theme=light] [data-zt-theme-display=dark]{display:none}:root[data-zt-theme=dark] [data-zt-theme-display=light]{display:none}}@layer affordance{button{border:none;margin:2px;font-size:.9rem;--background-color: var(--zt-color-accent-neutral);background-color:var(--background-color);--color: oklch(var(--zt-ink-l-1) var(--zt-safe-c-0) 0);color:var(--color);font-weight:400;border:1px solid;border-color:color-mix(in oklch,var(--background-color) 100%,black 25%);letter-spacing:1px;padding:5px 10px;border-radius:3px;--transition-duration: .2s;transition:background-color var(--transition-duration) ease,color var(--transition-duration) ease,border-color var(--transition-duration) ease;text-transform:lowercase}button:not(:disabled){cursor:pointer}button:not(:disabled).info{--background-color: var(--zt-color-accent-info)}button:not(:disabled).success{--background-color: var(--zt-color-accent-success)}button:not(:disabled).warning{--background-color: var(--zt-color-accent-warning)}button:not(:disabled).error{--background-color: var(--zt-color-accent-error)}button:not(:disabled).pending{--background-color: var(--zt-color-accent-pending)}button:not(:disabled).special{--background-color: var(--zt-color-accent-special)}button:not(:disabled):hover,button:not(:disabled):focus{background-color:color-mix(in oklch,var(--background-color) 100%,white 20%)}button:disabled{--color: color-mix(in oklch, var(--background-color) 100%, black 35%)}button:disabled:hover,button:disabled:focus{cursor:not-allowed}}@layer base{html:not(.mounted) *,html:not(.mounted) *:before,html:not(.mounted) *:after{transition:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--zt-font-mono: "IBM Plex Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace}*{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{font-size:16px}html[data-zt-device=tablet]{font-size:14px}html[data-zt-device=mobile]{font-size:13px}html,body{margin:0;background:var(--zt-color-page)}body{min-height:100%}input,textarea,select{font-size:max(16px,1rem)}}@layer mixins{.zt-viewport-fill{position:fixed;width:100dvw;height:100dvh;inset:0}}