@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-C9V-2EBK.ttf) format("truetype");font-display:swap}:root{--jelly-font-mono: "JetBrains Mono", ui-monospace, monospace;--nav: #155e75;--nav-overhang: 8rem}*{box-sizing:border-box}body{margin:0;background:color-mix(in oklab,var(--jelly-color-background-default) 96%,var(--jelly-color-foreground-default));color:var(--jelly-color-foreground-default);font:400 16px/1.5 var(--jelly-font-text)}.nav{background:var(--nav);padding-bottom:var(--nav-overhang)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem;max-width:80rem;margin:0 auto;padding:0 .5rem}@media (min-width: 1024px){.nav-inner{padding:0 2rem}.nav-title{margin-left:2rem}}.nav-title{font-family:var(--jelly-font-mono);font-size:1.5rem;color:#e4e4e7;-webkit-font-smoothing:antialiased}.theme-toggle{display:flex;padding:.5rem;border:0;border-radius:.5rem;background:transparent;color:#e4e4e7;cursor:pointer}.theme-toggle:hover{color:#fff}.theme-toggle svg{width:1.5rem;height:1.5rem}.cards{max-width:80rem;margin:calc(var(--nav-overhang) * -1) auto 0;padding:2.5rem 1rem 0;column-count:1;column-gap:1.5rem}@media (min-width: 1024px){.cards{padding:2.5rem 2rem 0;column-count:2}}.card{break-inside:avoid;margin-bottom:3rem;position:relative;overflow:hidden;transition:overflow 0s .25s,z-index 0s .25s;transition-behavior:allow-discrete}.card:has(jelly-select[open]){overflow:visible;z-index:2;transition-delay:0s}.card-title{margin:0 0 1rem;font-size:1.25rem;font-weight:500}.footer{max-width:80rem;margin:0 auto;padding:1.5rem;text-align:center}.footer a{color:inherit}.footer-icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--jelly-color-foreground-muted)}.footer-icon:hover{color:var(--jelly-color-foreground-default)}.footer-credit{margin:.75rem 0 0;font-size:.75rem;color:var(--jelly-color-foreground-muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}jelly-input,jelly-select{width:100%}jelly-input::part(input){font-family:var(--jelly-font-mono);user-select:text;-webkit-user-select:text}jelly-alert{display:block;margin-bottom:1rem}jelly-divider{display:block;margin:1.25rem 0}.alert-source{margin:-.75rem 0 0;font-size:.75rem;color:var(--jelly-color-foreground-muted)}.alert-source a{color:inherit}.btn-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.btn-icon.spun{transform:rotate(45deg)}.field-row{display:flex;align-items:center;gap:.5rem}.field-row>jelly-input,.field-row>.input-group{flex:1 1 0;min-width:0;width:auto}.input-group{position:relative;display:flex}.input-group>jelly-input{flex:1 1 0;min-width:0;width:auto}.input-group-actions{position:absolute;inset-block:0;inset-inline-end:5px;display:flex;align-items:center}.input-group>jelly-input::part(input){padding-inline-end:52px}.input-group:has(.input-group-actions>*+*)>jelly-input::part(input){padding-inline-end:92px}.field-row:has(>.inline-select){flex-wrap:wrap}.inline-select{flex:1 0 100%}@media (min-width: 1024px){.inline-select{flex:0 0 auto;width:fit-content;min-width:var(--select-min-width, 6rem)}}.field{margin-bottom:1rem}.field:last-child{margin-bottom:0}.field-label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500}.section-heading{margin:0 0 1rem;font-size:1.125rem}.segmented-input{display:flex;align-items:center;width:100%;min-width:0;height:56px;padding:0 20px;border:1px solid var(--jelly-color-background-neutral);border-radius:16px;background:var(--jelly-color-background-muted);color:var(--jelly-color-foreground-default);font:500 16px/1.2 var(--jelly-font-mono)}.segmented-input:focus-within{border-color:var(--jelly-color-background-accent);background:var(--jelly-color-background-surface);box-shadow:0 0 0 var(--jelly-ring-width) var(--jelly-ring-color)}.segment{padding:2px 0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:center}.segment:focus{outline:none;background:var(--jelly-color-background-accent);color:var(--jelly-color-foreground-on-accent)}.segment::selection{background:transparent;color:inherit}.segment-separator{padding:0 2px;color:var(--jelly-color-foreground-muted)}.segment-gap{width:1ch}.current-timestamp-row{justify-content:center}.current-timestamp{margin:0;font-size:1.25rem;font-weight:400}.current-timestamp span{font-family:var(--jelly-font-mono);font-weight:600}.readout{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin-top:1rem}.readout dt{font-weight:600}.readout dd{margin:0;font-family:var(--jelly-font-mono)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.slider-row{display:flex;align-items:center;gap:.75rem}.slider-row jelly-slider{flex:1}.slider-value{min-width:2ch;font-family:var(--jelly-font-mono);font-weight:600}