:root{--color-rosewater:#f5e0dc;--color-flamingo:#f2cdcd;--color-pink:#f5c2e7;--color-mauve:#cba6f7;--color-red:#f38ba8;--color-maroon:#eba0ac;--color-peach:#fab387;--color-yellow:#f9e2af;--color-green:#a6e3a1;--color-teal:#94e2d5;--color-sky:#89dceb;--color-sapphire:#74c7ec;--color-blue:#89b4fa;--color-lavender:#b4befe;--color-text:#cdd6f4;--color-subtext1:#bac2de;--color-subtext0:#a6adc8;--color-overlay2:#9399b2;--color-overlay1:#7f849c;--color-overlay0:#6c7086;--color-surface2:#585b70;--color-surface1:#45475a;--color-surface0:#313244;--color-base:#1e1e2e;--color-mantle:#181825;--color-crust:#11111b;--color-focus:oklch(from var(--color-peach) l c h / 15%);--color-hover:oklch(from var(--color-peach) l c h / 85%);--border-radius:4px}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{body{min-block-size:100vh;color:var(--color-text);background-color:var(--color-base);flex-direction:column;line-height:1.5;display:flex}body,.sans-serif{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif}pre,.monospace{font-family:Menlo,Consolas,Monaco,Adwaita Mono,Liberation Mono,Lucida Console,monospace}pre{white-space:pre;overflow:auto}input,select,button{min-block-size:42px}input,textarea,select{border:1px solid var(--color-surface1);border-radius:var(--border-radius);color:var(--color-text);background-color:var(--color-surface0);outline:none;padding:.5rem}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-peach);box-shadow:0 0 0 3px var(--color-focus)}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:no-preference){input,textarea,select{transition:border-color .2s,box-shadow .2s}}input[type=number]{appearance:textfield}textarea{font-family:monospace;font-size:1rem}button{cursor:pointer;border-radius:var(--border-radius);color:var(--color-base);background-color:var(--color-peach);border:none;outline:none;padding:.5rem 1.25rem;font-weight:600}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:2px solid var(--color-peach);outline-offset:1px;box-shadow:0 0 0 3px var(--color-focus)}button:hover:not(:disabled){background-color:var(--color-hover)}@media (prefers-reduced-motion:no-preference){button{transition:background-color .2s,outline .2s,box-shadow .2s}}a{color:var(--color-peach);text-underline-offset:2px;border-radius:2px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}h1 a{color:inherit;text-decoration:none}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--color-peach);outline-offset:2px}@media (prefers-reduced-motion:no-preference){a{transition:text-decoration-thickness .2s}}main{flex-grow:1;justify-content:center;align-items:start;gap:2rem;padding:2rem;display:flex}header,footer{background-color:var(--color-crust);padding:1rem}footer{text-align:center}.card{border-radius:var(--border-radius);background-color:var(--color-mantle)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--radius-sm:.25rem;--color-rosewater:var(--color-rosewater);--color-flamingo:var(--color-flamingo);--color-pink:var(--color-pink);--color-mauve:var(--color-mauve);--color-red:var(--color-red);--color-maroon:var(--color-maroon);--color-peach:var(--color-peach);--color-yellow:var(--color-yellow);--color-green:var(--color-green);--color-teal:var(--color-teal);--color-sky:var(--color-sky);--color-sapphire:var(--color-sapphire);--color-blue:var(--color-blue);--color-lavender:var(--color-lavender);--color-text:var(--color-text);--color-subtext1:var(--color-subtext1);--color-subtext0:var(--color-subtext0);--color-overlay2:var(--color-overlay2);--color-overlay1:var(--color-overlay1);--color-overlay0:var(--color-overlay0);--color-surface2:var(--color-surface2);--color-surface1:var(--color-surface1);--color-surface0:var(--color-surface0);--color-base:var(--color-base);--color-mantle:var(--color-mantle);--color-crust:var(--color-crust)}}@layer utilities{.m-auto{margin:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.h-2{height:calc(var(--spacing) * 2)}.h-48{height:calc(var(--spacing) * 48)}.h-full{height:100%}.min-h-0{min-height:0}.w-4{width:calc(var(--spacing) * 4)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.rounded-sm{border-radius:var(--radius-sm)}.bg-mantle{background-color:var(--color-mantle)}.bg-surface0{background-color:var(--color-surface0)}.fill-none{fill:none}.fill-subtext0{fill:var(--color-subtext0)}.stroke-surface0{stroke:var(--color-surface0)}.stroke-1{stroke-width:1px}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/1{font-size:var(--text-sm);line-height:var(--spacing)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xxxs{font-size:.5rem}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-blue{color:var(--color-blue)}.text-green{color:var(--color-green)}.text-overlay1{color:var(--color-overlay1)}.text-red{color:var(--color-red)}.text-subtext1{color:var(--color-subtext1)}.text-yellow{color:var(--color-yellow)}@media (hover:hover){.hover\:bg-surface0:hover{background-color:var(--color-surface0)}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:row-start-2{grid-row-start:2}.md\:max-h-screen{max-height:100vh}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:row-start-1{grid-row-start:1}.lg\:row-start-2{grid-row-start:2}}@media (width>=80rem){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@view-transition{navigation:auto}#app{flex-direction:column;block-size:100vh;inline-size:100vw;display:flex;overflow:hidden}.stroke-maroon{stroke:var(--color-maroon)}.bg-maroon{background-color:var(--color-maroon)}.stroke-green{stroke:var(--color-green)}.bg-green{background-color:var(--color-green)}.stroke-sapphire{stroke:var(--color-sapphire)}.bg-sapphire{background-color:var(--color-sapphire)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}