body{margin:0;font-family:sans-serif;background:#fff;color:#000}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;padding:20px}.steps{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.step{width:28px;height:28px;background:orange;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;opacity:.5;font-size:12px}.step.active{opacity:1;transform:scale(1.2)}.image-box{width:80vw;max-width:300px;aspect-ratio:1 / 1}.image-box img{width:100%;height:100%;object-fit:cover}.timer-bar{width:80vw;max-width:300px;height:20px;background:#ddd;border-radius:10px;overflow:hidden}.timer-fill{height:100%;background:#2196f3;border-radius:10px}.next-btn{padding:12px 30px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.next-btn.disabled{opacity:.3;cursor:default}.next-btn.active{background:#00c853;color:#fff}.start-btn{padding:20px 40px;font-size:20px;background:#00c853;border:none;border-radius:10px;cursor:pointer}.timer-display{font-size:18px;color:#000;text-align:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px}.spinner{width:40px;height:40px;border:4px solid #ccc;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}