.container{--gutter-x: 1.5rem;margin:0 auto;max-width:480px;padding-inline:calc(var(--gutter-x) * .5)}@media(min-width:576px){.container{max-width:540px;--gutter-x: 2rem}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:800px;--gutter-x: 2.5rem}}@media(min-width:1200px){.container{max-width:992px}}@media(min-width:1400px){.container{max-width:1200px}}@media(min-width:1600px){.container{max-width:1400px}}@media(min-width:1920px){.container{max-width:1600px}}@media(min-width:2560px){.container{max-width:1800px}}label{color:var(--text-color);display:block;font-family:var(--font-heading);font-size:.875rem;font-weight:600;margin-bottom:.25rem;transition:color .2s ease}input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-base);box-sizing:border-box;font-family:var(--font-sans);font-size:.875rem;height:36px;padding:.375rem .75rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:-webkit-fill-available;width:stretch}input:hover{border-color:color-mix(in srgb,var(--text-color) 50%,transparent)}input:focus,input:focus-visible,input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 1px rgb(from var(--primary-color) r g b/.25)}input:disabled{background:oklch(from var(--bg-color-alt) clamp(0,l - .2,1) c h/.3);border-color:var(--border-color);opacity:.6}select,::picker(select){appearance:base-select}select{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-base);color:var(--text-color);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;height:36px;outline:none;padding:.375rem .75rem;transition:border-color .2s ease-in-out;width:-webkit-fill-available;width:stretch}select:open,select:hover{border-color:color-mix(in srgb,var(--text-color) 50%,transparent)}select:has(option[value=""]:checked){color:oklch(from var(--text-color) l c h/.7)}select:focus,select:focus-visible,select:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 1px rgb(from var(--primary-color) r g b/.25)}select:disabled{background:oklch(from var(--bg-color-alt) clamp(0,l - .2,1) c h/.3);border-color:var(--border-color);cursor:default;opacity:.6}select option{padding:.375rem .75rem}select option:checked{background-color:var(--primary-color);color:var(--text-color-dark)}select option::checkmark{display:none}select::picker-icon{content:"\e313";color:color-mix(in srgb,var(--text-color) 30%,transparent);font-family:Material Symbols Rounded;font-size:1.25rem;margin-left:auto;transition:color .2s ease-in-out}select:open::picker-icon{color:color-mix(in srgb,var(--text-color) 70%,transparent)}selectedcontent{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::picker(select){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(from var(--bg-color) l c h/.8);border:1px solid var(--border-color);border-radius:var(--border-radius-base);left:anchor(left);margin-top:4px;max-height:200px;overflow-y:auto;position-try:flip-block;top:anchor(bottom)}textarea{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-base);color:var(--text-color);font-family:var(--font-sans);font-size:.875rem;outline:none;padding:.5rem .75rem;resize:none;transition:border-color .2s ease,box-shadow .2s ease;width:-webkit-fill-available;width:stretch}textarea::placeholder{color:oklch(from var(--text-color) l c h/.7)}textarea:hover{border-color:color-mix(in srgb,var(--text-color) 50%,transparent)}textarea:focus,textarea:focus-visible,textarea:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 1px rgb(from var(--primary-color) r g b/.25)}textarea:disabled{background:oklch(from var(--bg-color-alt) clamp(0,l - .2,1) c h/.3);border-color:var(--border-color);opacity:.6}@layer theme{:root{--primary-color: #51bcb2;--accent-color: oklch(from var(--primary-color) clamp(0, l + .3, 1) c h);--secondary-color: oklch(.64 .22 285.27 / 1);--success-color: #28a745;--info-color: #1976d2;--warning-color: #ffb300;--error-color: light-dark(#b8170c, #ff5449);--bg-light: #f7f7f7;--bg-alt-light: #fdfdfd;--bg-dark: #0f0e18;--bg-alt-dark: #171724;--bg-color: light-dark(var(--bg-light), var(--bg-dark));--bg-color-alt: light-dark(var(--bg-alt-light), var(--bg-alt-dark));--text-color-light: #121212;--text-color-dark: #f2f2f2;--text-color: light-dark(var(--text-color-light), var(--text-color-dark));--text-color-muted: light-dark(#6c757d, #a0a0a0);--button-text-color: var(--text-color-dark);--link-text-color: light-dark(#007bff, #66aaff);--link-text-color-hover: light-dark(#0056b3, #3399ff);--border-color: light-dark(#e0e0e0, #2c2c2c);--row-hover-color: oklch(from var(--primary-color) clamp(0, l + .2, 1) c h / .1);--scrollbar-color: #5b5b5e;color-scheme:light dark}.light{color-scheme:light}.dark{color-scheme:dark}body{background-color:var(--bg-color);color:var(--text-color)}*{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}}:root{--font-logo: "Bitcount Grid Single", system-ui;--font-heading: "Bricolage Grotesque", sans-serif;--font-sans: "Mona Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.625;--text-xs: clamp(.625rem, .6rem + .25vw, .75rem);--text-sm: clamp(.75rem, .7rem + .25vw, .875rem);--text-base: clamp(.875rem, .8rem + .25vw, 1rem);--text-md: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--text-xl: clamp(1.25rem, .85rem + 1.5vw, 2rem);--text-2xl: clamp(1.5rem, .9rem + 2.5vw, 2.75rem);--text-3xl: clamp(1.875rem, .75rem + 4vw, 3.75rem)}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--leading-snug)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-top:0;margin-bottom:1rem;text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{max-width:70ch}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}small{font-size:var(--text-sm);color:currentColor;opacity:.8}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.text-xs,.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.uppercase{text-transform:uppercase;letter-spacing:.05em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--header-height: 4rem;--border-radius-sm: .25rem;--border-radius-base: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--border-radius-xl: 2rem;--border-radius-2xl: 3rem}body{display:flex;height:100dvh;margin:0;overflow:hidden}