body{font-family:Arial,Helvetica,sans-serif;background:#f3f4f6;margin:0;padding:20px}.app{max-width:800px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #00000014}.video-wrap{position:relative;display:inline-block;overflow:hidden;border-radius:8px}.video-wrap video{width:100%;max-width:640px;display:block}.video-wrap canvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;border-radius:8px}.controls{margin-top:12px}.status{margin-top:8px;font-weight:700}.overlay-instructions{position:absolute;left:8px;top:8px;background:#00000080;color:#fff;padding:6px 8px;border-radius:6px;font-size:14px}.attempt-badge{position:absolute;left:12px;top:56px;width:36px;height:36px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 6px #00000026}.attempt-badge.active{background:#0ea5a4;color:#fff}.overlay-text{position:absolute;left:50%;transform:translate(-50%);bottom:10px;color:#222;background:#ffffffe6;padding:10px 14px;border-radius:8px;font-size:13px;text-align:center;max-width:80%}