:root{color:#f8f7fb;font-synthesis:none;text-rendering:optimizelegibility;--accent:#c9ff4f;--accent-ink:#111507;--line:#ffffff17;--app-height:var(--tg-viewport-stable-height,100dvh);background:#080a0e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;min-height:var(--app-height);overflow-x:hidden}button{font:inherit}.app-shell{min-height:100dvh;min-height:var(--app-height);padding:max(24px, env(safe-area-inset-top), var(--tg-content-safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right), var(--tg-content-safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom), var(--tg-content-safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left), var(--tg-content-safe-area-inset-left,0px));background:radial-gradient(circle at 50% 20%,#c9ff4f1c,#0000 34%),#080a0e;display:grid}.app-shell--centered{place-items:center}.status-card{text-align:center;width:min(100%,420px);padding:28px}.status-card h1{letter-spacing:-.05em;margin:10px auto 14px;font-size:clamp(2rem,10vw,3.4rem);line-height:1}.secondary-copy,.lead-copy{color:#aeb2bc;font-size:.96rem;line-height:1.65}.brand-mark{width:42px;height:42px;color:var(--accent);background:#c9ff4f14;border:1px solid #c9ff4f73;border-radius:13px;flex:none;place-items:center;font-size:1.1rem;font-weight:800;display:grid;transform:skew(-5deg)}.brand-mark--large{border-radius:21px;width:70px;height:70px;margin:0 auto 22px;font-size:1.8rem}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0;font-size:.7rem;font-weight:800}.loading-line{background:#252a33;border-radius:999px;width:100%;height:3px;margin-top:30px;position:relative;overflow:hidden}.loading-line:after{border-radius:inherit;background:var(--accent);content:"";width:40%;height:100%;animation:1s ease-in-out infinite alternate loading;position:absolute}.status-icon{color:#ff8469;background:#ff846914;border:1px solid #ff846959;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:1.6rem;font-weight:800;display:grid}.result-panel{width:100%;max-width:460px;margin:auto}.result-emblem{width:78px;height:78px;color:var(--accent);background:#c9ff4f1a;border:1px solid #c9ff4f73;border-radius:24px;place-items:center;margin:0 auto 24px;font-size:2rem;font-weight:900;display:grid}.result-emblem--error{color:#ff8469;background:#ff84691a;border-color:#ff846973}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:28px 0 22px;display:grid}.result-stats article{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:16px 8px}.result-stats span,.result-stats strong{display:block}.result-stats span{color:#858b96;letter-spacing:.08em;min-height:2.2em;font-size:.58rem;font-weight:800}.result-stats strong{color:var(--accent);margin-top:7px;font-size:clamp(1.35rem,7vw,2rem)}.privacy-footnote{color:#777e89;text-align:center;padding:8px 0;font-size:.7rem}.mobile-layout{width:100%;max-width:520px;min-height:100dvh;min-height:var(--app-height);background:radial-gradient(circle at 50% 22%,#c9ff4f12,#0000 30%),#0b0d12;grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.brand-header{z-index:5;padding:max(16px, env(safe-area-inset-top), var(--tg-content-safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right), var(--tg-content-safe-area-inset-right,0px)) 14px max(18px, env(safe-area-inset-left), var(--tg-content-safe-area-inset-left,0px));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d12eb;align-items:center;gap:12px;display:flex}.brand-name,.player-mode{margin:0}.brand-name{letter-spacing:-.02em;font-size:.88rem;font-weight:800}.player-mode{color:#858b96;align-items:center;gap:5px;margin-top:3px;font-size:.66rem;font-weight:600;display:flex}.mode-dot{background:#54e38e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #54e38e8c}.mode-dot--development{background:#ffbd66;box-shadow:0 0 8px #ffbd668c}.step-pill{border:1px solid var(--line);color:#7f8590;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:.67rem;font-weight:800}.content-panel{padding:30px max(22px, env(safe-area-inset-right), var(--tg-content-safe-area-inset-right,0px)) 24px max(22px, env(safe-area-inset-left), var(--tg-content-safe-area-inset-left,0px));align-self:center}.content-panel--centered{text-align:center}.content-panel h1{letter-spacing:-.055em;max-width:440px;margin:12px 0 14px;font-size:clamp(2rem,9vw,3.2rem);line-height:.98}.content-panel--centered h1{margin-left:auto;margin-right:auto}.lead-copy{max-width:430px;margin:0}.camera-orb{background:radial-gradient(circle,#c9ff4f24,#0000 68%),#12161b;border:1px solid #c9ff4f3d;border-radius:25px;place-items:center;width:74px;height:74px;margin-bottom:24px;display:grid;box-shadow:0 0 60px #c9ff4f12}.camera-lens{border:2px solid var(--accent);border-radius:8px;width:32px;height:24px}.camera-lens:before{border:2px solid var(--accent);content:"";border-radius:50%;width:7px;height:7px;margin:6px auto;display:block}.privacy-list{gap:8px;margin-top:26px;display:grid}.privacy-list article{border:1px solid var(--line);background:#ffffff06;border-radius:16px;grid-template-columns:42px 1fr;gap:13px;padding:12px;display:grid}.privacy-icon{width:42px;height:42px;color:var(--accent);background:#c9ff4f14;border-radius:12px;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.privacy-list h2,.privacy-list p{margin:0}.privacy-list h2{padding-top:2px;font-size:.82rem}.privacy-list p{color:#8f959f;margin-top:3px;font-size:.72rem;line-height:1.4}.action-footer,.camera-actions{padding:14px max(18px, env(safe-area-inset-right), var(--tg-content-safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom), var(--tg-content-safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left), var(--tg-content-safe-area-inset-left,0px));border-top:1px solid var(--line);background:#0b0d12f5}.action-footer>p{color:#686e78;text-align:center;margin:10px 0 0;font-size:.65rem}.action-footer--stacked{gap:4px;display:grid}.primary-button,.text-button{cursor:pointer;border:0;border-radius:16px;width:100%;min-height:52px;font-weight:800}.primary-button{color:var(--accent-ink);background:var(--accent);box-shadow:0 10px 30px #c9ff4f1f}.primary-button:disabled{cursor:wait;opacity:.58}.primary-button:focus-visible,.text-button:focus-visible{outline-offset:3px;outline:3px solid #c9ff4f59}.text-button{color:#969ca6;background:0 0}.tip-card{border:1px solid var(--line);color:#9399a3;text-align:left;background:#ffffff08;border-radius:15px;gap:5px;max-width:390px;margin:25px auto 0;padding:14px;font-size:.72rem;line-height:1.5;display:grid}.tip-card strong{color:#f0f1f3}.mobile-layout--camera{position:relative;overflow:hidden}.camera-stage{background:#15191d;min-height:0;position:relative;overflow:hidden}.camera-stage--battle{isolation:isolate;background:#090b17}.camera-feed,.battle-arena,.battle-canvas-host{position:absolute;inset:0}.battle-arena{z-index:0;background:radial-gradient(circle at 50% 38%,#172f52,#090b17 72%);overflow:hidden}.battle-arena--preload{opacity:0;pointer-events:none}.camera-feed{z-index:1}.battle-canvas-host{place-items:center;display:grid}.battle-canvas-host canvas{max-width:100%;max-height:100%;display:block}.battle-load-state{z-index:3;color:#c9ced7;background:#090b17;place-content:center;justify-items:center;gap:12px;font-size:.75rem;font-weight:700;display:grid;position:absolute;inset:0}.battle-load-state--error{color:#ffaf9b;text-align:center;padding:30px}.battle-reload-button{min-height:44px;color:var(--accent);cursor:pointer;background:#c9ff4f14;border:1px solid #c9ff4f6b;border-radius:12px;padding:10px 16px;font-weight:800}.battle-loader{border:3px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite battle-loader}.workout-camera-pip{z-index:5;aspect-ratio:9/16;background:#11151b;border:2px solid #c9ff4f94;border-radius:17px;width:clamp(96px,27vw,124px);position:absolute;bottom:86px;right:14px;overflow:hidden;box-shadow:0 15px 36px #00000080}.workout-camera-source{z-index:-1;opacity:.001;pointer-events:none;width:2px;height:2px;position:fixed;top:-3px;left:-3px;overflow:hidden}.workout-camera-source video{width:2px;height:2px}.workout-camera-pip video,.workout-camera-pip .camera-shade,.workout-camera-pip .pose-overlay{width:100%;height:100%;position:absolute;inset:0}.camera-pip-label{z-index:3;color:#e9ffc0;letter-spacing:.08em;text-align:center;background:#04070ab8;border-radius:7px;padding:5px 3px;font-size:.45rem;font-weight:900;position:absolute;bottom:5px;left:5px;right:5px}.battle-accessible-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.camera-stage video,.camera-shade{width:100%;height:100%;position:absolute;inset:0}.camera-stage video{object-fit:cover;transform:scaleX(-1)}.camera-shade{pointer-events:none;background:linear-gradient(#04060861,#0000 22% 70%,#040608b8),radial-gradient(#0000 30%,#0406086b 100%)}.pose-overlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pose-connection{stroke:var(--accent);stroke-linecap:round;stroke-width:3px;filter:drop-shadow(0 0 5px #c9ff4f8c)}.pose-point-halo{fill:#c9ff4f2e}.pose-point{fill:var(--accent);stroke:#0a0d07;stroke-width:1.5px}.frame-guide{z-index:2;border:1px solid #c9ff4f21;border-radius:48% 48% 28% 28%/20% 20% 12% 12%;position:absolute;inset:8% 12% 18%}.corner{border-color:var(--accent);border-style:solid;width:38px;height:38px;position:absolute}.corner--tl{border-width:3px 0 0 3px;border-radius:16px 0 0;top:-1px;left:-1px}.corner--tr{border-width:3px 3px 0 0;border-radius:0 16px 0 0;top:-1px;right:-1px}.corner--bl{border-width:0 0 3px 3px;border-radius:0 0 0 16px;bottom:-1px;left:-1px}.corner--br{border-width:0 3px 3px 0;border-radius:0 0 16px;bottom:-1px;right:-1px}.body-guide{opacity:.45;position:absolute;inset:8% 22% 6%}.body-head,.body-torso,.body-arms,.body-legs{border:2px dashed #ffffffa6;display:block;position:absolute;left:50%}.body-head{border-radius:50%;width:48px;height:48px;top:0;transform:translate(-50%)}.body-torso{border-radius:44% 44% 28% 28%;width:74px;height:42%;top:55px;transform:translate(-50%)}.body-arms{border-width:2px 0 0;width:150%;height:42%;top:70px;transform:translate(-50%)rotate(90deg)}.body-legs{border-width:0 2px;border-radius:0 0 20px 20px;width:82px;height:45%;bottom:0;transform:translate(-50%)}.calibration-banner{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b0fd1;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:13px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.calibration-banner--success{border-color:#c9ff4f57}.camera-stage--battle .calibration-banner{border-color:#c9ff4f57;right:18px}.rep-counter{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b0fcc;border:1px solid #c9ff4f52;border-radius:17px;min-width:92px;padding:12px 14px;display:grid;position:absolute;top:18px;left:18px}.rep-counter span{color:#9da3ad;letter-spacing:.14em;font-size:.57rem;font-weight:800}.rep-counter strong{color:var(--accent);margin-top:2px;font-size:2.3rem;line-height:1}.pose-metrics{z-index:4;color:#a7adb7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090b0fbf;border:1px solid #ffffff1a;border-radius:11px;grid-template-columns:repeat(2,auto);gap:3px 9px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;display:grid;position:absolute;top:18px;right:18px}.banner-indicator{width:38px;height:38px;color:var(--accent);background:#c9ff4f1c;border-radius:50%;place-items:center;font-weight:800;display:grid}.calibration-banner strong,.calibration-banner span{display:block}.calibration-banner strong{font-size:.75rem}.calibration-banner div>span{color:#979ca5;margin-top:3px;font-size:.62rem;line-height:1.4}.camera-actions{gap:5px;display:grid}.progress-track{background:#292d34;height:3px;margin:-15px -18px 11px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .24s;display:block}.orientation-hint{z-index:20;color:#f6f7f8;text-align:center;background:#080a0ef7;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:none;position:fixed;inset:0}.orientation-hint span{color:#969ca6;font-size:.82rem}.rotate-phone{border:2px solid var(--accent);border-radius:7px;width:34px;height:58px;margin-bottom:12px}@keyframes loading{0%{left:-10%}to{left:70%}}@keyframes battle-loader{to{transform:rotate(1turn)}}@media (orientation:landscape) and (height<=600px){.orientation-hint{display:flex}}@media (width>=521px){body{background:#050609}.mobile-layout{border-right:1px solid var(--line);border-left:1px solid var(--line);box-shadow:0 0 80px #00000073}}@media (width>=768px){.mobile-layout{max-width:none;box-shadow:none;border:0}.content-panel{width:min(100%,960px);margin:0 auto}.privacy-list{grid-template-columns:repeat(3,minmax(0,1fr))}.action-footer>*,.camera-actions>*{max-width:720px;margin-left:auto;margin-right:auto}.workout-camera-pip{width:168px;bottom:104px;right:24px}}@media (width<=350px){.content-panel{padding-top:20px}.content-panel h1{font-size:1.82rem}.privacy-list{margin-top:18px}.privacy-list article{padding:9px}.camera-orb{border-radius:19px;width:58px;height:58px;margin-bottom:17px}.workout-camera-pip{width:94px;bottom:82px;right:10px}.camera-stage--battle .calibration-banner{left:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}