:root{--primary:#2563eb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#06b6d4;--dark:#0f172a}body{background-color:#f1f5f9;font-family:Inter,sans-serif;color:var(--dark)}.glass-card{background:#fff;border-radius:24px;padding:2.5rem;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.status-banner{padding:15px;border-radius:12px;font-weight:800;margin-bottom:25px;text-align:center;text-transform:uppercase;letter-spacing:1px}.status-pass{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-fail{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.timer-pill{font-family:Monaco,'Courier New',monospace;font-size:1.8rem;font-weight:800;color:var(--primary);background:#eff6ff;padding:8px 24px;border-radius:50px;border:2px solid #dbeafe}.q-timer-circle{width:55px;height:55px;border-radius:50%;border:4px solid var(--danger);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--danger)}#story-display{font-size:1.25rem;line-height:2;color:#334155;background:#f8fafc;padding:35px;border-radius:20px;border:1px solid #e2e8f0;margin-top:25px}.q-card{background:#f8fafc;border-radius:20px;padding:30px;border-left:6px solid var(--primary)}.btn-action{padding:16px 40px;border-radius:50px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-action:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.metric-box{background:#f8fafc;border-radius:20px;padding:25px;transition:.3s}.metric-box:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05)}.insight-item{padding:12px;border-radius:12px;background:#fff;margin-bottom:10px;font-size:.9rem;border:1px solid #f1f5f9}