: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{display:block;max-inline-size:100%}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{display:flex;flex-direction:column;min-block-size:100vh;line-height:1.5;color:var(--color-text);background-color:var(--color-base)}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}input,select,button{min-block-size:42px}input,textarea,select{padding:.5rem;border:1px solid var(--color-surface1);border-radius:var(--border-radius);color:var(--color-text);background-color:var(--color-surface0);outline:none}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;padding:.5rem 1.25rem;border:none;border-radius:var(--border-radius);font-weight:600;color:var(--color-base);background-color:var(--color-peach);outline:none}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{border-radius:2px;font-weight:500;color:var(--color-peach);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}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{display:flex;flex-grow:1;gap:2rem;align-items:start;justify-content:center;padding:2rem}header,footer{padding:1rem;background-color:var(--color-crust)}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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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-4{height:calc(var(--spacing)*4)}.h-48{height:calc(var(--spacing)*48)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-scroll{overflow:scroll}.rounded-sm{border-radius:var(--radius-sm)}.bg-mantle{background-color:var(--color-mantle)}.bg-surface0{background-color:var(--color-surface0)}.bg-surface1{background-color:var(--color-surface1)}.fill-none{fill:none}.fill-subtext0{fill:var(--color-subtext0)}.stroke-surface0{stroke:var(--color-surface0)}.stroke-1{stroke-width:1px}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.text-left{text-align:left}.text-right{text-align:right}.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:calc(var(--spacing)*1)}.text-xxxs{font-size:.5rem}.text-subtext1{color:var(--color-subtext1)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-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(min-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(min-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}