:root{--font-body: "Inter", sans-serif;--color-bg: #f2f2f2;--color-surface: #ffffff;--color-primary: #46178f;--color-primary-hover: #350f6e;--color-text: #333333;--color-text-light: #666666;--color-red: #e21b3c;--color-blue: #1368ce;--color-yellow: #d89e00;--color-green: #26890c;--shadow: 0 4px 0 rgba(0, 0, 0, .15);--radius: 4px}body{margin:0;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1,h2,h3{margin:0;font-weight:700}button{cursor:pointer;border:none;font-family:inherit;font-weight:600;transition:transform .1s}button:active{transform:translateY(2px)}.container{width:100%;max-width:800px;padding:20px;box-sizing:border-box}.card{background:var(--color-surface);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.title{font-size:3rem;color:var(--color-primary);margin-bottom:10px}.subtitle{color:var(--color-text-light);margin-bottom:40px;font-size:1.2rem}.quiz-list{display:grid;gap:15px}.quiz-btn{background:var(--color-surface);padding:20px;border-radius:var(--radius);box-shadow:0 4px #ccc;text-align:left;font-size:1.2rem;color:var(--color-text);border:1px solid #ddd}.quiz-btn:hover{background:#fafafa;transform:translateY(-2px);box-shadow:0 6px #ccc}.quiz-btn:active{transform:translateY(0);box-shadow:0 2px #ccc}.question-text{font-size:1.8rem;margin-bottom:30px;line-height:1.3}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:600px){.answers-grid{grid-template-columns:1fr}}.answer-btn{padding:30px 20px;border-radius:var(--radius);color:#fff;font-size:1.2rem;text-align:left;box-shadow:0 4px #0003;display:flex;align-items:center;gap:15px;transition:all .2s}.answer-btn:nth-child(1){background-color:var(--color-red)}.answer-btn:nth-child(2){background-color:var(--color-blue)}.answer-btn:nth-child(3){background-color:var(--color-yellow)}.answer-btn:nth-child(4){background-color:var(--color-green)}.answer-btn.dimmed{opacity:.3;box-shadow:none;transform:scale(.98)}.answer-btn.correct{transform:scale(1.02);box-shadow:0 0 0 4px #fff,0 0 0 8px #26890c;z-index:10}.answer-btn.wrong{opacity:.7;text-decoration:line-through}.shape{width:30px;height:30px;background:#0003;display:inline-block;border-radius:4px}.timer-bar{height:8px;background:#ddd;border-radius:4px;margin-bottom:30px;overflow:hidden}.timer-fill{height:100%;background:var(--color-primary);transition:width 1s linear}.btn-control{background:#333;color:#fff;padding:10px 20px;border-radius:4px;margin-top:20px}