/* Local preview additions. The existing GO HYBRID layout and result visuals remain the base. */
.preview-sex-screen.screen.question{max-width:850px;padding-top:clamp(55px,8svh,90px)}
.preview-sex-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.preview-sex-card{position:relative;display:block;width:100%;aspect-ratio:.81;padding:0;overflow:hidden;border:2px solid var(--line);border-radius:16px;background:#15241a;color:#fff;text-align:left}
.preview-sex-card:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#07160ee8);pointer-events:none}
.preview-sex-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.preview-sex-card strong{position:absolute;z-index:1;left:24px;bottom:22px;font-size:21px;font-weight:650}
.preview-sex-mark{position:absolute;z-index:1;right:22px;bottom:23px;width:26px;height:26px;border:1.5px solid white;border-radius:50%}
.preview-sex-card.is-selected{border-color:#9dbb9a;box-shadow:0 0 0 3px #cddfc9}
.preview-sex-card.is-selected .preview-sex-mark{display:grid;place-items:center;background:#4c8056}
.preview-sex-card.is-selected .preview-sex-mark:after{content:"✓";font-size:17px}
.preview-continue{display:flex;justify-content:space-between;width:100%;min-height:68px;margin-top:30px;padding:15px 28px;font-size:19px}
.preview-continue span{font-size:30px;font-weight:350;line-height:1}
.preview-continue:disabled{background:#e7eae1;color:#6a766d;cursor:not-allowed}
.goal-copy .options{gap:14px;border:0}
.goal-copy .option{isolation:isolate;min-height:170px;align-items:end;padding:18px;border:1px solid #a0b3a5;border-radius:14px;color:#fff;background-image:linear-gradient(180deg,#10231a12 15%,#07160ee0 100%),var(--preview-photo);background-size:cover;background-position:var(--preview-position,center);overflow:hidden}
.goal-copy .option:nth-child(1){--preview-photo:url('./assets/motion-preview/perder-gordura.webp');--preview-position:center 46%}
.goal-copy .option:nth-child(2){--preview-photo:url('./assets/motion-preview/ganhar-massa.webp');--preview-position:center 39%}
.goal-copy .option:nth-child(3){--preview-photo:url('./assets/motion-preview/construir-rotina.webp');--preview-position:center 57%}
.goal-copy .option:nth-child(4){--preview-photo:url('./assets/motion-preview/forca-energia.webp');--preview-position:center 50%}
.goal-copy .option strong,.goal-copy .option small{color:#fff}
.goal-copy .option strong{font-size:20px}
.goal-copy .option small{font-size:11px}
.goal-copy .option-mark{opacity:1;border-color:#fff;align-self:end}
.goal-copy .option.is-selected{color:#fff;border-color:var(--coral);box-shadow:inset 0 0 0 2px var(--coral)}
.goal-copy .option.is-selected small{color:#fff}
.goal-copy .option.is-selected .option-mark{background:var(--coral);border-color:var(--coral);box-shadow:inset 0 0 0 4px #133a31}
.goal-copy .option:after{display:none}
@media(min-width:761px){
 .goal-copy .option:nth-child(1){--preview-position:center 19%}
 .goal-copy .option:nth-child(2){--preview-position:center 12%}
 .goal-copy .option:nth-child(3){--preview-position:center 70%}
 .goal-copy .option:nth-child(4){--preview-position:center 29%}
 .goal-copy .option:nth-child(1):before{background-position:center 19%}
 .goal-copy .option:nth-child(2):before{background-position:center 12%}
 .goal-copy .option:nth-child(3):before{background-position:center 70%}
 .goal-copy .option:nth-child(4):before{background-position:center 29%}
}
@media(min-width:881px){
 .goal-copy{transform:translateY(-38px)}
 .goal-copy .options{width:min(860px,100%);margin-top:26px}
 .goal-copy .option{min-height:195px;padding:21px}
}
.preview-number-screen.screen.question{max-width:950px;padding-top:clamp(52px,8svh,84px);padding-bottom:24px}
.preview-number-screen .field-error:empty{display:none}
.preview-number-screen .screen-head h1,.preview-occupation-screen .screen-head h1{font-size:clamp(46px,5vw,72px);max-width:900px}
.preview-number-picker{display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;margin-top:38px;gap:24px}
.preview-number-adjust{width:76px;height:76px;border:1px solid #cbd8c8;border-radius:50%;background:#fffef9;font-size:34px;font-weight:350;color:var(--ink)}
.preview-number-adjust:hover{border-color:var(--ink)}
.preview-number-field{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0}
.preview-number-field input{display:block;width:min(100%,460px);padding:0;border:0;outline:0;background:transparent;text-align:center;color:#171c19;font-size:clamp(85px,12vw,154px);font-weight:510;letter-spacing:-.065em;line-height:1.04;font-variant-numeric:tabular-nums}
.preview-number-field input:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:6px}
.preview-number-field span{font-size:23px;color:var(--muted)}
@media(min-width:761px){
 .preview-number-screen[data-number-step="weight"].screen.question{padding-top:clamp(28px,5svh,52px)}
 .preview-number-screen[data-number-step="weight"] .screen-head h1{font-size:clamp(48px,4.2vw,64px)}
 .preview-number-screen[data-number-step="weight"] .preview-number-picker{margin-top:18px}
 .preview-number-screen[data-number-step="weight"] .preview-number-field input{width:min(100%,390px);height:130px;font-size:clamp(84px,7vw,112px);line-height:1.1}
 .preview-number-screen[data-number-step="weight"] .preview-ruler{height:120px}
 .preview-number-screen[data-number-step="weight"] .preview-ruler-ticks{top:22px}
 .preview-number-screen[data-number-step="weight"] .preview-tick em{top:64px}
 .preview-number-screen[data-number-step="weight"] .preview-ruler-marker{bottom:22px}
 .preview-number-screen[data-number-step="weight"] .preview-continue{margin-top:18px}
}
@media(min-width:761px) and (max-height:760px){
 .preview-number-screen[data-number-step="weight"].screen.question{padding-top:16px}
 .preview-number-screen[data-number-step="weight"] .screen-tools{position:static;margin:0 0 6px}
 .preview-number-screen[data-number-step="weight"] .screen-head h1{font-size:clamp(42px,4vw,54px)}
 .preview-number-screen[data-number-step="weight"] .preview-number-picker{margin-top:6px}
 .preview-number-screen[data-number-step="weight"] .preview-number-field input{height:98px;font-size:clamp(72px,6vw,90px)}
 .preview-number-screen[data-number-step="weight"] .preview-ruler{height:96px}
 .preview-number-screen[data-number-step="weight"] .preview-ruler-ticks{top:12px}
 .preview-number-screen[data-number-step="weight"] .preview-tick em{top:60px}
 .preview-number-screen[data-number-step="weight"] .preview-ruler-marker{bottom:12px}
 .preview-number-screen[data-number-step="weight"] .preview-continue{min-height:58px;margin-top:10px;padding-top:10px;padding-bottom:10px}
 .preview-number-screen[data-number-step="weight"] .preview-skip{margin-top:5px}
}
.preview-ruler{position:relative;width:100%;height:136px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;touch-action:none;cursor:ew-resize;user-select:none;background:linear-gradient(90deg,var(--cream),transparent 5%,transparent 95%,var(--cream))}
.preview-ruler-ticks{position:absolute;inset:30px 0 0}
.preview-tick{position:absolute;top:0;width:1px;height:32px;background:#b8c9b7;transform:translateX(-50%)}
.preview-tick.is-major{height:58px;background:#718a77}
.preview-tick em{position:absolute;top:72px;left:50%;transform:translateX(-50%);font-size:17px;font-style:normal;color:#718075;white-space:nowrap}
.preview-ruler-marker{position:absolute;left:50%;top:13px;bottom:30px;width:3px;background:var(--ink);transform:translateX(-50%);pointer-events:none}
.preview-ruler-marker:before{content:"";position:absolute;top:-1px;left:-7px;border:8px solid transparent;border-top-color:var(--ink)}
.preview-skip{display:block;margin:14px auto 0;padding:6px;border:0;background:none;color:var(--muted);font-size:15px}
.preview-time-bars{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}
.preview-time-heading,.preview-bar-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}
.preview-time-heading{font-size:12px;letter-spacing:.11em}
.preview-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;height:60px;margin-top:18px}
.preview-bars i{display:block;border-radius:4px;background:linear-gradient(to top,#dbe7d8 0 100%);position:relative;overflow:hidden}
.preview-bars i:before{content:"";position:absolute;inset:auto 0 0;height:var(--fill);background:#3d7953}
.preview-bars i:after{content:"";position:absolute;inset:auto 0 0;height:var(--red);background:#e9352f}
.preview-bar-foot{font-size:13px;margin-top:12px}
.preview-bar-foot b{font-weight:450;color:#d5352e}
@media(min-width:761px){
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]).screen.question{padding-top:20px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .screen-tools{position:static;margin:0 0 8px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .screen-head h1{font-size:clamp(46px,4vw,62px)}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-number-picker{margin-top:18px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-number-field input{height:118px;font-size:clamp(82px,7vw,112px)}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-ruler{height:112px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-ruler-ticks{top:20px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-tick em{top:62px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-ruler-marker{bottom:22px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-time-bars{margin-top:14px;padding-top:12px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-bars{height:42px;margin-top:10px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-continue{min-height:58px;margin-top:16px}
 .preview-number-screen[data-number-step="sittingHours"].screen.question{padding-top:20px}
 .preview-number-screen[data-number-step="sittingHours"] .screen-head h1{font-size:clamp(42px,3.3vw,50px)}
 .preview-number-screen[data-number-step="sittingHours"] .support{margin-top:8px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-number-picker{margin-top:4px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-number-field input{height:88px;font-size:clamp(70px,6vw,88px)}
 .preview-number-screen[data-number-step="sittingHours"] .preview-ruler{height:88px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-ruler-ticks{top:14px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-tick em{top:48px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-ruler-marker{bottom:10px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-time-bars{margin-top:8px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-bars{height:36px}
 .preview-number-screen[data-number-step="sittingHours"] .preview-continue{margin-top:8px}
}
@media(min-width:761px) and (max-height:760px){
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]).screen.question{padding-top:8px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .screen-tools{position:static;margin:0 0 3px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .eyebrow{margin-bottom:4px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .screen-head h1{font-size:clamp(36px,3vw,42px)}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .support{margin-top:4px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-number-picker{margin-top:2px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-number-adjust{width:60px;height:60px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-number-field input{height:68px;font-size:64px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-number-field span{font-size:18px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-ruler{height:72px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-ruler-ticks{top:5px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-tick{height:26px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-tick.is-major{height:40px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-tick em{top:43px;font-size:14px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-ruler-marker{top:7px;bottom:7px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-time-bars{margin-top:6px;padding-top:6px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-bars{height:24px;margin-top:4px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-bar-foot{margin-top:4px}
 .preview-number-screen:is([data-number-step="workHours"],[data-number-step="workDays"],[data-number-step="sittingHours"]) .preview-continue{min-height:46px;margin-top:6px;padding-top:8px;padding-bottom:8px}
}
@media(min-width:761px){
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]).screen.question{padding-top:clamp(20px,4svh,40px)}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .screen-tools{position:static;margin:0 0 8px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .screen-head h1{font-size:clamp(44px,4.2vw,62px)}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-number-picker{margin-top:16px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-number-field input{height:116px;font-size:clamp(82px,8vw,112px)}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-number-field span{font-size:20px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-ruler{height:108px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-ruler-ticks{top:18px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-tick em{top:60px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-ruler-marker{top:11px;bottom:35px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-continue{min-height:58px;margin-top:16px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-skip{margin-top:6px}
}
@media(min-width:761px) and (max-height:760px){
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]).screen.question{padding-top:12px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .screen-tools{margin-bottom:4px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .eyebrow{margin-bottom:6px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .screen-head h1{font-size:clamp(42px,4vw,52px)}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-number-picker{margin-top:8px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-number-field input{height:88px;font-size:84px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-ruler{height:90px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-ruler-ticks{top:12px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-tick em{top:52px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-ruler-marker{top:7px;bottom:30px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-continue{min-height:52px;margin-top:10px}
 .preview-number-screen:is([data-number-step="height"],[data-number-step="age"]) .preview-skip{margin-top:4px}
}
.preview-occupation-screen.screen.question{max-width:950px;padding-top:clamp(36px,5svh,56px)}
.preview-occupation-form{margin-top:28px}
.preview-occupation-form>input{width:100%;min-height:72px;border:1px solid var(--line);border-radius:14px;background:#fffef9;padding:16px 22px;font-size:22px;color:var(--ink)}
.preview-occupation-form>input::placeholder{color:#a9b4a7}
.preview-quick-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.preview-quick-choices button{padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:#f4f6ef;color:#4d6054}
.preview-quick-choices button:hover{border-color:#80a387}
@media(min-width:761px){
 .preview-occupation-screen .screen-head h1{font-size:clamp(46px,4.1vw,62px)}
 .preview-occupation-screen .preview-occupation-form{margin-top:20px}
 .preview-occupation-screen .preview-occupation-form>input{min-height:60px;padding:12px 18px;font-size:19px}
 .preview-occupation-screen .preview-quick-choices{margin-top:14px;gap:8px}
 .preview-occupation-screen .preview-quick-choices button{padding:10px 13px}
 .preview-occupation-screen .preview-continue{min-height:60px;margin-top:20px}
 .preview-occupation-screen .preview-skip{margin-top:8px}
}
@media(min-width:761px) and (max-height:760px){
 .preview-occupation-screen.screen.question{padding-top:26px}
 .preview-occupation-screen .screen-head h1{font-size:clamp(40px,3.7vw,50px)}
 .preview-occupation-screen .preview-occupation-form{margin-top:12px}
 .preview-occupation-screen .preview-occupation-form>input{min-height:52px}
 .preview-occupation-screen .preview-quick-choices{margin-top:10px}
 .preview-occupation-screen .preview-quick-choices button{padding:7px 10px}
 .preview-occupation-screen .preview-continue{min-height:52px;margin-top:12px}
}
.preview-sitting-insight.screen{max-width:1080px;align-content:center}
.preview-sitting-insight h1{font-size:clamp(42px,5vw,70px);line-height:1.08}
.preview-sitting-insight h1 em{font-style:normal;color:#d5382d}
.preview-sitting-total{display:flex;align-items:center;gap:18px;margin:42px 0 12px}
.preview-sitting-total strong{font-size:clamp(64px,8vw,100px);font-weight:550;line-height:1;font-variant-numeric:tabular-nums}
.preview-sitting-total strong.is-counting{animation:preview-total-rise .8s cubic-bezier(.16,1,.3,1) both}
@keyframes preview-total-rise{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.preview-sitting-insight.is-entering :is(.eyebrow,h1,.preview-sitting-total,.preview-sitting-study,.primary){animation:sitting-reveal .55s cubic-bezier(.2,.7,.2,1) both}
.preview-sitting-insight.is-entering h1{animation-delay:80ms}
.preview-sitting-insight.is-entering .preview-sitting-total{animation-delay:190ms}
.preview-sitting-insight.is-entering .preview-sitting-study{animation-delay:350ms}
.preview-sitting-insight.is-entering .primary{animation-delay:500ms}
@keyframes sitting-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.preview-sitting-total > span{color:var(--muted);font-size:18px}
.preview-sitting-study{max-width:860px;margin:18px 0 4px;padding:18px 22px;border-left:3px solid var(--coral);background:#f3f5ed}
.preview-sitting-study h2{font-size:18px;line-height:1.25;font-weight:650;color:var(--ink);margin:0 0 8px}
.preview-sitting-study p{font-size:15px;line-height:1.5;color:#4f6054;margin:0}
.preview-sitting-insight .primary{justify-self:start;margin-top:28px}
.annual-time-insight.screen{max-width:1040px;min-height:0;align-content:start;gap:0;padding:clamp(28px,4vw,48px)!important;border-radius:22px;background:#173d32;color:#fcfaf4}
.annual-time-insight .eyebrow{font-size:12px;letter-spacing:.14em;color:#b6cfc2;margin:0 0 16px}
.annual-time-insight h1{max-width:760px;font-size:clamp(38px,4.2vw,62px);line-height:1.05;letter-spacing:-.055em;font-weight:620;color:#fcfaf4}
.annual-time-origin{margin:14px 0 0;color:#c6d8ce;font-size:15px;line-height:1.45}
.annual-time-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px;padding:20px 0;border-top:1px solid #8cad9b66;border-bottom:1px solid #8cad9b66}
.annual-time-metrics>div{display:grid;align-content:start;gap:3px;min-width:0}
.annual-time-metrics strong{font-size:clamp(38px,4.8vw,68px);font-weight:560;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.annual-time-metrics span{font-size:14px;line-height:1.4;color:#c6d8ce}
.annual-time-conclusion{display:flex;align-items:baseline;gap:18px;margin-top:21px}
.annual-time-conclusion strong{font-size:clamp(76px,10vw,132px);font-weight:570;line-height:.92;letter-spacing:-.08em;color:#f36b59;font-variant-numeric:tabular-nums}
.annual-time-conclusion p{font-size:21px;line-height:1.2;margin:0;color:#fcfaf4}
.annual-time-insight .primary{justify-self:start;min-width:190px;margin-top:22px;background:#f36b59;color:#173d32}
.annual-time-insight.is-entering .eyebrow,.annual-time-insight.is-entering h1,.annual-time-insight.is-entering .annual-time-origin,.annual-time-insight.is-entering .annual-time-metrics>div,.annual-time-insight.is-entering .annual-time-conclusion,.annual-time-insight.is-entering .primary{animation:annual-time-reveal .7s cubic-bezier(.16,1,.3,1) both}
.annual-time-insight.is-entering h1{animation-delay:.1s}
.annual-time-insight.is-entering .annual-time-origin{animation-delay:.18s}
.annual-time-insight.is-entering .annual-time-metrics>div:nth-child(1){animation-delay:.25s}
.annual-time-insight.is-entering .annual-time-metrics>div:nth-child(2){animation-delay:.53s}
.annual-time-insight.is-entering .annual-time-metrics>div:nth-child(3){animation-delay:.84s}
.annual-time-insight.is-entering .annual-time-conclusion{animation-delay:1.25s}
.annual-time-insight.is-entering .primary{animation-delay:1.65s}
@keyframes annual-time-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-height:760px){
 .annual-time-insight.screen{padding:28px 34px!important}
 .annual-time-insight h1{font-size:clamp(35px,3.5vw,48px)}
 .annual-time-metrics{margin-top:18px;padding:14px 0}
 .annual-time-metrics strong{font-size:48px}
 .annual-time-conclusion{margin-top:13px}
 .annual-time-conclusion strong{font-size:86px}
 .annual-time-insight .primary{min-height:46px;margin-top:14px}
}
@media(min-width:761px) and (max-height:760px){
 .preview-sitting-insight.screen{align-content:start;padding-top:16px;padding-bottom:16px}
 .preview-sitting-insight h1{font-size:clamp(40px,4vw,52px);line-height:1.03}
 .preview-sitting-total{margin:20px 0 4px}
 .preview-sitting-total strong{font-size:68px}
 .preview-sitting-total > span{font-size:15px}
 .preview-sitting-study{margin:10px 0 2px;padding:10px 16px}
 .preview-sitting-study h2{font-size:16px;margin-bottom:4px}
 .preview-sitting-study p{font-size:13px;line-height:1.35}
 .preview-sitting-insight .primary{min-height:46px;margin-top:12px}
}
@media(min-width:881px){
 .preview-activity-screen.screen.question{max-width:1080px;padding-top:clamp(38px,6svh,76px)}
 .preview-activity-screen .screen-head h1{max-width:1000px;font-size:clamp(54px,5vw,76px)}
 .preview-activity-screen .support{max-width:780px;font-size:17px;line-height:1.5}
 .preview-activity-screen .options{gap:0 42px;margin-top:40px}
 .preview-activity-screen .option{min-height:132px;padding:24px 3px;gap:24px}
 .preview-activity-screen .option strong{font-size:20px}
 .preview-activity-screen .option small{font-size:15px;line-height:1.5}
 .preview-activity-screen .option-mark{width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){html:not([data-map-motion="full"]) .preview-sitting-total strong.is-counting,html:not([data-map-motion="full"]) .preview-sitting-insight.is-entering :is(.eyebrow,h1,.preview-sitting-total,.preview-sitting-study,.primary),html:not([data-map-motion="full"]) .annual-time-insight.is-entering .eyebrow,html:not([data-map-motion="full"]) .annual-time-insight.is-entering h1,html:not([data-map-motion="full"]) .annual-time-insight.is-entering .annual-time-origin,html:not([data-map-motion="full"]) .annual-time-insight.is-entering .annual-time-metrics>div,html:not([data-map-motion="full"]) .annual-time-insight.is-entering .annual-time-conclusion,html:not([data-map-motion="full"]) .annual-time-insight.is-entering .primary{animation:none}}
@media(max-width:760px){
 .annual-time-insight.screen{padding:28px 22px!important;border-radius:16px}
 .annual-time-insight h1{font-size:38px}
 .annual-time-origin{font-size:14px}
 .annual-time-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px;margin-top:24px}
 .annual-time-metrics>div:last-child{grid-column:1/-1}
 .annual-time-metrics strong{font-size:46px}
 .annual-time-metrics span{font-size:13px}
 .annual-time-conclusion{display:block;margin-top:23px}
 .annual-time-conclusion strong{font-size:88px}
 .annual-time-conclusion p{font-size:17px;margin-top:6px}
 .annual-time-insight .primary{width:100%;margin-top:24px}
 .preview-sex-screen.screen.question,.preview-number-screen.screen.question,.preview-occupation-screen.screen.question{padding-top:58px}
 .preview-sex-options{gap:10px;margin-top:24px}
 .preview-sex-card{min-height:220px;border-radius:10px}
 .preview-sex-card strong{left:12px;bottom:14px;font-size:15px}
 .preview-sex-mark{right:12px;bottom:12px;width:20px;height:20px}
 .goal-copy .options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .goal-copy .option{min-height:160px;padding:10px;border-radius:10px}
 .goal-copy .option strong{font-size:15px}
 .goal-copy .option small{font-size:10px}
 .preview-number-picker{grid-template-columns:48px minmax(0,1fr) 48px;gap:5px;margin-top:30px}
 .preview-number-adjust{width:46px;height:46px;font-size:26px}
 .preview-number-field input{font-size:clamp(61px,19vw,98px)}
 .preview-number-field span{font-size:18px}
 .preview-ruler{height:110px}
 .preview-ruler-ticks{top:22px}
 .preview-tick em{top:60px;font-size:12px}
 .preview-bars{gap:3px;height:45px}
 .preview-occupation-form>input{font-size:16px;min-height:58px}
 .preview-quick-choices button{font-size:12px;padding:10px}
 .preview-sitting-insight h1{font-size:40px}
 .preview-sitting-total{display:block}
 .preview-sitting-total strong{display:block;font-size:67px}
 .preview-sitting-total > span{font-size:15px}
 .preview-sitting-study{padding:16px 18px}
 .preview-sitting-study h2{font-size:16px}
 .preview-sitting-study p{font-size:14px}
}