:root{--primary-bg-color:#324;--header-bg-color:#333;--tip-text-color:#aaa;--author-text-color:#aaa;--text-color:#fef;--tab-border-color:#555;--inactive-text-color:#fef;--active-text-color:#fff;--disclaimer-text-color:#777;--disabled-input-color:#444}@media(prefers-color-scheme:light){:root{--primary-bg-color:#fff;--header-bg-color:#816b91;--tip-text-color:#444;--text-color:#222;--author-text-color:#ccc;--tab-border-color:#555;--inactive-text-color:#ccc;--active-text-color:#222;--disclaimer-text-color:#777;--disabled-input-color:#c0a1d5}}.app{background-color:#324;background-color:var(--primary-bg-color);color:#fef;color:var(--text-color);min-height:100vh}.app header{align-items:center;background-color:#333;background-color:var(--header-bg-color);display:flex;flex-direction:column;gap:0;justify-content:center;padding:2em 0 0;text-align:center}.app header h1{font-weight:400;letter-spacing:.5em;margin:0 auto}.app header h2{font-size:1.2em;font-stretch:condensed;font-weight:400;letter-spacing:.25em;margin:0 auto}.app header h2 a{color:#fef;color:var(--text-color)}.app header h3{color:#aaa;color:var(--author-text-color);font-size:1em;font-stretch:condensed;font-weight:400;letter-spacing:.25em;line-height:1.2;margin:.25em auto 1.5em}.app header .tabs{align-items:center;display:flex;flex-direction:row;gap:2em;justify-content:center;margin-top:2em;max-width:400px;width:100%}.app header .tabs button{background-color:#0000;border:1px solid #555;border:1px solid var(--tab-border-color);border-bottom:none;border-radius:5px 5px 0 0;color:#fef;color:var(--inactive-text-color);cursor:pointer;font-size:1.2em;font-stretch:condensed;letter-spacing:.25em;padding:.5em 3em .7em}.app header .tabs button.active{background-color:#324;background-color:var(--primary-bg-color);color:#fff;color:var(--active-text-color)}.app main{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;line-height:1.4;margin:2em auto;max-height:100vh;overflow-x:hidden;overflow-y:auto;text-align:center}.app main .hidden{display:none!important}.app main button{background-color:#0000;border:1px solid #fef;border:1px solid var(--text-color);border-radius:5px;color:#fef;color:var(--text-color);cursor:pointer;font-size:1.2em;margin-bottom:1em;min-width:20rem;padding:.5em 1em;width:-webkit-fit-content;width:fit-content}.app main button:hover{background-color:#fef;background-color:var(--text-color);color:#324;color:var(--primary-bg-color)}.app main .config{border:1px solid #555;border:1px solid var(--tab-border-color);border-radius:5px;flex-direction:column;gap:5px;justify-content:center;margin:0 auto 2em;max-width:400px;padding:1em}.app main .config,.app main .config div{align-items:center;display:flex;width:100%}.app main .config div{flex-direction:row;gap:1em;justify-content:space-between}.app main .config div input{font-size:1.2em;padding:.1em .5em}.app main .solver .success{font-size:1.4em;margin:3em auto}.app main .solver .success .answer{border:1px solid #fef;border:1px solid var(--text-color);border-radius:5px;color:#fff;color:var(--active-text-color);display:flex;font-family:monospace;font-size:1.4em;font-weight:700;justify-content:center;letter-spacing:.5em;margin:1rem auto;min-width:20rem;padding:.75rem 1rem;width:-webkit-fit-content;width:fit-content}.app main .guess,.app main .guesses{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;margin-bottom:1em}.app main .tips{color:#aaa;color:var(--tip-text-color);margin-bottom:1em}.app main .info{font-size:1.1em;margin-bottom:1em}.app main .input,.app main .values{align-items:flex-start;display:flex;flex-direction:row;gap:1em;justify-content:center;margin-bottom:2em}.app main .input input,.app main .values input{border:2px solid #fef;border:2px solid var(--text-color);border-radius:5px;font-size:1.5em;font-size:2rem;height:40px;margin-bottom:2em;padding:5px;text-align:center;width:40px}.app main .input input:disabled,.app main .values input:disabled{background-color:#444;background-color:var(--disabled-input-color);color:#fef;color:var(--text-color)}.app .disclaimer{align-items:center;background-color:#324;background-color:var(--primary-bg-color);bottom:0;color:#777;color:var(--disclaimer-text-color);display:flex;font-size:.8rem;justify-content:center;left:0;line-height:1.2;padding:10px;position:fixed;right:0;text-align:center}@media(max-width:600px){.app{font-size:.8rem}.app header{padding:30px 10px 0}.app header .tabs{gap:10px;margin:10px 10px 0}.app main{margin:10px}.app main .input,.app main .values{gap:5px}.app main .input input,.app main .values input{font-size:1.2rem;height:40px;width:40px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;width:100vw}
/*# sourceMappingURL=main.cc7501df.css.map*/