@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";:root{--plain-white: #FFFFFF;--faded-white: var(--color-slate-100);--grey: var(--color-slate-300);--plain-black: #000000;--faded-black: var(--color-slate-700);--color-strong: var(--color-emerald-500);--color-strong-faded: var(--color-emerald-200);--color-light: var(--color-sky-600);--color-light-faded: var(--color-sky-300);--color-success: var(--color-emerald-500);--color-loading: var(--color-slate-500);--color-error: var(--color-red-500);--title-font: trebuchet, sans-serif;--heading-font: "Quicksand", sans-serif;--body-font: "Quicksand", sans-serif;--system-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--color-light-10: var(--color-sky-100);--color-light-20: var(--color-sky-200);--color-light-30: var(--color-sky-300);--color-light-40: var(--color-sky-400);--color-light-50: var(--color-sky-500);--color-light-60: var(--color-sky-600);--color-light-70: var(--color-sky-700);--color-light-80: var(--color-sky-800);--color-light-90: var(--color-sky-900);--color-red-50: oklch(.971 .013 17.38);--color-red-100: oklch(.936 .032 17.717);--color-red-200: oklch(.885 .062 18.334);--color-red-300: oklch(.808 .114 19.571);--color-red-400: oklch(.704 .191 22.216);--color-red-500: oklch(.637 .237 25.331);--color-red-600: oklch(.577 .245 27.325);--color-red-700: oklch(.505 .213 27.518);--color-red-800: oklch(.444 .177 26.899);--color-red-900: oklch(.396 .141 25.723);--color-red-950: oklch(.258 .092 26.042);--color-emerald-50: oklch(.979 .021 166.113);--color-emerald-100: oklch(.95 .052 163.051);--color-emerald-200: oklch(.905 .093 164.15);--color-emerald-300: oklch(.845 .143 164.978);--color-emerald-400: oklch(.765 .177 163.223);--color-emerald-500: oklch(70.192% .15767 160.464);--color-emerald-600: oklch(.596 .145 163.225);--color-emerald-700: oklch(.508 .118 165.612);--color-emerald-800: oklch(.432 .095 166.913);--color-emerald-900: oklch(.378 .077 168.94);--color-emerald-950: oklch(.262 .051 172.552);--color-sky-50: oklch(.977 .013 236.62);--color-sky-100: oklch(.951 .026 236.824);--color-sky-200: oklch(90.049% .05796 230.982);--color-sky-300: oklch(82.715% .10911 229.238);--color-sky-400: oklch(.746 .16 232.661);--color-sky-500: oklch(69.205% .15962 240.403);--color-sky-600: oklch(59.336% .15058 245.389);--color-sky-700: oklch(.5 .134 242.749);--color-sky-800: oklch(.443 .11 240.79);--color-sky-900: oklch(.391 .09 240.876);--color-sky-950: oklch(.293 .066 243.157);--color-slate-50: oklch(.984 .003 247.858);--color-slate-100: oklch(.968 .007 247.896);--color-slate-200: oklch(.929 .013 255.508);--color-slate-300: oklch(.869 .022 252.894);--color-slate-400: oklch(.704 .04 256.788);--color-slate-500: oklch(.554 .046 257.417);--color-slate-600: oklch(.446 .043 257.281);--color-slate-700: oklch(.372 .044 257.287);--color-slate-800: oklch(.279 .041 260.031);--color-slate-900: oklch(.208 .042 265.755);--color-slate-950: oklch(.129 .042 264.695)}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}*:focus-visible{outline:3px solid var(--color-sky-800)}html,body,#app{height:100%}body{margin:0!important}:root{font-size:18px;font-family:var(--body-font);color:var(--color-slate-700);-webkit-font-smoothing:antialiased;--header-size: min(3.333rem, 96px);--footer-size: min(3.333rem, 96px)}@media (min-width: 400px) and (min-height: 800px){:root{font-size:20px}}@media (min-width: 700px){:root{font-size:24px}}@media (min-width: 700px) and (min-height: 1000px) and (pointer: coarse){:root{font-size:28px}}@media (min-width: 1000px) and (min-height: 1200px) and (pointer: coarse){:root{font-size:32px}}.body{position:fixed;top:var(--header-size);bottom:var(--footer-size);left:0;right:0;padding:1.2rem;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}main{height:100%;display:flex;flex-direction:column;justify-content:space-between}a{text-decoration:none;color:inherit}svg{margin:0;flex-shrink:0}h1,h2{font-family:var(--title-font);font-weight:600;font-size:1rem}.strong{color:var(--color-strong)}button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}hr{margin:0;border:1px solid var(--color-slate-300)}.title{font-family:var(--title-font);font-weight:600;font-size:1rem;display:inline-flex;color:var(--color-slate-600);letter-spacing:.02em}.title.smol{font-size:max(18px,.875rem)}.backed{--padding: .5rem;padding:var(--padding) calc(var(--padding) * 2);border-radius:999px;font-family:var(--heading-font);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--padding);color:var(--backed-fg-color);fill:currentColor;background:var(--backed-bg-color);--backed-fg-color: var(--plain-white);--backed-bg-color: var(--color-sky-600);--backed-hover-fg-color: var(--color-sky-50);--backed-hover-bg-color: var(--color-sky-700);--backed-active-fg-color: var(--color-sky-200);--backed-active-bg-color: var(--color-sky-800)}.backed:hover{background:var(--backed-hover-bg-color);color:var(--backed-hover-fg-color)}.backed:active{background:var(--backed-active-bg-color);color:var(--backed-active-fg-color)}.backed.smol{font-size:.875rem;--padding: .375rem}.backed.icon{padding-inline:var(--padding)}.backed.inverse{--backed-fg-color: var(--color-sky-700);--backed-bg-color: var(--color-sky-200);--backed-hover-fg-color: var(--color-sky-800);--backed-hover-bg-color: var(--color-sky-300);--backed-active-fg-color: var(--color-sky-900);--backed-active-bg-color: var(--color-sky-400)}.backed.strong{--backed-fg-color: var(--plain-white);--backed-bg-color: var(--color-emerald-500);--backed-hover-fg-color: var(--color-emerald-100);--backed-hover-bg-color: var(--color-emerald-600);--backed-active-fg-color: var(--color-emerald-200);--backed-active-bg-color: var(--color-emerald-800)}.backed.strong-inverse{--backed-fg-color: var(--color-emerald-700);--backed-bg-color: var(--color-emerald-200);--backed-hover-fg-color: var(--color-emerald-800);--backed-hover-bg-color: var(--color-emerald-300);--backed-active-fg-color: var(--color-emerald-900);--backed-active-bg-color: var(--color-emerald-400)}.backed.neutral{--backed-fg-color: var(--plain-white);--backed-bg-color: var(--color-slate-500);--backed-hover-fg-color: var(--color-slate-50);--backed-hover-bg-color: var(--color-slate-600);--backed-active-fg-color: var(--color-slate-100);--backed-active-bg-color: var(--color-slate-700)}.backed.neutral-inverse{--backed-fg-color: var(--color-slate-700);--backed-bg-color: var(--color-slate-200);--backed-hover-fg-color: var(--color-slate-800);--backed-hover-bg-color: var(--color-slate-300);--backed-active-fg-color: var(--color-slate-900);--backed-active-bg-color: var(--color-slate-400)}.backed.danger{--backed-fg-color: var(--color-red-700);--backed-bg-color: var(--color-red-100);--backed-hover-fg-color: var(--color-red-800);--backed-hover-bg-color: var(--color-red-200);--backed-active-fg-color: var(--color-red-900);--backed-active-bg-color: var(--color-red-300)}.backed.deletable{--backed-fg-color: var(--plain-white);--backed-bg-color: var(--color-sky-600);--backed-hover-fg-color: var(--plain-white);--backed-hover-bg-color: var(--color-sky-900);--backed-active-fg-color: var(--plain-white);--backed-active-bg-color: var(--color-sky-950)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--color-strong-faded)}::-webkit-scrollbar-track:hover{background:var(--color-strong-faded)}::-webkit-scrollbar-thumb{background:var(--color-strong);border:1px solid var(--color-emerald-200);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-emerald-600);border-color:var(--color-emerald-300)}::-webkit-scrollbar-thumb:active{background:var(--color-emerald-700);border-color:var(--color-emerald-400)}.editing-form{width:100%;max-width:40ch;margin:20px auto auto;display:flex;flex-direction:column;gap:2rem;flex-grow:1}.input-section{display:flex;flex-direction:column;gap:.5rem;justify-content:start}.text-input,.text-area-input{border:2px solid var(--color-slate-400);background-color:var(--color-slate-100);font-size:.875rem;font-weight:400;font-family:var(--system-font);border-radius:8px;color:var(--color-slate-900);letter-spacing:.02em;max-width:100%}.text-input:hover,.text-area-input:hover{border-color:var(--color-sky-400)}.text-input:focus-visible,.text-area-input:focus-visible{outline:none;border-color:var(--color-sky-400);box-shadow:0 0 0 3px var(--color-sky-200)}.text-input{height:2.5rem;width:100%;padding:0 .75rem}.text-input:focus-visible,.text-area-input:focus-visible{outline:none}.saved{outline:3px solid rgba(12,207,161,0);animation:flashSuccess .5s ease-in-out}@keyframes flashSuccess{0%{outline-color:#0ccfa100}25%{outline-color:#0ccfa1}75%{outline-color:#0ccfa1}to{outline-color:#0ccfa100}}.error{outline:3px solid rgba(221,24,24,0);animation:flashError .5s ease-in-out}@keyframes flashError{0%{outline-color:#dd181800}25%{outline-color:#dd1818}75%{outline-color:#dd1818}to{outline-color:#dd181800}}.rotate{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}