:root{--bg0: #0b1a2e;--bg1: #122438;--bg2: #1a2b4a;--bg3: #2a3f5f;--bg4: #3a5474;--bg5: #4a6989;--fg0: #fafaff;--fg1: #d9e2ec;--fg2: #b8c5d6;--fg3: #97a2c0;--fg4: #7680aa;--fg5: #56608c;--accent0: #11b9ff;--accent1: #0da5e0;--destructive: #ff3d00;--success: #00ff3d;--font-display: "Eagle Lake", fantasy, cursive, system-ui, sans-serif;--font-display-alt: "Pirata One", cursive, system-ui, sans-serif;--font-blackletter: "UnifrakturCook", cursive, system-ui, sans-serif;--font-text: "Texturina", serif, system-ui, sans-serif}body{background:var(--bg1);color:var(--fg0);font-family:var(--font-text)}h1{font-family:var(--font-blackletter);font-size:2.25rem}h2{font-family:var(--font-display);font-size:1.75rem}h3,h4,h5{font-family:var(--font-display-alt)}small{color:var(--fg2)}:disabled{cursor:not-allowed}a,a:visited{color:var(--accent0);text-decoration:none;transition:all .2s ease}a:hover,a:visited:hover{color:var(--accent0);filter:brightness(1.1);transition:all .2s ease;text-decoration:underline}button{background:var(--bg3);color:var(--fg0);font-family:var(--font-text);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}button:hover{scale:1.015;filter:brightness(1.1);transition:all .2s ease}button.primary{background:var(--accent0);color:var(--bg0);box-shadow:0 0 0 0 var(--accent0)}button.primary:hover{scale:1.05;box-shadow:0 0 .9rem .015rem color-mix(in srgb,var(--accent0),transparent 20%)}button.destructive{background:var(--destructive);color:var(--bg0);box-shadow:0 0 0 0 var(--destructive)}button.destructive:hover{scale:.95;box-shadow:0 0 .9rem .015rem color-mix(in srgb,var(--destructive),transparent 20%)}button:disabled{cursor:not-allowed;background:var(--bg4);color:var(--fg3)}button:disabled:hover{filter:brightness(1);scale:1}input[type=text],textarea{background:var(--bg3);color:var(--fg0);font-family:var(--font-text);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}input[type=text]:hover,textarea:hover{scale:1.015;filter:brightness(1.1);transition:all .2s ease}input[type=text]:focus,textarea:focus{outline:none;box-shadow:0 0 0 .1rem var(--accent0)}::-webkit-input-placeholder{color:var(--fg3)}#app{width:100%;height:100%}.flex{display:flex}.flex.col{flex-direction:column}.flex.row{flex-direction:row}.flex.wrap{flex-wrap:wrap}.flex.nowrap{flex-wrap:nowrap}.flex.wrap-reverse{flex-wrap:wrap-reverse}.flex.row-reverse{flex-direction:row-reverse}.flex.col-reverse{flex-direction:column-reverse}.flex.center{justify-content:center;align-items:center}.flex.v-center{align-items:center}.flex.h-center{justify-content:center}.center:not(.flex){align-content:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.gap{gap:1rem}.gap-sm{gap:.5rem}.gap-xs{gap:.25rem}.gap-md{gap:1.5rem}.gap-lg{gap:2rem}.gap-xl{gap:3rem}