@import"https://fonts.googleapis.com/css2?family=Stack+Sans+Notch:wght@200..700&display=swap";.modal-overlay[data-v-8fbc3ad8]{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal[data-v-8fbc3ad8]{position:relative;background-color:var(--clr-bg);border-radius:.5rem;width:90%;max-width:50rem;padding:2rem}.close-btn[data-v-8fbc3ad8]{position:absolute;inset:2rem 2rem auto auto;font-size:2rem;line-height:1;width:2.5rem;aspect-ratio:1 / 1;cursor:pointer}ul[data-v-0e778f02]{list-style:none;font-size:1.6rem;display:flex;flex-direction:column;gap:1rem}:root{--font-primary: "Stack Sans Notch", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--clr-black-1: #121212;--clr-black-2: #333;--clr-white-1: #fff;--clr-white-2: #eee;--clr-text: var(--clr-black-1);--clr-bg: var(--clr-white-2)}::selection{background-color:var(--clr-text);color:var(--clr-bg)}@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font: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}#root,#__next{isolation:isolate}:root{font-size:10px}}@layer base{body{font-family:var(--font-primary);font-optical-sizing:auto;color:var(--clr-text);background-color:var(--clr-bg)}a{text-decoration:underline;color:var(--clr-bg);background-color:var(--clr-text)}a:hover,a:focus{color:var(--clr-text);background-color:var(--clr-bg)}p{font-size:clamp(1.2rem,2vw,2rem)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.8rem,4vw,2.4rem)}code{background-color:#0000001a;padding-inline:.4rem;border-radius:.3rem}}@layer components{main{min-height:100vh;display:flex;flex-direction:column;justify-content:stretch}header{background-color:var(--clr-bg);padding:1rem 2rem;text-align:center;letter-spacing:1.2px;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:800px){header{flex-direction:row;align-items:center;justify-content:space-between}}.buttons{position:absolute;inset:auto 1rem 1rem auto;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:1.5rem}.buttons>button{font-size:clamp(1.5rem,1.5vw,2rem);color:var(--clr-bg);background-color:var(--clr-text)}.buttons>button:hover,.buttons>button:focus{color:var(--clr-text);outline:2px solid var(--clr-text);background-color:var(--clr-bg)}.buttons>.new-btn{padding:.5em 1em;border-radius:1rem;cursor:pointer}.buttons>.help-btn{width:2em;aspect-ratio:1 / 1;border-radius:50%;cursor:pointer}}@layer utilities{.subscript{font-size:clamp(1rem,1vw,1.5rem);vertical-align:sub;color:var(--clr-text);opacity:.7}.uppercase{text-transform:uppercase}}