:root{--brand:#4b3aef;--brand-soft:#f0effe;--ink:#111114;--muted:#6b6b76;--line:#ebebf0;--card:#f4f4f7;--warn:#e8691c;--error:#e5484d;--bg:#fff;--radius-card:20px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}button{font:inherit;color:inherit}.icon{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Rounded;font-size:22px;font-style:normal;font-weight:400;line-height:1}.page{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;padding:0 20px;display:flex}.topbar{height:64px;padding-top:env(safe-area-inset-top);align-items:center;gap:14px;display:flex}.back{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;margin-left:-8px;display:grid}.back:hover{background:var(--card)}.back[hidden]{visibility:hidden;display:grid}.progress{background:var(--line);border-radius:99px;flex:1;height:4px;overflow:hidden}.progress>span{background:var(--brand);border-radius:inherit;height:100%;transition:width .35s;display:block}.content{flex-direction:column;flex:1;justify-content:center;padding:12px 0 24px;animation:.35s cubic-bezier(.2,.8,.2,1) enter;display:flex}.content.top{justify-content:flex-start}.content.center{text-align:center;align-items:center}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.footer{padding:12px 0 calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, #fff0, var(--bg) 22%);position:sticky;bottom:0}.logo{border-radius:14px;width:56px;height:56px;margin:0 auto 16px;display:block}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--brand);margin:0 0 12px;font-size:12px;font-weight:700}.title{letter-spacing:-.035em;margin:0;font-size:clamp(32px,9vw,42px);font-weight:800;line-height:1.05}.title .accent,.accent{color:var(--brand)}.title.small{font-size:clamp(28px,7.5vw,34px)}.subtitle{color:var(--muted);margin:14px 0 0;font-size:17px;line-height:1.5}.note{color:var(--muted);font-size:14px;line-height:1.5}.error-text{color:var(--error);margin:14px 0 0;font-size:14px;line-height:1.45}.cta{background:var(--brand);color:#fff;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:999px;width:100%;height:60px;font-size:18px;font-weight:700;transition:transform .12s,opacity .2s,box-shadow .2s;box-shadow:0 10px 24px -12px #4b3aefb3}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.35;box-shadow:none;cursor:default}.cta.secondary{background:var(--card);color:var(--ink);box-shadow:none}.cta-row{gap:12px;display:flex}.options{flex-direction:column;gap:10px;margin-top:28px;display:flex}.option{border-radius:var(--radius-card);background:var(--card);text-align:left;cursor:pointer;border:1.5px solid #0000;align-items:center;gap:16px;width:100%;min-height:76px;padding:12px 20px 12px 14px;transition:background .15s,border-color .15s,transform .1s;display:flex}.option:active{transform:scale(.99)}.option.selected{background:var(--brand-soft);border-color:var(--brand)}.option-icon{background:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.option.selected .option-icon{color:var(--brand)}.option-text{flex:1;min-width:0}.option-title{letter-spacing:-.015em;font-size:18px;font-weight:700;display:block}.option-sub{color:var(--muted);margin-top:2px;font-size:14px;display:block}.check{color:#fff;border:1.5px solid #c9c9d3;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.option.selected .check{background:var(--brand);border-color:var(--brand)}.check .icon{font-size:16px}.text-input{background:var(--card);width:100%;height:58px;font:inherit;border:1.5px solid #0000;border-radius:16px;outline:none;margin-top:28px;padding:0 18px;font-size:17px}.text-input:focus{border-color:var(--brand);background:#fff}.segmented{background:var(--card);border-radius:999px;margin:26px auto 0;padding:4px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600}.segmented button.on{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000014}.wheels{gap:8px;margin-top:18px;display:flex}.wheel-col{flex:1;min-width:0}.wheel-label{text-align:center;color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600}.wheel-group{gap:4px;display:flex}.wheel{--item:44px;height:calc(var(--item) * 5);scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;outline:none;flex:1;position:relative;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.wheel::-webkit-scrollbar{display:none}.wheel-pad{height:calc(var(--item) * 2)}.wheel-item{height:var(--item);scroll-snap-align:center;color:#a5a5b0;cursor:pointer;place-items:center;font-size:19px;font-weight:500;transition:color .15s,font-weight .15s;display:grid}.wheel-item.on{color:var(--ink);font-weight:700}.wheel-band{position:relative}.wheel-band:before{content:"";background:var(--card);pointer-events:none;border-radius:12px;height:44px;position:absolute;top:calc(50% - 22px);left:0;right:0}.wheel-band>*{position:relative}.big-value{text-align:center;letter-spacing:-.04em;margin-top:36px;font-size:60px;font-weight:800}.big-value small{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:22px;font-weight:600}.delta{text-align:center;color:var(--brand);min-height:24px;font-size:18px;font-weight:700}.ruler{scrollbar-width:none;cursor:grab;height:86px;margin:22px -20px 0;position:relative;overflow-x:scroll;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.ruler::-webkit-scrollbar{display:none}.ruler-track{height:100%;position:relative}.tick{background:#cfcfd8;border-radius:2px;width:1.5px;position:absolute;bottom:26px}.tick.major{background:#9a9aa6}.tick-label{color:var(--muted);font-size:12px;position:absolute;bottom:0;transform:translate(-50%)}.ruler-marker{background:var(--brand);pointer-events:none;border-radius:3px;width:3px;height:52px;margin-left:-1.5px;position:absolute;bottom:22px;left:50%}.speed-value{text-align:center;letter-spacing:-.04em;margin-top:40px;font-size:56px;font-weight:800}.speed-value small{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:22px;font-weight:600}.slider{appearance:none;background:linear-gradient(to right, var(--brand) var(--fill), var(--line) var(--fill));border-radius:99px;outline:none;width:100%;height:8px;margin:28px 0 10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--brand);cursor:pointer;background:#fff;border-radius:50%;width:30px;height:30px;box-shadow:0 4px 12px #4b3aef4d}.slider::-moz-range-thumb{border:3px solid var(--brand);cursor:pointer;background:#fff;border-radius:50%;width:26px;height:26px}.slider-ends{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.speed-feedback{background:var(--card);border-radius:16px;align-items:center;gap:12px;margin-top:26px;padding:16px;font-size:15px;line-height:1.45;display:flex}.speed-feedback .emoji{font-size:28px}.speed-feedback.warn{color:#9a4310;background:#fff4ec}.speed-reach{text-align:center;color:var(--muted,#5a5a66);margin-top:18px;font-size:16px;line-height:1.4}.speed-reach .accent{font-weight:800}.hero-emoji{margin-bottom:26px;font-size:76px;line-height:1}.hero-image{width:170px;height:auto;margin-bottom:18px}.high-five{justify-content:center;width:100%;height:160px;margin-top:16px;display:flex;overflow:hidden}.high-five>div{flex:none;margin-top:-180px}.ring{width:168px;height:168px;margin:8px auto 24px;position:relative}.ring svg{transform:rotate(-90deg)}.ring-value{letter-spacing:-.04em;place-items:center;font-size:40px;font-weight:800;display:grid;position:absolute;inset:0}.steps-list{text-align:left;width:100%;margin:28px 0 0;padding:0;list-style:none}.steps-list li{color:#b0b0ba;align-items:center;gap:12px;padding:10px 0;font-size:16px;transition:color .3s;display:flex}.steps-list li.done{color:var(--ink)}.steps-list .dot{border:2px solid var(--line);color:#fff;background:0 0;border-radius:50%;place-items:center;width:26px;height:26px;transition:background .3s;display:grid}.steps-list li.done .dot{background:var(--brand);border-color:var(--brand)}.steps-list li:not(.done) .dot .icon{visibility:hidden}.steps-list .dot .icon{font-size:16px}.laurels{justify-content:space-evenly;width:100%;margin-top:32px;display:flex}.laurel{text-align:center;align-items:center;gap:2px;display:flex}.laurel img{object-fit:contain;width:30px;height:76px}.laurel strong{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1.1;display:block}.laurel span{font-size:14px;font-weight:700;line-height:1.15;display:block}.plan-head{text-align:center;padding-top:4px}.plan-head .title{font-size:clamp(30px,8.5vw,40px)}.card{border:1px solid var(--line);background:#fff;border-radius:24px;margin-top:16px;padding:20px}.card h3{letter-spacing:-.02em;margin:0 0 14px;font-size:18px;font-weight:800}.chart{width:100%;height:auto;display:block}.bullets{margin:12px 0 0;padding:0;list-style:none}.bullets li{align-items:flex-start;gap:10px;padding:6px 0;font-size:15px;line-height:1.4;display:flex}.bullets .icon{color:var(--brand);font-size:20px}.kcal{align-items:baseline;gap:8px;display:flex}.kcal .icon{color:var(--warn);align-self:center;font-size:28px}.kcal strong{letter-spacing:-.04em;font-size:44px;font-weight:800}.kcal span{color:var(--muted);font-weight:600}.macros{align-items:center;gap:16px;margin-top:12px;display:flex}.macros svg{width:104px;height:104px}.macro-list{flex-direction:column;flex:1;gap:10px;display:flex}.macro{align-items:center;gap:10px;font-size:15px;display:flex}.macro i{border-radius:50%;width:10px;height:10px}.macro b{white-space:nowrap;margin-left:auto;font-weight:700}.macro b em{color:var(--muted);margin-left:4px;font-style:normal;font-weight:500}.mini-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.mini{background:var(--card);border-radius:20px;padding:16px}.mini .icon{color:var(--brand)}.mini p{color:var(--muted);margin:8px 0 2px;font-size:13px}.mini strong{letter-spacing:-.03em;font-size:22px;font-weight:800}.price-note{text-align:center;color:var(--muted);margin:10px 0 0;font-size:14px}.consent{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:10;border:1px solid var(--line);background:#fff;border-radius:20px;width:min(488px,100% - 24px);padding:16px;animation:.3s enter;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px -12px #11111440}.consent p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.consent a{color:var(--ink);font-weight:600}.consent-actions{gap:10px;margin-top:12px;display:flex}.consent-btn{background:var(--card);cursor:pointer;border:0;border-radius:999px;flex:1;height:44px;font-size:15px;font-weight:700}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:10px auto 0;padding:6px 12px;font-size:14px;font-weight:600;display:block}.link-btn:disabled{opacity:.4}.pace-made{text-align:center;margin:22px 4px}.pace-made h3{color:var(--text,#0d0c16);justify-content:center;align-items:center;gap:10px;margin:0 0 8px;font-size:18px;font-weight:800;display:flex}.pace-made h3 svg{flex:none}.pace-made p{color:var(--muted);margin:0;font-size:15px;line-height:1.45}