.flow-main .moment-screen{text-align:center;flex-direction:column;align-items:center;height:100%;display:flex}.flow-main .moment-screen h1,.flow-main .moment-screen .subtitle{text-align:center;flex-shrink:0}.flow-main .moment-screen .subtitle{max-width:36ch;margin-inline:auto}.moment-chip{background:var(--primary-soft);max-width:100%;color:var(--primary-dark);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin:0 0 12px;padding:6px 12px;font-size:14px;font-weight:600;line-height:1.3;display:inline-flex}.moment-chip>span{display:grid}.moment-stage{flex:auto;width:100%;min-height:230px;max-height:540px;margin:18px 0 -20px;position:relative}.moment-phone{margin:0;position:absolute;top:0;bottom:22px}.stage-left .moment-phone{left:42%}.stage-right .moment-phone{right:42%}.moment-phone-frame{aspect-ratio:500/1087;background:#16131c;border-radius:30px;height:calc(100% - 40px);padding:6px;display:block;overflow:hidden;box-shadow:0 22px 44px #25212b30}.moment-phone-frame img{object-fit:cover;object-position:top;border-radius:24px;width:100%;height:100%;display:block}.moment-phone figcaption{color:var(--muted);white-space:nowrap;margin-top:22px;font-size:10px;line-height:1.2;display:flex}.stage-left .moment-phone figcaption{justify-content:flex-start;padding-left:24%}.stage-right .moment-phone figcaption{justify-content:flex-end;padding-right:24%}.moment-stage .character-moment{z-index:2;width:48%;height:96%;position:absolute;bottom:0}.stage-left .character-moment{right:50%}.stage-right .character-moment{left:50%}.stage-left .character-moment img{object-position:right bottom}.stage-right .character-moment img{object-position:left bottom}.moment-tag{z-index:3;background:var(--surface);width:max-content;max-width:150px;color:var(--ink);text-align:left;border-radius:14px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex;position:absolute;bottom:22px;box-shadow:0 10px 24px #25212b26}.moment-tag svg{color:var(--primary);flex:none}.stage-left .moment-tag{left:22%}.stage-right .moment-tag{right:22%}.flow-main .calc-screen{flex-direction:column;align-items:center;padding:4px 0 0;display:flex}.calc-ring{aspect-ratio:1;flex-shrink:0;width:clamp(168px,32dvh,248px);margin:0 auto 30px;position:relative}.calc-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.calc-ring-track,.calc-ring-value{fill:none;stroke-width:6px}.calc-ring-track{stroke:var(--primary-soft)}.calc-ring-value{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.calc-avatar{background:radial-gradient(circle at 50% 30%, var(--surface) 0, var(--primary-soft) 72%);border-radius:50%;position:absolute;inset:9%;overflow:hidden}.calc-avatar .character-loader{height:190%;position:absolute;inset:8% 0 auto}.calc-avatar .character-loader img{object-position:center top}.calc-percent{background:var(--primary);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:68px;padding:6px 14px;font-size:18px;font-weight:700;line-height:1.2;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #6042e840}.calc-steps{gap:12px;width:100%;max-width:320px;margin:22px auto 0;padding:0;list-style:none;display:grid}.calc-steps li{color:var(--muted);text-align:left;align-items:center;gap:12px;font-size:15px;line-height:1.35;display:flex}.calc-step-mark{border:2px solid var(--border);color:#fff;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.calc-steps li.done{color:var(--ink)}.calc-steps li.done .calc-step-mark{border-color:var(--primary);background:var(--primary)}.calc-steps li.current{color:var(--primary-dark);font-weight:600}.calc-steps li.current .calc-step-mark{border-color:var(--primary);background:radial-gradient(circle, var(--primary) 0 4px, transparent 5px)}.calc-screen .medical-notice{margin-top:20px}.plan-preview-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px;display:grid}.plan-preview-head .eyebrow{letter-spacing:0;margin-bottom:8px}.plan-preview-head .character-moment{width:clamp(80px,24vw,116px);height:clamp(132px,38vw,184px);margin-right:-10px}.plan-preview section{border:1px solid var(--border);background:var(--surface);border-radius:20px;margin-top:14px;padding:16px}.plan-preview h2{text-align:left;font-size:16px;font-weight:600;line-height:1.3}.plan-preview .preview-goal h2{letter-spacing:-.01em;font-size:19px}.preview-chart{width:100%;height:auto;margin-top:12px;display:block;overflow:visible}.preview-chart-grid{stroke:var(--border);stroke-dasharray:3 5}.preview-chart-line{stroke:var(--primary);stroke-width:3px;stroke-linecap:round}.preview-chart-start{fill:var(--surface);stroke:var(--primary);stroke-width:3px}.preview-chart-end{fill:var(--primary);stroke:var(--surface);stroke-width:3px}.preview-chart-labels{justify-content:space-between;gap:12px;margin-top:6px;display:flex}.preview-chart-labels span{gap:2px;display:grid}.preview-chart-labels span:last-child{text-align:right}.preview-chart-labels small{color:var(--muted);font-size:12px}.preview-chart-labels strong{font-size:16px;font-weight:600}.preview-pace{margin-top:12px;font-size:14px}.preview-estimate{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4}.preview-chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.preview-chips li{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.preview-chips li>span{display:grid}.preview-energy{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.preview-energy strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:30px;font-weight:700}.preview-energy small{color:var(--muted);font-size:13px;font-weight:500}.preview-macros{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.preview-macros li{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;font-size:14px;display:grid}.preview-macros li>span:first-child{color:var(--muted)}.preview-bar{background:#f1ebe4;border-radius:8px;grid-column:1/-1;height:8px;overflow:hidden}.preview-bar i{border-radius:inherit;background:var(--primary);height:100%;display:block}.macro-carbs .preview-bar i{background:#d99a2b}.macro-fat .preview-bar i{background:#e56b8b}.preview-water{border-top:1px solid var(--border);color:#236aa8;align-items:center;gap:6px;margin-top:14px;padding-top:12px;font-size:14px;display:flex}.preview-water strong{margin-left:auto}.preview-day ol,.preview-includes ul{margin:10px 0 0;padding:0;list-style:none}.preview-day li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;line-height:1.3;display:flex}.preview-day li:first-child{border-top:0}.preview-day li>span{text-align:left;gap:2px;display:grid}.preview-day small{color:var(--muted);font-size:12px}.preview-day strong{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.preview-includes ul{gap:10px;display:grid}.preview-includes li{text-align:left;align-items:center;gap:12px;font-size:14px;line-height:1.35;display:flex}.preview-includes li>span{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.plan-preview>.medical-notice{margin-top:16px}@media (height<=700px){.moment-chip{margin-bottom:8px;padding:5px 10px;font-size:13px}.moment-stage{min-height:200px;margin-top:12px}.calc-ring{margin-bottom:24px}.calc-steps{gap:8px;margin-top:16px}.calc-steps li{font-size:14px}}@media (prefers-reduced-motion:reduce){.calc-ring-value{transition:none}}