:root{color:#f7f8f7;font-synthesis:none;text-rendering:optimizelegibility;--background:#070a09;--surface:#101411;--text:#f7f8f7;--muted:#a9b0ab;--line:#ffffff2e;--tracking:#c8fa45;--success:19 154 82;--content-width:1120px;background:#070a09;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body,#root{min-height:100%;margin:0}body{color:var(--text);background:var(--background)}button,a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--tracking);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content-width{width:min(calc(100% - 40px), var(--content-width));margin-inline:auto}.wordmark-link,.wordmark{align-items:center;display:inline-flex}.wordmark{letter-spacing:.025em;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:25px;font-style:italic;font-weight:900;line-height:1}.quiet-link{color:#f7f8f7b3;text-underline-offset:5px;font-size:15px;-webkit-text-decoration:underline #ffffff47;text-decoration:underline #ffffff47}.quiet-link:hover{color:var(--text)}.primary-cta,.secondary-cta{cursor:pointer;letter-spacing:-.025em;text-align:center;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:18px;min-height:62px;padding:0 24px;font-size:17px;font-weight:800;line-height:1.25;display:inline-flex}.primary-cta{background:var(--tracking);color:#081004;box-shadow:0 14px 42px #9be3181f}.primary-cta:hover{background:#d5ff67}.primary-cta svg{width:26px;height:26px}.secondary-cta{color:var(--text);background:0 0;border-color:#ffffffb8}.privacy-line{color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:14px;line-height:1.45;display:flex}.privacy-line svg{width:21px;height:21px;color:var(--tracking);flex:none}.landing-page{background:radial-gradient(circle at 50% 98%, #1faf5c1f, transparent 25%), var(--background);min-height:100dvh;overflow:hidden}.landing-header,.compact-header,.result-header{padding-top:max(24px, calc(env(safe-area-inset-top) + 18px));justify-content:space-between;align-items:center;display:flex}.landing-header{min-height:76px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:clamp(40px,8vw,104px);padding-block:clamp(62px,9vh,108px) 58px;display:grid}.landing-copy h1{letter-spacing:-.055em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(42px,5.1vw,72px);font-weight:850;line-height:1.13}.landing-copy>p{color:var(--muted);letter-spacing:-.025em;margin:24px 0 32px;font-size:clamp(18px,2vw,22px)}.landing-copy .primary-cta{width:min(100%,510px)}.landing-copy .privacy-line{width:min(100%,510px);margin-top:20px}.tracking-preview{background-color:#090d0b;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:25% 20%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c8fa4524;border-radius:20px;place-items:center;min-height:500px;display:grid;position:relative;overflow:hidden}.tracking-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#19804824);height:38%;position:absolute;inset:auto 0 0}.tracking-figure{z-index:1;width:min(78%,300px);max-height:450px;color:var(--tracking);position:relative}.tracking-frame{stroke-width:3px}.body-outline{color:#f7f8f773;stroke-width:1.5px}.pose-lines{stroke-width:2px}.landing-steps{border-top:1px solid var(--line);padding-block:70px 96px}.landing-steps h2{letter-spacing:-.04em;margin:0 0 38px;font-size:clamp(26px,3vw,36px)}.landing-steps ol{grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{border-left:1px solid var(--line);min-height:148px;padding:0 clamp(20px,4vw,48px)}.landing-steps li:first-child{border-left:0;padding-left:0}.step-number{width:34px;height:34px;color:var(--tracking);background:#c8fa450f;border:1px solid #c8fa4557;border-radius:50%;place-items:center;margin-bottom:22px;font-weight:800;display:grid}.landing-steps strong{letter-spacing:-.025em;font-size:19px;display:block}.landing-steps p{max-width:250px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.65}.landing-message{text-align:center;border-top:1px solid #ffffff14;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.landing-message:after{content:"";border:1px solid #42ef8b99;border-radius:50% 50% 0 0;width:min(1000px,150vw);height:260px;position:absolute;bottom:-210px;left:50%;transform:translate(-50%);box-shadow:0 -20px 58px #189b5333}.landing-message p{z-index:1;letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.2;position:relative}.landing-message span{color:var(--tracking)}.camera-permission-page{background:var(--background);min-height:100dvh}.compact-header{min-height:72px}.permission-panel{grid-template-columns:minmax(300px,.8fr) minmax(0,1fr);align-items:center;gap:clamp(48px,8vw,112px);min-height:calc(100dvh - 86px);padding-block:42px 70px;display:grid}.permission-visual{aspect-ratio:.72;background:linear-gradient(#0b0f0d,#080b09);border:1px dashed #ffffff2e;justify-self:end;width:min(100%,440px);position:relative}.permission-visual .tracking-figure{width:72%;height:88%;position:absolute;inset:6% 14%}.permission-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,66px);line-height:1.12}.permission-copy>p{max-width:600px;color:var(--muted);margin:24px 0 34px;font-size:18px;line-height:1.75}.permission-copy .primary-cta{width:min(100%,470px)}.permission-copy .privacy-line{justify-content:flex-start;max-width:470px;margin-top:20px}.workout-page{isolation:isolate;background:var(--background);width:100%;height:100dvh;min-height:520px;position:relative;overflow:hidden}.camera-backdrop,.camera-feed,.camera-feed video,.camera-feed canvas,.workout-shade,.depth-feedback{position:absolute;inset:0}.camera-backdrop{z-index:0;background:#070a09;place-items:center;display:grid;overflow:hidden}.camera-feed{opacity:0;background:#070a09;place-items:center;transition:opacity .22s;display:grid;overflow:hidden}.camera-feed[data-visible=true]{opacity:1}.camera-feed video,.camera-feed canvas{object-fit:contain;object-position:center;width:100%;height:100%;transform:scaleX(-1)}.camera-feed canvas{z-index:1;pointer-events:none}.workout-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000009e 0,#0000 24%),linear-gradient(0deg,#000000e0 0,#0000 34%)}.depth-feedback{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg, rgb(var(--success) / 48%) 0, transparent 28%, transparent 72%, rgb(var(--success) / 48%) 100%), linear-gradient(0deg, rgb(var(--success) / 44%) 0, transparent 38%);transition:opacity .26s}.workout-page--depth .depth-feedback{opacity:.82;animation:1.1s ease-in-out infinite depth-breathe}.workout-topbar{z-index:4;top:max(20px, calc(env(safe-area-inset-top) + 12px));right:max(22px, calc(env(safe-area-inset-right) + 16px));left:max(22px, calc(env(safe-area-inset-left) + 16px));pointer-events:none;text-shadow:0 2px 20px #0000009e;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.workout-topbar>div{gap:7px;display:grid}.device-analysis{color:#ffffffb8;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.device-analysis i{background:var(--tracking);border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #c8fa4599}.workout-topbar time{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:Arial Narrow,Arial,sans-serif;font-size:clamp(28px,8vw,46px);font-weight:800}.count-hud{color:var(--tracking);font-variant-numeric:tabular-nums;letter-spacing:-.045em;text-align:right;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(78px,23vw,138px);font-weight:900;line-height:.82;animation:.22s ease-out count-pop;display:block}.full-body-guide{z-index:3;pointer-events:none;border:1px dashed #ffffff38;width:min(67vw,440px);height:57%;position:absolute;top:17%;left:50%;transform:translate(-50%)}.guide-corner{width:36px;height:36px;color:var(--tracking);position:absolute}.guide-corner--one{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.guide-corner--two{border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.guide-corner--three{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.guide-corner--four{border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.countdown-overlay{z-index:6;color:var(--tracking);text-shadow:0 12px 60px #000000bf;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(132px,40vw,240px);line-height:1;animation:.95s ease-in-out infinite countdown-pulse;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.workout-status{z-index:5;right:20px;bottom:max(156px, calc(env(safe-area-inset-bottom) + 150px));text-align:center;text-shadow:0 2px 18px #000000e0;position:absolute;left:20px}.workout-status h2{color:var(--tracking);letter-spacing:-.045em;margin:0;font-size:clamp(25px,7vw,38px);font-weight:850}.workout-status p{color:#ffffffb8;margin:9px 0 0;font-size:14px;line-height:1.45}.calibration-progress{background:#ffffff2e;border-radius:999px;width:min(260px,64vw);height:3px;margin:15px auto 0;overflow:hidden}.calibration-progress span{border-radius:inherit;background:var(--tracking);height:100%;transition:width .1s linear;display:block}.workout-controls{z-index:7;right:max(22px, calc(env(safe-area-inset-right) + 16px));bottom:max(58px, calc(env(safe-area-inset-bottom) + 52px));left:max(22px, calc(env(safe-area-inset-left) + 16px));justify-content:center;gap:18px;display:flex;position:absolute}.round-control,.secondary-control{min-height:58px;color:var(--text);-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#050806a8;border:1.5px solid #ffffffd1}.round-control{border-radius:50%;flex:0 0 58px;place-items:center;width:58px;display:grid}.round-control svg{width:23px;height:23px}.secondary-control{border-radius:16px;width:min(58vw,290px);font-size:16px;font-weight:750}.secondary-control--wide{width:min(100%,360px)}.guest-hint{z-index:5;right:16px;bottom:max(17px, calc(env(safe-area-inset-bottom) + 10px));color:#ffffff7a;text-align:center;margin:0;font-size:11px;position:absolute;left:16px}.result-page{background:linear-gradient(0deg, #209a5124 0, transparent 12%), var(--background);flex-direction:column;min-height:100dvh;display:flex}.result-header{min-height:70px}.icon-link{place-items:center;width:44px;height:44px;display:grid}.icon-link svg{width:28px;height:28px}.result-content{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:640px;padding:42px 0 30px;display:flex}.result-primary{justify-items:center;display:grid}.result-count{letter-spacing:-.045em;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(148px,29vw,224px);font-weight:900;line-height:.82}.result-primary h1{letter-spacing:-.045em;margin:23px 0 0;font-size:clamp(30px,7vw,44px)}.result-divider{width:min(100%,390px);color:var(--tracking);align-items:center;gap:14px;margin:36px 0 26px;display:flex}.result-divider:before,.result-divider:after{content:"";background:#c8fa459e;flex:1;height:1px}.result-divider span{border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.result-duration{justify-items:center;gap:7px;display:grid}.result-duration span{color:var(--muted);font-size:15px}.result-duration strong{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(58px,15vw,82px)}.result-message{margin:35px 0 28px}.result-message p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.result-message p+p{color:var(--text);margin-top:18px;font-size:19px;font-weight:700}.result-message .save-warning{color:#ffce70}.result-actions{gap:12px;width:min(100%,500px);display:grid}.result-home-link{justify-self:center;margin-top:8px}.result-footnote{max-width:640px;padding:20px 0 max(28px, calc(env(safe-area-inset-bottom) + 18px));border-top:1px solid var(--line);color:#ffffff80;align-items:flex-start;gap:12px;display:flex}.result-footnote svg{flex:none;width:22px;height:22px}.result-footnote p{margin:0;font-size:12px;line-height:1.55}.result-page--centered,.gate-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}.result-page--centered{padding-inline:24px}.result-page--centered h1,.gate-page h1{letter-spacing:-.05em;margin:24px 0 0;font-size:clamp(34px,8vw,54px);line-height:1.12}.result-page--centered p,.gate-page p{max-width:520px;color:var(--muted);margin:18px 0 0;line-height:1.7}.result-page--centered .primary-cta,.gate-page .primary-cta{width:min(100%,440px)}.gate-page{max-width:680px;padding-block:max(30px, env(safe-area-inset-top)) max(30px, env(safe-area-inset-bottom))}@keyframes depth-breathe{0%,to{opacity:.5}50%{opacity:.9}}@keyframes count-pop{0%{opacity:.52;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes countdown-pulse{0%,to{opacity:.62;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=700px){.content-width{width:min(calc(100% - 40px), var(--content-width))}.wordmark{font-size:22px}.landing-header{min-height:68px}.landing-hero{text-align:center;flex-direction:column;gap:34px;padding-block:42px 44px;display:flex}.landing-copy h1{font-size:clamp(31px,8.5vw,42px);line-height:1.2}.landing-copy>p{margin:18px 0 26px;font-size:16px}.landing-copy .primary-cta{width:100%;min-height:64px}.landing-copy .privacy-line{width:100%;margin-top:17px;font-size:13px}.tracking-preview{border-radius:16px;width:min(100%,350px);min-height:348px}.tracking-figure{width:64%;max-height:320px}.landing-steps{padding-block:46px 58px}.landing-steps h2{margin-bottom:28px;font-size:25px}.landing-steps ol{grid-template-columns:1fr}.landing-steps li,.landing-steps li:first-child{border-top:1px solid var(--line);border-left:0;grid-template-columns:42px 1fr;gap:2px 12px;min-height:0;padding:20px 0;display:grid}.landing-steps li:first-child{border-top:0}.step-number{grid-row:1/span 2;margin:0}.landing-steps strong,.landing-steps p{text-align:left}.landing-steps p{max-width:none;margin:5px 0 0}.landing-message{min-height:250px}.landing-message p{font-size:34px}.permission-panel{flex-direction:column;gap:26px;min-height:calc(100dvh - 72px);padding-block:24px 36px;display:flex}.permission-visual{flex:0 310px;justify-self:auto;width:min(62vw,245px)}.permission-copy{text-align:center}.permission-copy h1{font-size:clamp(30px,8vw,39px)}.permission-copy>p{margin:16px 0 24px;font-size:14px;line-height:1.65}.permission-copy .privacy-line{justify-content:center;font-size:12px}.result-content{width:calc(100% - 40px);padding:14px 0}.result-footnote{width:calc(100% - 40px);padding-block:12px max(18px, calc(env(safe-area-inset-bottom) + 10px))}.result-header{min-height:60px;padding-top:max(14px, calc(env(safe-area-inset-top) + 10px))}.result-count{font-size:clamp(118px,32vw,138px)}.result-primary h1{margin-top:10px;font-size:30px}.result-divider{margin:18px 0 12px}.result-duration{gap:2px}.result-duration strong{font-size:54px;line-height:1.05}.result-message{margin:20px 0 18px}.result-message p{font-size:14px;line-height:1.5}.result-message p+p{margin-top:11px;font-size:16px;line-height:1.5}.result-actions{gap:9px}.result-actions .primary-cta,.result-actions .secondary-cta{min-height:55px}.result-home-link{margin-top:3px}}@media (height<=700px){.permission-panel{gap:14px;padding-block:8px 18px}.permission-visual{flex:0 0 205px;width:min(43vw,180px)}.permission-copy h1{font-size:28px}.permission-copy>p{margin:10px 0 14px;font-size:12px;line-height:1.5}.permission-copy .primary-cta{min-height:54px}.permission-copy .privacy-line{margin-top:10px;font-size:11px}.workout-topbar{top:max(12px, calc(env(safe-area-inset-top) + 7px))}.count-hud{font-size:clamp(66px,18vh,104px)}.full-body-guide{height:52%;top:15%}.workout-status{bottom:max(136px, calc(env(safe-area-inset-bottom) + 128px))}.workout-status h2{font-size:24px}.workout-status p{margin-top:5px;font-size:12px}.workout-controls{bottom:max(48px, calc(env(safe-area-inset-bottom) + 42px))}.round-control,.secondary-control{min-height:52px}.round-control{flex-basis:52px;width:52px}.result-content{padding-top:18px}.result-count{font-size:128px}.result-primary h1{margin-top:14px}.result-divider{margin-block:22px 16px}.result-duration strong{font-size:52px}.result-message{margin-block:22px 20px}}@media (orientation:landscape) and (height<=620px){.full-body-guide{width:min(34vw,360px);height:72%;top:12%}.workout-status{right:max(24px, calc(env(safe-area-inset-right) + 18px));text-align:right;width:min(31vw,360px);bottom:50%;left:auto;transform:translateY(50%)}.workout-controls{right:max(24px, calc(env(safe-area-inset-right) + 18px));bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px));width:min(34vw,370px);left:auto}.guest-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.workout-page--depth .depth-feedback{opacity:.72}}