:root{--color: #0E1A3F;--background-color: #fff;--beta-bg: #b6eeb6;--btn-inactive-color: #383838;--btn-inactive-bg: #ccc;--border-color: #555;--action-btn-inactive-color: #767676;--action-btn-inactive-bg: #ededed;--theme-color: #0099d5;--button-background-color: #14B4FF;--correct-input: #35c135;--wrong-input: #f00;--card-background: #fff;--select-bg: #f5f5f5;--select-bg-secondary: #e7e7e7;--coaster-paper: #f5efe5;--coaster-ink: #0d84c0;--coaster-border: #a9bc9e;--coaster-text: var(--color);--carousel-bg: rgba(245, 239, 229, .9);--carousel-text: var(--color);--dot-active: var(--color);--dot-inactive: #909090;--radius-sm: .25rem;--radius-md: .4rem;--radius-lg: 1rem;--shadow-subtle: 0 2px 2px #2c33351f, 0 2px 3px -2px #2c33350f, 0 1px 4px #2c333512;--shadow-card: 0 6px 8px rgba(31, 38, 46, .08), 0 3px 5px rgba(17, 24, 39, .04), inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-button: 0 4px 10px rgba(80, 60, 40, .12);--transition-standard: opacity .25s ease, transform .25s ease;--transition-fade: opacity .25s ease;--transition-smooth: transform .35s ease}@media(prefers-color-scheme:dark){:root{--color: #f4f7fb;--background-color: #111;--beta-bg: #9fe6a4;--border-color: #dfe9ee;--btn-inactive-color: #dfe9ee;--btn-inactive-bg: #2c3440;--action-btn-inactive-color: #d7dfe7;--action-btn-inactive-bg: #2a3038;--correct-input: #8de09a;--wrong-input: #ff6a6a;--card-background: #1b222b;--select-bg: #1d2730;--select-bg-secondary: #2a343d;--coaster-paper: rgba(185, 166, 142, .22);--coaster-ink: #0d84c0;--coaster-border: #d2e0c7;--coaster-text: var(--color);--carousel-bg: rgba(20, 26, 33, .82);--carousel-text: var(--color);--dot-active: var(--color);--dot-inactive: rgba(255, 255, 255, .48);--shadow-card: 0 16px 32px rgba(0, 0, 0, .2), 0 3px 12px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .08)}}@font-face{font-family:bavarian;src:url(/fonts/cuxhaven_times.ttf)}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--color);background-color:var(--background-color);font-family:Arial,Helvetica,sans-serif;width:100%;display:flex;justify-content:center;align-items:center}#root{width:100%;min-width:0;max-width:30rem;margin:0 auto}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.btn-reset{border:none;background:none;cursor:pointer;color:var(--color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:unset;cursor:pointer;box-sizing:border-box}.btn:not(:disabled):focus,.btn:not(:disabled):active{outline:2px solid var(--button-background-color);outline-offset:2px}@media(hover:hover){.btn:not(:disabled):hover{outline:2px solid var(--button-background-color);outline-offset:2px}}.btn:disabled{border-color:#888a8d;color:var(--btn-inactive-color);background-color:var(--btn-inactive-bg);cursor:not-allowed}.btn-primary{background-color:var(--button-background-color);border-color:#0b5b8cde;color:#000;box-shadow:var(--shadow-subtle)}.btn-secondary{background-color:var(--select-bg);border-color:var(--border-color);color:var(--color)}@media(hover:hover){.btn-secondary:not(:disabled):hover{background-color:var(--select-bg-secondary);outline:none}}.btn-ghost{background:transparent;border-color:var(--border-color);color:var(--color)}@media(hover:hover){.btn-ghost:not(:disabled):hover{background-color:var(--select-bg);outline:none}}.btn-action{padding:.25rem .5rem;background-color:var(--background-color);border-color:var(--border-color);color:var(--color)}.btn-action:disabled{background-color:var(--action-btn-inactive-bg);color:var(--action-btn-inactive-color);border-color:transparent}.bavarian-font{font-family:bavarian,serif;font-weight:unset}@media(min-width:1024px){#root{max-width:28rem}}