:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--accent: #6366f1;--accent-light: #818cf8;--green: #4ade80;--red: #f87171;--yellow: #facc15;--orange: #fb923c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.menu-container{width:100%;max-width:28rem;display:flex;flex-direction:column;gap:1.75rem}.menu-header{text-align:center}.menu-header h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-light),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.subtitle{color:#ffffff80;font-size:.9rem}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:.75rem}.best-score-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:.5rem;padding:.6rem 1rem}.best-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.best-value{font-size:1.4rem;font-weight:700;color:var(--accent-light)}.menu-section h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:.6rem}.option-grid{display:grid;gap:.5rem}.ops-grid{grid-template-columns:repeat(5,1fr)}.diff-grid{grid-template-columns:repeat(3,1fr)}.option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.7rem .4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#ffffffb3;cursor:pointer;transition:all .15s ease;font-family:inherit}.option-btn:hover{background:#ffffff14;border-color:#fff3}.option-btn.active{background:#6366f126;border-color:var(--accent);color:#fff}.option-icon{font-size:1.5rem;font-weight:700;line-height:1}.option-label{font-size:.7rem;font-weight:600}.option-desc{font-size:.6rem;color:#fff6}.start-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:1rem;background:var(--accent);border:none;border-radius:.6rem;color:#fff;font-family:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.start-btn:hover{background:var(--accent-light)}.start-btn:active{transform:scale(.98)}.start-sub{font-size:.7rem;font-weight:400;opacity:.7}.game-container{width:100%;max-width:26rem;display:flex;flex-direction:column;gap:1.25rem}.game-topbar{display:flex;justify-content:space-between;align-items:center}.topbar-item{display:flex;flex-direction:column;align-items:center}.topbar-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6}.topbar-value{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.timer{color:var(--green)}.timer-low{color:var(--red);animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.streak-fire{color:var(--orange)}.progress-bar-container{position:relative;width:100%;height:.35rem;background:#ffffff14;border-radius:1rem;overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:1rem;transition:width .3s ease}.progress-text{position:absolute;right:0;top:.55rem;font-size:.7rem;color:#ffffff59;font-variant-numeric:tabular-nums}.question-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;transition:border-color .2s ease}.feedback-correct{border-color:var(--green)!important;background:#4ade800d!important}.feedback-wrong{border-color:var(--red)!important;background:#f871710d!important}.question-text{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.question-equals{font-size:1.5rem;color:#ffffff4d}.answer-input{width:8rem;text-align:center;font-size:1.75rem;font-weight:700;font-family:inherit;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fff;padding:.5rem;outline:none;transition:border-color .15s ease;-moz-appearance:textfield}.answer-input::-webkit-inner-spin-button,.answer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.answer-input:focus{border-color:var(--accent)}.feedback-msg{font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:.3rem}.feedback-msg.correct{color:var(--green);background:#4ade801a}.feedback-msg.wrong{color:var(--red);background:#f871711a}.submit-btn{width:100%;padding:.85rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease}.submit-btn:hover:not(:disabled){background:#ffffff1f}.submit-btn:disabled{opacity:.4;cursor:default}.mini-stats{display:flex;justify-content:center;gap:1.5rem}.mini-stat{font-size:.75rem;color:#fff6}.correct-stat{color:#4ade8099}.wrong-stat{color:#f8717199}.result-container{width:100%;max-width:28rem;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:2rem}.grade-circle{width:5rem;height:5rem;border:4px solid;border-radius:50%;display:grid;place-items:center;margin-top:.5rem}.grade-letter{font-size:2rem;font-weight:900}.result-msg{font-size:1.5rem;font-weight:700}.result-stats{display:flex;gap:2rem}.result-stat{display:flex;flex-direction:column;align-items:center}.rs-value{font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums}.rs-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.history-section{width:100%;margin-top:.5rem}.history-section h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:.5rem}.history-list{display:flex;flex-direction:column;gap:.25rem;max-height:14rem;overflow-y:auto;padding-right:.25rem}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.history-item{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:.35rem;font-size:.85rem}.h-correct{background:#4ade800f}.h-wrong{background:#f871710f}.h-idx{width:1.5rem;text-align:right;font-size:.7rem;color:#ffffff4d;font-variant-numeric:tabular-nums}.h-question{flex:1;font-weight:600;font-variant-numeric:tabular-nums}.h-answer{display:flex;align-items:center;gap:.4rem}.h-check{color:var(--green);font-weight:700}.h-x{color:var(--red);font-weight:700}.h-expected{font-size:.75rem;color:#ffffff80}.result-actions{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.back-btn{width:100%;padding:.75rem;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#fff9;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease}.back-btn:hover{background:#ffffff0d}@media(max-width:480px){.ops-grid{grid-template-columns:repeat(3,1fr)}.question-text{font-size:2rem}.answer-input{font-size:1.5rem;width:7rem}}