html,body{margin:0;padding:0}:root{--left-pad:clamp(12px,4vw,18px);--title-size:clamp(24px,6vw,30px);--input-h:clamp(50px,8.2vw,60px);--input-w:clamp(118px,34vw,170px);--dash:clamp(36px,14vw,52px);--gap:clamp(24px,10vw,38px);--art-reaper-space:clamp(100px,35vw,170px);--art-bicep-space:clamp(90px,30vw,150px);--bicep-overhang:clamp(6px,2vw,10px)}.weight-page{margin-inline:12px;overflow-x:hidden}.weight-page .content{padding-left:var(--left-pad);padding-right:0;position:relative}.weight-page .block{padding:10px 0 8px;position:relative}.weight-page .block--reaper{min-height:calc(var(--art-reaper-space) + 56px);padding-right:var(--art-reaper-space)}.weight-page .block--bicep{min-height:calc(var(--art-bicep-space) + 28px);padding-right:calc(var(--art-bicep-space) - var(--bicep-overhang))}.title{font-size:var(--title-size);letter-spacing:-.2px;margin:6px 0 12px;font-weight:900;line-height:1.06}.inputShell{height:var(--input-h);background:#fff;border:3px solid #000;border-radius:16px;align-items:center;padding:0 14px;font-family:Comic Relief,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;box-shadow:0 3px #000}.inputShell--narrow{width:var(--input-w)}.inputShell input{letter-spacing:.3px;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:clamp(20px,5vw,24px)}.inputShell input::placeholder{color:#7a7a7a;letter-spacing:3px}.unit{white-space:nowrap;font-family:inherit;font-size:clamp(20px,5vw,24px);font-weight:800;position:absolute;right:14px}.art{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;right:0}.art--reaper{transform-origin:100% 0;animation:.5s ease-out forwards slideIn;top:-4px;transform:scale(1.04)}.art--bicep{bottom:-8px;right:calc(0px - var(--bicep-overhang));transform-origin:100% 100%;opacity:0;visibility:hidden;transform:scale(.94)}.art--bicep.slide-in-delayed{visibility:visible;will-change:transform,opacity;animation:.5s ease-out forwards slideInDelayed}@media (min-width:430px){.weight-page .art--reaper{transform:scale(1.12)}.weight-page .art--bicep{transform:scale(1.06)}}.divider{background-image:repeating-linear-gradient(to right,#000 0 var(--dash),transparent var(--dash)calc(var(--dash) + var(--gap)));border:0;height:3px;margin:10px 0 12px}.section2{opacity:0;pointer-events:none;max-height:0;transition:max-height .36s cubic-bezier(.2,.7,.2,1),opacity .26s,transform .36s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:translateY(-8px)}.section2.show{opacity:1;pointer-events:auto;max-height:700px;transform:none}.submitWrap{justify-content:center;margin:12px 0 0;display:flex}.nextBtn{background:0 0;border:none;padding:0;line-height:0;position:relative;transform:scale(.8)}.nextBtn:disabled{opacity:.85}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:340px){:root{--art-reaper-space:92px;--art-bicep-space:84px}.art--reaper{top:0;transform:scale(.94)}.art--bicep{bottom:-2px;transform:scale(.92)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.weight-page .slide-in{animation:.5s ease-out forwards slideIn}@keyframes slideInDelayed{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.weight-page .slide-in-delayed{will-change:transform,opacity;animation:.3s ease-out forwards slideInDelayed}.btn-image{cursor:pointer;background:0 0;border:none;justify-content:center;width:100%;margin-top:10px;padding:0;display:flex}.btn-image img,.btn-image span,.btn-image svg{width:100%;max-width:260px;height:auto}.unit-switch-container{justify-content:left;margin-bottom:12px;display:flex}.unit-switch{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #000;border-radius:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #000}.unit-option{z-index:2;text-align:center;width:60px;padding:6px 16px;font-family:inherit;font-size:16px;font-weight:800;transition:color .3s}.unit-option.active{color:#fff}.switch-slider{z-index:1;background:#000;width:50%;transition:transform .3s;position:absolute;top:0;bottom:0;left:0}