:root{--primary: #ff6b6b;--secondary: #4ecdc4;--accent: #ffe66d;--bg: #f7f9fc;--text: #2d3436;--card-bg: #ffffff;--shadow: 0 10px 30px rgba(0,0,0,.08)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text);display:flex;justify-content:center;min-height:100vh}.app-container{width:100%;max-width:500px;padding:20px;position:relative}.cloud-badge{position:absolute;top:10px;right:20px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:20px;font-size:12px;color:#666;display:flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.05);z-index:10}.card{background:var(--card-bg);border-radius:24px;padding:32px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.3)}.main-card{text-align:center;margin-top:60px}.center{display:flex;flex-direction:column;align-items:center}.hero-icon{margin-bottom:24px;filter:drop-shadow(0 10px 15px rgba(255,215,0,.3))}h1{font-size:28px;margin:0 0 12px;background:linear-gradient(45deg,#ff6b6b,#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#636e72;margin-bottom:32px}.stats-row{background:#f1f2f6;padding:16px 32px;border-radius:16px;margin-bottom:32px}.stat-item .label{display:block;font-size:12px;color:#a4b0be;text-transform:uppercase;letter-spacing:1px}.stat-item .value{font-size:24px;font-weight:800;color:var(--primary)}.primary-btn{background:linear-gradient(135deg,#ff6b6b,#ee5253);color:#fff;border:none;padding:16px 40px;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #ee52534d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #ee525366}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.score-box{background:var(--secondary);color:#fff;padding:8px 16px;border-radius:12px;font-weight:700}.lives-box{display:flex;gap:8px}.heart-active{filter:drop-shadow(0 0 5px rgba(255,77,77,.5));animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.progress-bar{height:8px;background:#dfe6e9;border-radius:4px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:var(--secondary);transition:width .4s ease}.category-tag{display:inline-flex;align-items:center;gap:8px;background:#f1f2f6;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:16px}.options-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.option-btn{padding:16px;border:2px solid #f1f2f6;border-radius:16px;background:#fff;text-align:left;font-size:16px;cursor:pointer;transition:all .2s}.option-btn:hover:not(:disabled){border-color:var(--secondary);background:#f0fdfa}.option-btn.correct{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.option-btn.wrong{background:#ffebee;border-color:#f44336;color:#c62828}.feedback-box{margin-top:20px;padding:20px;border-radius:20px;animation:slideUp .3s ease}.feedback-box.correct{background:#e8f5e9;border:1px solid #c8e6c9}.feedback-box.wrong{background:#fff3e0;border:1px solid #ffe0b2}.feedback-header{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:8px}.explanation{font-size:14px;color:#666;line-height:1.5;margin-bottom:16px}.next-btn{width:100%;padding:12px;border:none;border-radius:12px;background:var(--text);color:#fff;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px}.final-stats{margin:24px 0}.big-value{font-size:64px;font-weight:900;color:var(--primary);display:block}.button-group{display:flex;flex-direction:column;gap:12px;width:100%}.secondary-btn{background:transparent;border:2px solid #dfe6e9;padding:14px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}