@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Glory:ital,wght@0,100..800;1,100..800&family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Quicksand:wght@300..700&display=swap";*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-width:320px;min-height:100vh;max-width:1280px;text-align:center;position:relative;overflow:hidden}:root{--color-background-50: #f7f7f8;--color-background-100: #f2f2f3;--color-background-200: #e2e3e4;--color-background-300: #d2d4d5;--color-background-400: #c0c2c4;--color-background-500: #abaeb0;--color-background-600: #909597;--color-background-700: #74797c;--color-background-800: #4a4d4f;--color-background-900: #36383a;--color-background-950: #252728;--color-orange-300: oklch(.837 .128 66.29);--color-orange-400: oklch(.75 .183 55.934);--color-orange-500: oklch(.705 .213 47.604);--color-orange-600: oklch(.646 .222 41.116);--bg-warn-1: var(--color-orange-600);--surface-1: var(--color-background-950);--surface-2: var(--color-background-900);--surface-3: var(--color-background-800);--surface-4: var(--color-background-700);--primary-1: #3092b6;--primary-2: #50afd1;--bg-danger: #922516;--text-danger: #f9ddd7;--border-radius-sm: 8px;--border-radius-md: 12px;--text-1: var(--color-background-100);--text-2: var(--color-background-300);--text-on-primary: white;--text-on-secondary: white;--transition-duration: .15s;color-scheme:dark;color:var(--text-1);background-color:var(--surface-1)}:root:has([data-theme=light]){color-scheme:light;--surface-1: var(--color-background-50);--surface-2: var(--color-background-100);--surface-3: var(--color-background-200);--surface-4: var(--color-background-300);--text-1: var(--color-background-950);--text-2: var(--color-background-800);--primary-1: #50afd1;--primary-2: #3092b6;--text-on-primary: black;--text-on-secondary: black;--bg-warn-1: var(--color-orange-300)}.panel{display:grid;gap:.25rem;background:rgba(from var(--surface-2) r g b / 70%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.25rem;border-radius:var(--border-radius-md)}*:popover-open>.panel{background-color:var(--surface-2)}.btn{display:inline-flex;gap:.5em;justify-content:center;align-items:center;border-radius:var(--border-radius-sm);border:1px solid var(--surface-3);padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;line-height:1.4;background-color:var(--surface-2);color:var(--text-1);cursor:pointer;transition:filter var(--transition-duration),background-color var(--transition-duration)}.btn:hover{filter:brightness(1.2)}.btn:active{filter:brightness(.9)}.btn:focus-visible{outline:1px solid var(--surface-4, white)}.btn:disabled{filter:opacity(.5);cursor:auto}.btn-sm{font-size:.875em}a.btn{text-decoration:none}.btn-icon{padding:.75em;display:flex;justify-content:center;align-items:center}.btn-icon svg{display:block}.btn-icon-sm{padding:.5em}.btn-ghost{background-color:transparent;border-color:transparent}.btn-ghost:hover{background-color:#ffffff0d}.btn-ghost:active{background-color:#0000000d}.btn-primary{background-color:var(--primary-1);border-color:var(--primary-1);color:var(--text-on-primary)}.btn-danger{background-color:var(--bg-danger);border-color:var(--bg-danger);color:var(--text-danger)}.split-button{display:flex}.split-button>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split-button>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.input{background-color:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--border-radius-sm);padding:.5em .75em;font-size:1em}.input:focus-visible{outline:1px solid var(--surface-4, white)}.font-brand{font-family:Quicksand;font-weight:500}.flex{display:flex}.grid{display:grid}.y-center{align-items:center}.x-center{justify-content:center}.mi-auto{margin-inline:auto}.gap-05{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-bold{font-weight:500}.text-sm{font-size:small}.text-center{text-align:center}.nointeract{pointer-events:none}.interact{pointer-events:auto}
