: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 theme{:root,:host{--spacing:.25rem;--container-md:28rem;--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{.flex{display:flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}}@view-transition{navigation:auto}#app{flex-direction:column;display:flex}