:root{--primary: #155385;--primary-dark: #848a92;--background: #f7f9fb;--card-bg: #0855a8;--text: #333;--accent: #ffc800;--danger: #ff4d4f;--success: #00b894;--border-radius: 12px}body{margin:0;padding:0;background:var(--card-bg);background-size:cover;background-repeat:no-repeat;background-position:center;font-family:sans-serif;font-family:Nunito,sans-serif;color:var(--text)}.App{background-image:url(/background.png);max-width:700px;min-height:80vh;margin:40px auto;padding:20px;//background: var(--card-bg);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;text-align:center}h1{font-weight:800;font-size:1.8rem;margin-bottom:1rem;color:#fff}button{font-size:1rem;padding:10px 16px;margin:6px;border:none;border-radius:var(--border-radius);background:var(--primary);color:#fff;cursor:pointer;transition:background .2s ease;font-weight:600}button:hover{background:var(--primary-dark)}.options{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0}.feedback{margin:20px 0;font-size:1.2rem;font-weight:700}.feedback.success{color:var(--success)}.feedback.error{color:var(--danger)}.controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.controls button{background:var(--accent);color:#000}.controls button:hover{background:#e6b400}.status-panel{position:fixed;bottom:0;left:0;right:0;padding:20px;background-color:#fffffff2;border-top:2px solid #3366cc;box-shadow:0 -2px 10px #0000001a;text-align:center;font-size:1.2rem;z-index:10;transition:transform .3s ease;transform:translateY(100%)}.status-panel.show{transform:translateY(0)}.correct{color:#2e8b57;font-weight:700}.incorrect{color:#d32f2f;font-weight:700}