:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-paper:oklch(98% .004 250);--color-surface:oklch(100% 0 0);--color-surface-2:oklch(96% .005 250);--color-ink:oklch(20% .02 255);--color-ink-2:oklch(46% .02 255);--color-ink-3:oklch(65% .015 255);--color-border:oklch(90% .006 255);--color-border-strong:oklch(80% .008 255);--color-accent:oklch(14% 0 0);--color-accent-ink:oklch(99% 0 0);--color-danger:oklch(56% .21 25);--color-success:oklch(62% .16 150);--color-scrim:oklch(20% .02 255/.28);--color-checker-a:oklch(92% 0 0);--color-checker-b:oklch(100% 0 0);--font-body:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--shadow-sm:0 1px 2px oklch(20% .02 255/.06), 0 1px 1px oklch(20% .02 255/.04);--shadow-md:0 8px 24px oklch(20% .02 255/.1), 0 2px 6px oklch(20% .02 255/.06);--shadow-lg:0 24px 64px oklch(20% .02 255/.18), 0 8px 20px oklch(20% .02 255/.08)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-paper:oklch(0% 0 0);--color-surface:oklch(12% .018 255);--color-surface-2:oklch(16% .02 255);--color-ink:oklch(96% .008 255);--color-ink-2:oklch(76% .014 255);--color-ink-3:oklch(55% .014 255);--color-border:oklch(21% .016 255);--color-border-strong:oklch(29% .018 255);--color-accent:oklch(97% 0 0);--color-accent-ink:oklch(12% 0 0);--color-danger:oklch(68% .19 25);--color-success:oklch(72% .15 150);--color-scrim:oklch(0% 0 0/.55);--color-checker-a:oklch(28% 0 0);--color-checker-b:oklch(20% 0 0);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 8px 24px oklch(0% 0 0/.4);--shadow-lg:0 24px 64px oklch(0% 0 0/.55)}}*,:before,:after{box-sizing:border-box}html,body{height:100%}html{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;margin:0;line-height:1.5;overflow-x:clip}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}#root{flex-direction:column;min-height:100dvh;display:flex}img,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}input{background:0 0;border:none}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.segmented{gap:var(--space-2);flex-direction:column;display:flex}.segmented__label{font-size:var(--text-sm);color:var(--color-ink-2)}.segmented__track{background:var(--color-surface-2);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex;position:relative}.segmented__item{padding:var(--space-2) var(--space-2);border-radius:calc(var(--radius-md) - 4px);font-size:var(--text-sm);color:var(--color-ink-2);transition:color var(--dur-fast) var(--ease-out);flex:1;justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.segmented__item[aria-selected=true]{color:var(--color-ink)}.segmented__item-label{z-index:1;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:relative}.segmented__pill{background:var(--color-surface);border-radius:calc(var(--radius-md) - 4px);box-shadow:var(--shadow-sm);z-index:0;position:absolute;inset:0}.app{flex-direction:column;min-height:100dvh;display:flex}.app__header{z-index:20;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:color-mix(in oklch, var(--color-paper) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);display:flex;position:sticky;top:0}.app__mark{left:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;color:var(--color-ink-3);font-weight:700;position:absolute}.app__header .segmented{width:min(60vw,220px)}.app__icon-button{right:var(--space-5);border-radius:var(--radius-full);background:var(--color-surface);width:40px;height:40px;color:var(--color-ink-2);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute}.app__icon-button:active{transform:scale(.92)}.app__icon-button:hover{color:var(--color-ink)}.app__main{flex-direction:column;flex:1;display:flex}