html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;--color: #be6a89;--base-color: #222;--contrast-base-color: #ccc}@media(prefers-color-scheme:dark){html,body{--color: teal;--base-color: #222;--contrast-base-color: #aaa}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;background-color:var(--base-color);color:var(--contrast-base-color)}.main{display:flex;flex-direction:column;height:100%}.content{padding:2em;flex-grow:1}.content table{height:100%}.footer{background-color:var(--color);padding:1em;display:flex;justify-content:flex-end}button{background-color:var(--base-color);border:1px solid var(--base-color);color:var(--contrast-base-color);border:none;border-radius:.5em;padding:1em 2em}.dial button{padding:1em 1.5em}.content button{background-color:var(--color);border:1px solid var(--color);color:var(--base-color)}.content button:active,.content button[active=true]{color:var(--color);background-color:var(--base-color)}.header{background-color:var(--color);padding:2em;color:var(--base-color);display:flex;font-weight:700}.spacer{flex-grow:1}.category-selector{display:flex;align-content:space-between;flex-wrap:wrap;gap:.2em}button[disabled]{visibility:hidden}.dial{display:flex;gap:.2em}.dial input{width:5em}.choice-screen{flex-grow:1;display:flex;gap:1em;padding:2em}.choice-button{flex:1;font-size:1.5em;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;background-color:var(--color);color:var(--base-color);border-radius:1em}.choice-button:disabled{visibility:visible;opacity:.3}.choice-remaining{font-size:.5em;font-weight:400;opacity:.7}input{background-color:var(--base-color);color:var(--contrast-base-color);border:1px solid var(--contrast-base-color);border-radius:.5em}