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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;overflow-x:hidden;padding:0}.App{background-color:#1d232e;box-sizing:border-box;color:#fff;display:flex;font-size:calc(10px + 2vmin);height:100dvh;margin:0;overflow-x:hidden;padding:0;width:100vw}.App,.fraction{align-items:center;flex-direction:column;justify-content:center;text-align:center}.fraction{display:inline-flex;height:2em;margin:0 .2em;vertical-align:middle}.fraction.inline{font-size:.8em}.denominator,.numerator{line-height:.9;padding:0 .2em}.fraction-line{border-bottom:1px solid;margin:.1em 0;width:100%}.inline .denominator,.inline .numerator{font-size:.9em;line-height:1.1}.header{align-items:center;box-sizing:border-box;display:flex;font-size:.8em;justify-content:left;padding:1rem 1.5rem;width:100%}:root{--primary-main:#2563eb;--primary-light:#60a5fa;--primary-dark:#1e40af;--secondary-main:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--success:#67eea1;--warning:#f59e0b;--error:#ed8282;--info:#3b82f6;--bg-primary:#fff;--bg-secondary:#f9fafb;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-disabled:var(--neutral-400);--text-link:#a6c0f8}.footer{align-items:center;box-sizing:border-box;display:flex;font-size:.8em;justify-content:left;padding:1rem 1.5rem;width:100%}.footer a{color:#a6c0f8;margin-right:1rem}.question-container{background:#ffffff1a;border-radius:16px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;flex-direction:column;margin:1rem auto;max-width:500px;min-height:120px;padding:0 2px 1rem;width:80%}.question,.question-container{display:flex;justify-content:center}.question{align-items:center;color:#fff;line-height:2;margin:0;min-height:4em;transition:color 1s ease-out}.question.wrong{color:var(--error);transition:color 0s}.question.correct{color:var(--success);transition:color 0s}form{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}input{background-color:#00000059;border:none;border-radius:8px;color:#fff;font-size:1.2rem;height:auto;max-width:100%;padding:.5rem}input:focus{outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-error{color:var(--error);font-size:.9rem;text-align:center;width:100%}.game-controls{display:flex;justify-content:center;padding:2rem}.game-controls button,.game-over button{border:none;border-radius:8px;color:#3b3b3b;cursor:pointer;font-size:1.2rem;padding:1rem 2rem}.game-over{color:#fff;padding:2rem;text-align:center}.game-over h2{margin-bottom:1rem}.game-over p{font-size:1.2rem;margin-bottom:2rem}.progress-container{border-radius:inherit;height:20px;margin:50;padding:3px;width:"100%"}.progress-filler{align-items:center;background-color:#405085;border-radius:inherit;box-sizing:border-box;display:flex;font-size:.8rem;height:100%;justify-content:flex-end;margin:1px;padding-right:5px;text-align:right}.progress-label{color:#fff;padding:5}.settings-modal{color:#2d2d2d;height:100%;left:0;opacity:0;position:fixed;top:0;transition:visibility 0s linear .25s,opacity .25s linear;visibility:hidden;width:100%;z-index:1000}.settings-modal.open{opacity:1;transition-delay:0s;visibility:visible}.settings-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.settings-container{align-items:space-between;background:#e9e9e9;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:50%;max-width:90%;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:350px}.settings-close-container{display:flex;justify-content:flex-end}.settings-content{display:flex;flex-direction:column;flex-grow:1;font-size:.8em;padding:1rem}.setting-group{margin:1rem 0}.setting-group label{display:block;margin-bottom:.5rem}.setting-group input,.setting-group select{border:1px solid #ccc;border-radius:8px;padding:.5rem;width:80%}.checkbox-setting{display:flex;flex-direction:column}.checkbox-setting .checkbox-label{align-items:center;display:inline-flex;font-size:1rem;gap:.5rem}.checkbox-setting input[type=checkbox]{accent-color:#2d2d2d;width:auto}.setting-description{color:#555;font-size:.55em;line-height:1.4;margin-top:.35rem}.main-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100%;justify-content:space-between}.main-content,.main-page{align-items:center;display:flex;flex-direction:column;width:100%}.main-content{justify-content:center}button{border:none;border-radius:8px;box-sizing:border-box;font-size:1rem;margin:.5rem;padding:.5rem 1rem}button:hover{background:#cae2fc}.question-types{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.type-toggle{background:#fff;border:none;border-radius:8px;cursor:pointer;flex:0 1 auto;margin:.2rem;opacity:.3;padding:.5rem 1rem;white-space:nowrap}.type-toggle.active{opacity:.8}.score{height:1em;margin:1rem}.toggle-buttons{flex-wrap:wrap;gap:.5rem;max-width:800px;padding:1rem}.question-section,.toggle-buttons{align-items:center;display:flex;justify-content:center;width:100%}.question-section{position:relative}.settings-button{align-self:center;background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:fit-content;margin:0;padding:.5rem;transform:rotate(0deg);transition:background-color .2s,transform .5s ease-out}.settings-button:hover{background:#ffffff1a;transform:rotate(120deg)}.settings-button img{display:block;height:36px;width:36px}
/*# sourceMappingURL=main.c7cf9c7d.css.map*/