: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-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{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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:calc(var(--spacing) * 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:calc(var(--spacing) * 1)}.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:calc(var(--spacing) * 1)}.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(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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}