@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
#mqp-app, #mqp-app * { box-sizing: border-box; }
#mqp-app { font-family: 'Inter', sans-serif; padding: 24px 12px; }
body:has(#mqp-app) { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; }
#mqp-app .glass { background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); }
#mqp-app .progress-bar { transition: width 1s linear; }
@keyframes mqp-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }
#mqp-app .timer-warning { color: #ef4444; animation: mqp-pulse 1s infinite; }
#mqp-app .category-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }