:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{height:100%;width:100%;margin:0;padding:0}.container{position:relative;height:100%;width:100%}.controls{position:absolute;top:16px;left:16px;z-index:4;display:flex;flex-direction:column;gap:12px;padding:14px 16px;min-width:360px;background:#0e0e10f2;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 12px #0000004d}.controls h3{margin:0 0 2px;font-size:14px;font-weight:600;letter-spacing:.3px;color:#ffffffe6}.controls .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.controls .input{appearance:none;height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#1c1c20e6;color:#fff}.btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:#222226f2;color:#fff;cursor:pointer}.btn:hover{border-color:#646cffcc}.btn-primary{background:linear-gradient(180deg,#646cff,#4a52f4)}.btn-ghost{background:transparent;border-color:#ffffff26}.badge{padding:4px 8px;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:12px}.dropzone{width:100%;min-height:44px;border:1px dashed rgba(255,255,255,.22);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fffc;background:#ffffff08}.dropzone.dragging{border-color:#646cff;background:#646cff14}.dz-clickable{cursor:pointer;text-align:center}.dz-clickable span{pointer-events:none}.controls-toggle{position:absolute;top:16px;left:16px;z-index:4;padding:8px 12px;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 2px 8px #00000040}.camera-controls button{margin-right:.5rem}.stage{position:absolute;inset:0;background:#000}.reference-wrapper{position:relative;width:100%;height:100%}.reference-video{display:block;width:100%;height:100%;background:#000;object-fit:contain;z-index:1}.overlay-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16vw;font-weight:700;color:#ffffffe6;text-shadow:0 4px 24px rgba(0,0,0,.7);z-index:3}.pip-wrapper{position:absolute;right:16px;top:16px;width:320px;height:240px;z-index:3;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px #00000073;transform:scaleX(-1);transform-origin:center}.pip-video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain;z-index:1}.pip-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:transparent;z-index:2}.error{color:#f55}.practice-ui{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:4}.result-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:radial-gradient(ellipse at center,#ffffff14,#00000073);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.result-card{min-width:360px;max-width:92vw;padding:28px 26px;border-radius:16px;background:linear-gradient(180deg,#0e0e10eb,#141418eb);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px #0000008c,0 0 80px #646cff40 inset;text-align:center}.result-card h3{margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;background:linear-gradient(180deg,#e8f1ff,#9ecbff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 16px rgba(0,0,0,.45)}.result-score{font-size:72px;font-weight:900;margin:4px 0 12px;line-height:1;background:linear-gradient(180deg,#fff,#9ecbff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.55),0 0 40px rgba(100,108,255,.35)}.result-sub{opacity:.8;margin-bottom:8px}.result-sub{margin-top:4px;margin-bottom:10px;font-weight:700;letter-spacing:.4px;background:linear-gradient(180deg,#d9eaff,#9fc9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.setup-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:6;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.setup-card{min-width:320px;max-width:90vw;padding:18px;border-radius:12px;background:#121214f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 40px #00000073}.setup-card h3{margin:0 0 10px;font-size:16px}.setup-list{margin:0 0 12px;padding-left:18px;opacity:.9}.setup-list li{margin:2px 0}.gauge{position:relative}.gauge-track{stroke:#ffffff24;stroke-width:12;fill:none}.gauge-value{stroke-width:12;fill:none;stroke-linecap:round}.gauge-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.gauge-label .unit{opacity:.6;font-weight:600;font-size:12px;margin-left:2px}.gauge-skeleton{width:36px;height:16px;border-radius:6px;background:linear-gradient(90deg,#ffffff1f,#fff3,#ffffff1f);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge.bad{background:#ff3c3ce6;color:#fff;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.warn{background:#ffa500e6;color:#222;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.info{background:#32a0ffd9;color:#fff;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.progress{position:relative;width:100%;height:8px;background:#ffffff14;border-radius:9999px;overflow:hidden}.progress>.bar{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#4a52f4,#00d4ff)}.version-badge{position:fixed;top:8px;right:8px;z-index:10;padding:4px 8px;border-radius:6px;background:#0009;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:12px;pointer-events:none}.loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}