:root{--primary:#141414;--white:#fff;--light:#e9e9ec;--text-muted:hsla(0,0%,8%,.45);--radius:16px;--radius-sm:10px;--skel-y-shift:-7%}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{align-items:center;background:var(--light);display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100dvh;overflow:hidden;position:relative}body:before{background:radial-gradient(ellipse 80% 60% at 20% 10%,hsla(0,0%,8%,.03) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 90%,hsla(0,0%,8%,.02) 0,transparent 60%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23141414' fill-opacity='.025' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E")}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}body:after{background:repeating-linear-gradient(170deg,transparent,transparent 40px,hsla(0,0%,8%,.015) 0,hsla(0,0%,8%,.015) 80px)}#app{justify-content:center;max-width:420px;min-height:100dvh;padding:24px 20px;position:relative;z-index:1}#app,.screen{align-items:center;display:flex;flex-direction:column;width:100%}.screen{animation:fadeUp .5s ease both;min-width:380px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--white);border:1px solid hsla(0,0%,8%,.08);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #14141408,0 8px 32px #00000014,0 32px 64px #0000000a;padding:32px 28px;width:100%}.caddie-wrap{flex-direction:column;margin-bottom:28px}.caddie-avatar,.caddie-wrap{align-items:center;display:flex}.caddie-avatar{background:var(--light);border-radius:50%;box-shadow:0 0 0 6px #1414140f,0 8px 32px #0000001a;font-size:44px;height:88px;justify-content:center;margin-bottom:12px;position:relative;width:88px}.caddie-avatar img{height:96px}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 6px #1414140f,0 8px 32px #0000001a}50%{box-shadow:0 0 0 12px #14141408,0 8px 32px #0000001a}}.caddie-name{color:var(--primary);font-family:Bricolage Grotesque,sans-serif!important;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.bubble{background:var(--light);border:1px solid hsla(0,0%,8%,.1);border-radius:var(--radius);border-top-left-radius:4px;margin-bottom:24px;padding:18px 20px;position:relative;width:100%}.bubble:before{border:10px solid transparent;border-bottom-color:#1414141a;border-top:0;content:"";left:28px;position:absolute;top:-10px}.bubble:after{border:9px solid transparent;border-bottom:9px solid var(--light);border-top:0;content:"";left:29px;position:absolute;top:-8px}.bubble p{color:var(--primary);font-size:15px;font-weight:300;line-height:1.65}.bubble p strong{color:var(--primary);font-weight:600}.typewriter{display:inline}.cursor{animation:blink 1s step-end infinite;background:var(--primary);display:inline-block;height:1em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.logo{align-items:center;color:var(--primary);display:flex;font-family:Bricolage Grotesque,sans-serif!important;font-size:11px;gap:8px;letter-spacing:5px;margin-bottom:32px;opacity:.55;text-transform:uppercase}.logo span{opacity:.4}.divider{background:linear-gradient(90deg,transparent,var(--primary),transparent);height:1px;margin:16px auto;opacity:.2;width:48px}.btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;letter-spacing:.3px;padding:15px 24px;transition:all .2s ease;width:100%}.btn-primary{background:var(--primary);box-shadow:0 4px 20px #14141433;color:var(--white)}.btn-primary:hover{box-shadow:0 6px 28px #1414144d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid hsla(0,0%,8%,.2);color:var(--primary)}.btn-secondary:hover{background:#1414140a;border-color:var(--primary)}.btn-whatsapp{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 20px #25d36640;color:#fff;display:flex;gap:10px;justify-content:center}.btn-whatsapp:hover{box-shadow:0 6px 28px #25d36659;transform:translateY(-1px)}.btn-danger{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-danger:hover{background:#ef444426}.form-group{margin-bottom:1px;width:100%}label{color:var(--primary);display:block;font-size:11px;letter-spacing:2px;margin-bottom:8px;opacity:.5;text-transform:uppercase}input[type=tel],input[type=text]{background:var(--light);border:1px solid hsla(0,0%,8%,.12);border-radius:var(--radius-sm);color:var(--primary);font-family:DM Sans,sans-serif;font-size:15px;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s;width:100%}input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder{color:#14141447}input[type=tel]::placeholder,input[type=text]::placeholder{color:#14141447}input[type=tel]:focus,input[type=text]:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #1414140f}#screen-video{justify-content:flex-start;min-height:100dvh;padding:0}#screen-video,#video-wrap{position:relative;width:100%}#video-wrap{aspect-ratio:9/16;background:#000;flex:1;max-height:100dvh;min-height:calc(100dvh - 160px);overflow:hidden}#cam{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#cam.mirrored{transform:scaleX(-1)}#pose-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateY(var(--skel-y-shift));transform-origin:center center;width:100%}#pose-canvas.mirrored{transform:scaleX(-1) translateY(var(--skel-y-shift))}#hud-top{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);display:flex;gap:8px;justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0}#phase-strip{display:flex;flex-wrap:wrap;gap:4px}.phase-dot{background:#ffffff1a;border-radius:20px;color:#fff6;font-size:10px;padding:3px 7px;transition:all .3s;white-space:nowrap}.phase-dot.done{background:#52b7884d;color:#52b788}.phase-dot.active{background:#fff3;color:#fff;font-weight:600}#rec-badge{align-items:center;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:20px;color:#f87171;display:none;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}#rec-badge.show{display:flex}.rec-dot{animation:rec-blink 1s ease-in-out infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.3}}#hud-bottom{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);bottom:0;left:0;padding:16px 16px 180px;position:absolute;right:0}#score-hud{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:12px}.hud-metric{background:#00000080;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;min-width:72px;padding:8px 12px;text-align:center}.hud-metric-label{color:#ffffff80;font-size:10px;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.hud-metric-val{color:#fff;font-family:Bricolage Grotesque,sans-serif!important;font-size:22px;line-height:1}.hud-metric-val.good{color:#4ade80}.hud-metric-val.warn{color:#fbbf24}.hud-metric-val.bad{color:#f87171}#feedback-hud{background:#0006;border-radius:8px;color:#fffc;font-size:13px;margin-bottom:12px;min-height:36px;padding:8px 12px;text-align:center}#countdown-overlay{align-items:center;background:#000000a6;display:none;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:10}#countdown-overlay.show{display:flex}#countdown-num{animation:count-pop 1s ease both;color:#fff;font-family:Bricolage Grotesque,sans-serif!important;font-size:96px;line-height:1;text-shadow:0 0 40px hsla(0,0%,100%,.3)}@keyframes count-pop{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}#countdown-label{color:#fffc;font-size:16px;letter-spacing:1px}#instructions-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#e9e9ecf0;display:flex;flex-direction:column;gap:20px;inset:0;justify-content:center;padding:32px 24px;position:absolute;text-align:center;z-index:10}.inst-icon{font-size:56px}.inst-title{color:var(--primary);font-family:Bricolage Grotesque,sans-serif!important;font-size:22px}.inst-list{display:flex;flex-direction:column;gap:10px;list-style:none;width:100%}.inst-list li{background:var(--white);border:1px solid hsla(0,0%,8%,.08);border-radius:10px;font-size:14px;gap:12px;padding:12px 16px;text-align:left}.inst-list .step-num,.inst-list li{align-items:center;color:var(--primary);display:flex}.inst-list .step-num{background:#14141412;border:1px solid hsla(0,0%,8%,.18);border-radius:50%;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}#video-controls{bottom:80px;gap:16px;left:0;padding:0 24px;position:absolute;right:0}#video-controls,.ctrl-btn{align-items:center;display:flex;justify-content:center}.ctrl-btn{border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:24px;height:64px;transition:all .2s;width:64px}.ctrl-btn-main{background:var(--white);box-shadow:0 0 0 4px #fff3,0 8px 24px #0006;color:var(--primary);font-size:28px;height:76px;width:76px}.ctrl-btn-main:hover{transform:scale(1.05)}.ctrl-btn-main:active{transform:scale(.97)}.ctrl-btn-stop{background:#ef444426;border:1.5px solid rgba(239,68,68,.4);color:#f87171}.ctrl-btn-stop:hover{background:#ef444440;transform:scale(1.05)}#timer-wrap{bottom:68px;display:none;left:24px;position:absolute;right:24px}#timer-wrap.show{display:block}#timer-bar-bg{background:#fff3;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}#timer-bar-fill{background:var(--white);border-radius:2px;height:100%;transition:width .5s linear;width:0}#timer-lbl{color:#fff9;font-size:12px;text-align:center}.result-title{color:var(--primary);font-family:Bricolage Grotesque,sans-serif!important;font-size:26px;margin-bottom:4px;text-align:center}.result-sub{color:var(--text-muted);font-size:13px;margin-bottom:24px;text-align:center}.metric-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px;width:100%}.metric-card{background:var(--light);border:1px solid hsla(0,0%,8%,.07);border-radius:var(--radius-sm);padding:14px;text-align:center}.metric-card-label{color:var(--text-muted);font-size:10px;letter-spacing:2px;margin-bottom:6px;text-transform:uppercase}.metric-card-val{color:var(--primary);font-family:Bricolage Grotesque,sans-serif!important;font-size:28px;line-height:1}.metric-card-val.good{color:#16a34a}.metric-card-val.warn{color:#d97706}.metric-card-val.bad{color:#dc2626}.endpoint-box{background:var(--light);border:1px solid hsla(0,0%,8%,.1);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 16px;width:100%}.endpoint-label{color:var(--text-muted);font-size:10px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.endpoint-code{color:var(--primary);font-family:Courier New,monospace;font-size:12px;line-height:1.6;word-break:break-all}.send-status{color:var(--text-muted);font-size:14px;margin-bottom:12px;min-height:20px;text-align:center}.send-status.success{color:#16a34a}.send-status.error{color:#dc2626}.spinner{animation:spin .8s linear infinite;border:3px solid hsla(0,0%,8%,.1);border-radius:50%;border-top:3px solid var(--primary);height:48px;margin:16px auto;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.gap-12{gap:12px}.gap-12,.gap-8{display:flex;flex-direction:column;width:100%}.gap-8{gap:8px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:13px}#screen-register,#screen-result{max-height:100dvh;overflow-y:auto;padding-bottom:32px}.brand-header{color:var(--primary);font-family:Bricolage Grotesque,sans-serif!important;font-size:13px;letter-spacing:4px;margin-bottom:8px;opacity:.7}.brand-header,.brand-sub{text-align:center;text-transform:uppercase}.brand-sub{font-size:11px;letter-spacing:2px;margin-bottom:24px}.brand-sub,.or-sep{color:var(--text-muted)}.or-sep{align-items:center;display:flex;font-size:12px;gap:12px;letter-spacing:1px;margin:4px 0;text-transform:uppercase}.or-sep:after,.or-sep:before{background:#1414141a;content:"";flex:1;height:1px}@keyframes caddie-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.check-circle{align-items:center;background:#16a34a14;border:2px solid rgba(22,163,74,.3);border-radius:50%;display:flex;font-size:34px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}