.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#252b42,#050712 65%);color:#f9fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;padding:1.5rem}.app-inner{width:100%;max-width:640px;background:#0f172af2;border-radius:1.5rem;padding:1.8rem 1.6rem 1.2rem;box-shadow:0 20px 60px #000000a6;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header{text-align:center;margin-bottom:1.4rem}.app-header h1{margin:0;letter-spacing:.12em;font-size:1.4rem;text-transform:uppercase}.subtitle{margin-top:.35rem;font-size:.85rem;color:#9ca3af}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.4rem}.stat{padding:.6rem .5rem;border-radius:.9rem;background:#0f172ae6;border:1px solid rgba(55,65,81,.9);text-align:center}.stat-label{display:block;font-size:.7rem;color:#9ca3af;margin-bottom:2px}.stat-value{display:block;font-size:1.1rem;font-weight:600}.stat-value.time.danger{color:#f97373}.card{background:radial-gradient(circle at top left,#111827,#020617);padding:1.5rem 1.2rem 1.4rem;border-radius:1.25rem;border:1px solid rgba(55,65,81,.85)}.selection-group{margin-bottom:1rem;text-align:left}.selection-group .stat-label{margin-left:.5rem;margin-bottom:.4rem;text-transform:uppercase}.category-select{width:100%;padding:.85rem;border-radius:.9rem;background:#0f172ae6;border:1px solid rgba(55,65,81,.9);color:#f9fafb;font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.intro-text{color:#d1d5db;font-size:.95rem;margin-bottom:1.4rem;text-align:center}.question{font-size:1.2rem;font-weight:600;margin-bottom:1.2rem;text-align:center}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.option-btn{padding:.75rem .5rem;border-radius:.85rem;border:1px solid rgba(55,65,81,.9);background:#0f172af2;color:#e5e7eb;font-size:.98rem;cursor:pointer;transition:all .1s ease}.option-btn:hover:not(:disabled){background:#1e40afe6;border-color:#60a5fae6}.option-btn.correct{border-color:#22c55e;background:#16a34ae6}.option-btn.wrong{border-color:#f87171;background:#dc2626e6}.primary-btn{width:100%;margin-top:.5rem;padding:.85rem;border-radius:.9rem;border:none;background:linear-gradient(135deg,#4f46e5,#22c55e);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 10px 25px #0006}.feedback{margin-top:1rem;text-align:center;font-size:.9rem}.feedback.correct{color:#4ade80}.feedback.wrong{color:#fca5a5}.footer{margin-top:1.5rem;text-align:center;font-size:.75rem;color:#6b7280}@media(max-width:480px){.options-grid{grid-template-columns:1fr}}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}