.sq-progress-container{height:6px;background:#eee;border-radius:10px;margin-bottom:15px;overflow:hidden}.sq-progress-bar{height:100%;background:var(--sq-primary);transition:width .4s ease}.sq-nav{display:flex;justify-content:center;gap:8px;margin-bottom:25px;flex-wrap:wrap}.sq-dot{width:32px;height:32px;border-radius:50%;background:var(--sq-dot-bg);color:var(--sq-dot-c);border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sq-dot.active{background:var(--sq-primary);color:#fff;transform:scale(1.1)}.sq-dot.done{background:#333;color:#fff}.sq-q-img{width:100%;max-height:350px;object-fit:cover;border-radius:var(--sq-rad);margin-bottom:20px;display:block}.sq-view h2,.sq-view h3{color:var(--sq-h-c);font-size:var(--sq-h-fs);font-weight:var(--sq-h-fw);margin-bottom:20px}.sq-btn{display:block;width:100%;padding:14px;margin-bottom:10px;background:var(--sq-btn-bg);color:var(--sq-btn-text);border:1px solid rgba(0,0,0,.1);border-radius:var(--sq-rad);cursor:pointer;font-family:inherit;transition:.2s;text-align:left}.sq-btn:hover{border-color:var(--sq-primary)}.sq-btn.correct{background:#d4edda!important;color:#155724!important;border-color:#c3e6cb}.sq-btn.wrong{background:#f8d7da!important;color:#721c24!important;border-color:#f5c6cb}.sq-footer{display:flex;justify-content:space-between;margin-top:25px}.sq-main-btn{background:var(--sq-primary);color:#fff;border:none;padding:12px 25px;border-radius:var(--sq-rad);cursor:pointer;font-weight:700;transition:.3s}.sq-main-btn:disabled{opacity:.5;cursor:not-allowed}.sq-main-btn:hover:not(:disabled){filter:brightness(1.1)}