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;position:relative;overflow:hidden}.timer-fill{height:100%;background:#2196f3;transition:width 1s linear}.timer-text{position:absolute;right:8px;bottom:-18px;font-size:12px}.next-btn{padding:12px 30px;font-size:16px;border:none;border-radius:8px}.next-btn.disabled{opacity:.3}.next-btn.active{background:#00c853;color:#fff}.start-btn{padding:20px 40px;font-size:20px;background:#00c853;border:none;border-radius:10px}.timer-display{font-size:18px;color:#000;text-align:center}