@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#14254d;background:#dce8ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #14254d;--blue: #1748c7;--blue-dark: #10389d;--orange: #ff6038;--muted: #63718e;--line: #bfcee8;--paper: #f7faff;--display: "Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{touch-action:manipulation}[hidden]{display:none!important}.icon{width:21px;height:21px;flex:0 0 auto}.app-shell{width:min(1200px,calc(100% - 64px));margin:0 auto;padding:28px 0 20px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:750;letter-spacing:.08em}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--blue);color:#fff;font-size:23px;line-height:1;transform:rotate(-5deg)}.privacy{display:inline-flex;align-items:center;gap:8px;color:#4f6182;font-size:12px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#16815b;box-shadow:0 0 0 4px #16815b12}.workout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(350px,.86fr);gap:28px;align-items:start}.camera-column{min-width:0}.camera-frame{position:relative;height:min(700px,calc(100svh - 164px));min-height:540px;overflow:hidden;isolation:isolate;border-radius:28px;background:#172847;box-shadow:0 20px 55px #29447920}#camera{width:100%;height:100%;display:block;object-fit:cover}#camera.mirrored{transform:scaleX(-1)}#skeleton{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camera-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#071a3c6e 0%,transparent 22%,transparent 65%,#071a3c55 100%)}.camera-frame:has(.camera-message:not([hidden])):after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,#244a84,#142a50 58%,#0b1b36)}.camera-message{position:absolute;z-index:3;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:76px 25px 28px;text-align:center;color:#fff}.start-illustration{height:140px;width:110px;margin-bottom:23px;transform:rotate(3deg)}.start-illustration svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#cfe0ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.start-illustration circle{fill:#ff7858;stroke:none}.start-illustration .rope{stroke:#ff7858;stroke-width:3}.camera-message h1{margin:0 0 18px;font-size:clamp(29px,3.3vw,43px);line-height:1.5;font-weight:700;letter-spacing:.04em}.camera-message h2{margin:0 0 15px;font-size:30px}.camera-message p{margin:0 0 27px;color:#becde5;font-size:13px;line-height:1.95}.button{min-height:50px;border:0;border-radius:14px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;font-size:14px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{background:var(--orange);color:#251c25;box-shadow:0 5px 18px #ff603823}.button-primary:hover:not(:disabled){background:#ff7957;box-shadow:0 5px 22px #ff603840}.camera-message .button{min-width:205px;min-height:54px}.permission-hint{color:#8fa4c6;font-size:11px;margin-top:15px}.camera-message.is-loading .start-illustration{opacity:.4}.spinner{width:18px;height:18px;border:2px solid #251c2540;border-top-color:#251c25;border-radius:50%;animation:spin .7s linear infinite}.view-topline{position:absolute;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:4;color:#d3e1f7;font-size:11px;pointer-events:none}.live-label{display:inline-flex;align-items:center;gap:8px}#live-dot{width:6px;height:6px;background:#aabdd7;border-radius:50%}body[data-status=ready] #live-dot{background:#68e7a5;box-shadow:0 0 0 4px #68e7a526}body[data-status=calibrating] #live-dot{background:#ffd67a}.view-label{padding:5px 9px;border:1px solid #d3e1f72e;border-radius:6px}.framing-guide{position:absolute;inset:16% 30% 12%;opacity:.2;pointer-events:none;color:#c1d7fa}.guide-head{position:absolute;top:0;left:calc(50% - 17px);width:34px;height:40px;border:1px dashed currentColor;border-radius:50%}.guide-body{position:absolute;top:52px;left:25%;right:25%;height:34%;border:1px dashed currentColor;border-radius:30% 30% 15% 15%}.guide-legs{position:absolute;inset:48% 33% 0;border:1px dashed currentColor;border-top:0;clip-path:polygon(0 0,100% 0,90% 100%,60% 100%,50% 20%,40% 100%,10% 100%)}.framing-message{position:absolute;z-index:4;left:22px;right:22px;bottom:30px;background:#0c1d3dde;backdrop-filter:blur(10px);border:1px solid #bed4ff35;color:#f0f5ff;padding:14px 18px;border-radius:12px;font-size:13px;line-height:1.7;text-align:center}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d3e1f73d;background:#10264dcc;color:#fff;border-radius:50%}.camera-switch{position:absolute;z-index:4;right:22px;bottom:28px}.camera-frame:has(.framing-message:not([hidden])) .camera-switch{bottom:97px}.camera-caption{display:flex;justify-content:space-between;gap:16px;color:#647491;padding:14px 3px 0;font-size:11px;line-height:1.6}.control-column{min-width:0}.count-panel{background:var(--paper);border-radius:24px;padding:28px 32px 23px;border:1px solid #f7faff80}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin:0;font-size:14px;font-weight:600}.status-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:7px;background:#e5ebf6;color:#5d6d8a;font-size:11px;white-space:nowrap}body[data-status=ready] .status-badge{background:#ddf3e7;color:#176f4b}body[data-status=calibrating] .status-badge{background:#fff0d5;color:#80540c}.count-number{display:flex;align-items:baseline;justify-content:center;gap:14px;margin:12px 0;min-height:172px}#count{display:inline-block;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(140px,15vw,204px);font-weight:600;line-height:.95;letter-spacing:-.045em;color:var(--blue);transform-origin:50% 80%}.count-unit{color:#75819b;font-size:14px}.progress-track{height:3px;background:#dfe7f4;border-radius:2px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:var(--orange);transition:width .18s ease}.stats{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 27px}.stats>div+div{border-left:1px solid #dce4f1;padding-left:28px}.stat-label{display:block;font-size:12px;color:#71809a;margin-bottom:8px}.stats strong{font-family:var(--display);font-size:33px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.stats small{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;color:#7d8aa1;font-weight:400}.workout-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.workout-actions .button{padding:0 13px}.button-secondary{background:#e6edf8;color:#31476e}.button-secondary:hover:not(:disabled){background:#d7e3f5}.action-hint{min-height:18px;margin:13px 0 0;text-align:center;color:#7a879f;font-size:11px;line-height:1.6}.utility-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.utility-button{min-height:51px;padding:0 15px;border:1px solid #b9cbea;border-radius:13px;background:transparent;color:#3e5277;display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px}.utility-button:hover{background:#d1e0fa}.utility-button .icon{width:18px}.toggle-indicator{position:relative;width:23px;height:13px;border-radius:10px;background:#a0afc7;margin-left:1px}.toggle-indicator:after{content:"";position:absolute;top:3px;left:3px;width:7px;height:7px;border-radius:50%;background:#fff;transition:transform .15s}[aria-pressed=true] .toggle-indicator{background:#2d7e60}[aria-pressed=true] .toggle-indicator:after{transform:translate(10px)}.how-it-works,.debug-details{margin-top:22px;border-top:1px solid var(--line)}.how-it-works summary,.debug-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:18px 2px;color:#3c527a;font-size:12px}summary::-webkit-details-marker{display:none}.how-it-works summary span{color:#7c8ba7;font-size:11px}.how-it-works summary span:after{content:" +"}.how-it-works[open] summary span:after{content:" −"}.how-it-works ol{list-style:none;padding:0;margin:0 0 7px}.how-it-works li{color:#667895;font-size:12px;line-height:1.85;padding:7px 0}.how-it-works li span{display:block;color:#203d6c;font-weight:600;margin-bottom:1px}.debug-details{margin-top:6px}.debug-details summary{color:#73829c;padding:15px 2px}.debug-details summary:after{content:"+"}.debug-details[open] summary:after{content:"−"}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.debug-grid div{padding:10px 12px;background:#d3e0f5;border-radius:8px}.debug-grid dt{font-size:11px;color:#6a7c9b;margin-bottom:5px}.debug-grid dd{margin:0;font-family:var(--display);font-size:20px}.debug-details p{font-size:11px;line-height:1.8;color:#6c7c96;margin:0 0 10px}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:32px;padding-top:18px;font-size:11px;color:#71809b;line-height:1.7}.paused-mark{display:grid;place-items:center;width:70px;height:70px;border:1px solid #7f9ccc;border-radius:50%;margin-bottom:25px;color:#bed2f4}.paused-mark .icon{width:30px;height:30px}.text-button{background:none;border:0;color:#acbfdd;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:15px 12px 0}.error-dialog{position:fixed;border:1px solid #dae3f4;border-radius:24px;padding:35px;width:min(430px,calc(100% - 40px));color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #00164345}.error-dialog::backdrop{background:#07152ab3;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:15px;background:none;border:0;color:#617392}.error-icon{display:grid;place-items:center;background:#e0eaff;width:50px;height:50px;border-radius:15px;color:var(--blue);margin-bottom:20px}.error-dialog h2{font-size:21px;margin:0 0 15px}.error-dialog p{color:#637491;line-height:1.9;font-size:13px;margin-bottom:23px}.error-dialog .button-primary{background:var(--blue);color:#fff;width:100%}.count-pulse{animation:count-pulse .18s ease-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes count-pulse{40%{transform:translateY(-6px);color:var(--orange)}}@media(min-width:1200px){.workout{grid-template-columns:1.07fr .93fr;gap:40px}.count-panel{padding:32px 42px 25px}}@media(max-width:900px){.app-shell{width:min(680px,calc(100% - 40px));padding-top:22px}.site-header{margin-bottom:22px}.workout{grid-template-columns:1fr;gap:20px}.camera-frame{height:min(660px,72svh);min-height:470px}.count-panel{padding:25px 30px}#count{font-size:175px}.count-number{min-height:158px}.control-column{display:grid;grid-template-columns:1fr}.how-it-works{margin-top:22px}.site-footer{margin-top:26px}}@media(max-width:480px){.app-shell{width:calc(100% - 28px);padding-top:max(17px,env(safe-area-inset-top))}.site-header{margin-bottom:17px}.brand{font-size:17px;gap:9px}.brand-symbol{width:32px;height:32px;font-size:20px;border-radius:9px}.privacy{font-size:10px;gap:6px}.camera-frame{border-radius:21px;height:min(600px,68svh);min-height:460px}.camera-message{padding:66px 18px 24px}.camera-message h1{font-size:30px}.start-illustration{height:116px;margin-bottom:19px}.camera-message p{font-size:12px;margin-bottom:24px}.camera-caption{font-size:10px;gap:10px}.view-topline{top:19px;left:19px;right:19px}.count-panel{padding:22px 22px 20px;border-radius:20px}.count-number{margin:15px 0 12px;min-height:144px}#count{font-size:164px}.stats{margin:22px 0}.stats strong{font-size:31px}.stats>div+div{padding-left:24px}.button{min-height:51px}.utility-row{gap:8px}.utility-button{padding:0 10px;gap:7px}.site-footer{flex-direction:column;gap:5px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.error-dialog{padding:30px 25px}}@media(min-width:901px)and (max-height:760px){.app-shell{padding-top:18px}.site-header{margin-bottom:18px}.camera-frame{height:calc(100svh - 138px);min-height:430px}.camera-message{padding:48px 22px 18px}.start-illustration{height:78px;margin-bottom:13px}.camera-message h1{font-size:28px;line-height:1.4;margin-bottom:11px}.camera-message p{font-size:12px;line-height:1.7;margin-bottom:17px}.permission-hint{margin-top:11px}.count-panel{padding:20px 28px 18px}.count-number{min-height:112px;margin:8px 0}#count{font-size:134px}.stats{margin:18px 0}.utility-row{margin-top:10px}}@media(max-height:690px)and (max-width:480px){.camera-frame{min-height:430px}.start-illustration{height:88px;margin-bottom:14px}.camera-message h1{font-size:26px;margin-bottom:12px}.camera-message p{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}