.webcam-container{background:#000;width:100%;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.fullscreen-prompt{z-index:200;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.fullscreen-prompt button{cursor:pointer;color:#000;background:#0fc;border:none;border-radius:12px;padding:20px 48px;font-family:system-ui,sans-serif;font-size:32px;font-weight:700}.fullscreen-prompt button:hover{background:#33ffd6}.fullscreen-prompt button.skip{color:#888;background:0 0;padding:8px 24px;font-size:18px}.fullscreen-prompt button.skip:hover{color:#ccc}.webcam-video,.pose-overlay{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.ar-overlay{object-fit:cover;pointer-events:none;z-index:150;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.judgment-glow{z-index:25;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, transparent 30%, var(--glow-color) 100%);animation:.5s ease-out forwards glow-flash;position:fixed;inset:0}@keyframes glow-flash{0%{opacity:.7}to{opacity:0}}.difficulty-selector{z-index:40;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:280px;display:flex;position:fixed;bottom:24px;right:24px}.diff-btn{color:#ccc;cursor:pointer;background:#0009;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-family:system-ui,sans-serif;font-size:13px}.diff-btn:hover{background:#ffffff26}.diff-btn-active{color:#fff;background:#d946ef66;border-color:#d946ef}.detected-step{z-index:40;color:#0fc;pointer-events:none;background:#000000b3;border-radius:8px;padding:8px 16px;font-family:system-ui,sans-serif;font-size:28px;font-weight:800;position:fixed;bottom:24px;left:24px}.framing-line{z-index:200;pointer-events:none;background:#f22;height:6px;position:fixed;bottom:15%;left:0;right:0;box-shadow:0 0 20px red,0 0 40px #ff000080}.debug-status{z-index:201;color:#fff;font-family:var(--font-family-display,system-ui, sans-serif);text-align:center;text-shadow:0 0 30px #d946efcc,0 0 60px #d946ef66,0 2px 8px #000000e6;pointer-events:none;justify-content:center;padding:0 2rem;font-size:44px;font-weight:900;display:flex;position:fixed;bottom:calc(15% + 24px);left:0;right:0}.gesture-label{color:#0fc;text-shadow:0 0 30px #0fc,0 0 60px #00ffcc80;z-index:50;pointer-events:none;font-family:system-ui,sans-serif;font-size:96px;font-weight:900;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.copy-log-btn{z-index:100;color:#0fc;cursor:pointer;background:#000000b3;border:1px solid #0fc;border-radius:6px;padding:8px 16px;font-family:system-ui,sans-serif;font-size:14px;position:fixed;top:20px;right:70px}.status{color:#fff;z-index:10;font-family:system-ui,sans-serif;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status.error{color:#f44}.transport-bar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;align-items:center;gap:8px;padding:10px 16px;font-family:system-ui,sans-serif;transition:right .2s;display:flex;position:fixed;bottom:0;left:0;right:0}.transport-bar.settings-open{right:320px}.transport-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:14px}.transport-btn:hover{background:#ffffff40}.transport-btn.play-pause{padding:6px 12px;font-size:16px}.transport-scrub{cursor:pointer;accent-color:#0ff;flex:1;min-width:0;height:6px}.transport-time{color:#aaa;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:13px}