:root{--background:#fff;--foreground:#171717;--card-bg:#fff;--button-bg:#0070f3;--button-hover:#005bb5;--border-color:#ddd;--text-secondary:#555;--success:#4caf50;--error:#f44336;--warning:#ff9800}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--card-bg:#1a1a2e;--button-bg:#0f3460;--button-hover:#1a4a7a;--border-color:#2a3a5a;--text-secondary:#aaa}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.dark-mode{--background:#1a1a2e;--foreground:#eee;--card-bg:#16213e;--button-bg:#0f3460;--button-hover:#1a4a7a;--border-color:#2a3a5a;--text-secondary:#bbb}.dark-mode body{color:#eee;background-color:#1a1a2e}.dark-mode .quiz-card{color:#eee;background-color:#16213e;box-shadow:0 10px 25px #0000004d}.dark-mode button:not(:disabled){color:#fff;background-color:#0f3460}.dark-mode button:not(:disabled):hover{background-color:#1a4a7a}.dark-mode table{color:#eee;background-color:#16213e}.dark-mode td,.dark-mode th{border-color:#2a3a5a}.dark-mode .highscore-toggle{color:#90caf9}.dark-mode .timer-text{color:#ccc}
@media (max-width:1024px){.quiz-card{width:90%!important;max-width:500px!important;margin:0 auto!important}.grid-container{gap:12px!important}}@media (max-width:768px){body{font-size:14px}.quiz-card{width:95%!important;max-width:none!important;padding:25px 15px!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:16px!important}.quiz-card button:not(.dark-mode-toggle){width:90%!important;margin:8px auto!important;padding:14px 20px!important;font-size:16px!important;display:block!important}.dark-mode-toggle{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:0!important;font-size:22px!important;display:flex!important;top:10px!important;right:10px!important}.quiz-type-buttons{flex-direction:column!important;gap:10px!important}.quiz-type-buttons button{width:100%!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.categories-grid button{width:100%!important;padding:10px 5px!important;font-size:14px!important}.timer-text{font-size:16px!important}table{font-size:12px!important}td,th{padding:6px 4px!important}.quiz-logo{width:120px!important;margin-bottom:20px!important}.progress-bar{height:6px!important}.result-percentage{font-size:36px!important}.result-detail-item{padding:10px!important}.result-detail-question{font-size:13px!important}}@media (max-width:480px){.categories-grid{grid-template-columns:repeat(1,1fr)!important}.quiz-card button:not(.dark-mode-toggle){padding:12px 16px!important;font-size:14px!important}.quiz-card{padding:20px 12px!important}h1{font-size:20px!important}h2{font-size:18px!important}.result-percentage{font-size:28px!important}}@media (max-width:768px) and (orientation:landscape){.quiz-card{padding:15px!important}h2{margin:5px 0!important}.quiz-card button:not(.dark-mode-toggle){padding:8px 12px!important}}