.fobg{--bg:rgb(var(--color-background,243,243,243));--paper:#fbfbfa;--ink:#121212;--muted:#6b6b6b;--line:#d9d9d6;--waist:#e2789f;--high:#84bd5f;--low:#6f9fd3;--tape:#f0c43c;--display:"Whimsically Wonky",var(--font-heading-family,var(--font-body-family)),"Helvetica Neue",Arial,sans-serif;--body:"Whimsically Wonky",var(--font-body-family),"Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:light}.fobg,.fobg *{box-sizing:border-box}.fobg [hidden]{display:none!important}.fobg{background:var(--bg);color:var(--ink)}.fobg{font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.fobg .wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 64px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}.fobg .stage{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);height:min(calc(100vh - 24px),780px);display:flex;flex-direction:column;align-items:center}.fobg .stage svg{flex:1;min-height:0;width:100%;height:100%}.fobg .readout{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:6px;text-align:center;min-height:52px}.fobg .readout b{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.fobg .readout span{font-size:13px;color:var(--muted);max-width:40ch;text-wrap:balance}.fobg .panel{min-width:0;display:flex;flex-direction:column;gap:22px;padding-top:12px}.fobg .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fobg .ttl{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.2vw,46px);line-height:1.02;letter-spacing:-.02em;margin:4px 0 0;text-wrap:balance}.fobg h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.15;margin:0;text-wrap:balance}.fobg .lede{margin:8px 0 0;color:var(--muted);max-width:46ch}.fobg .steps{display:flex;border-bottom:1px solid var(--ink)}.fobg .steps button{flex:1;appearance:none;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:10px 4px;font:500 13px var(--body);color:var(--muted);cursor:pointer;text-align:left;display:flex;gap:8px;align-items:baseline}.fobg .steps button i{font-style:normal;font-family:var(--mono);font-size:11px}.fobg .steps button[aria-selected="true"]{color:var(--ink);border-color:var(--ink)}.fobg .steps button:focus-visible,.fobg .chip:focus-visible,.fobg .btn:focus-visible,.fobg .seg button:focus-visible,.fobg input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.fobg section{display:flex;flex-direction:column;gap:18px}.fobg .group{display:flex;flex-direction:column;gap:10px}.fobg .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fobg .chips{display:flex;flex-wrap:wrap;gap:8px}.fobg .chip{appearance:none;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:999px;padding:9px 16px;font:500 14px var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s}.fobg .chip .dot{width:9px;height:9px;border-radius:50%;background:var(--c)}.fobg .chip small{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.fobg .chip[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.fobg .chip:hover{background:#ecece9}.fobg .chip[aria-pressed="true"]:hover{background:#2a2a2a}.fobg .hint{font-size:13px;color:var(--muted);margin:0}.fobg .btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:12px 20px;font:600 14px var(--body);cursor:pointer;border-radius:0;align-self:flex-start}.fobg .btn.ghost{background:transparent;color:var(--ink)}.fobg .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fobg .fitfor{display:flex;align-items:center;gap:8px;font-size:14px}.fobg .fitfor .dot{width:9px;height:9px;border-radius:50%;background:var(--c)}.fobg .linkish{appearance:none;background:none;border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--ink)}.fobg .seg{display:inline-flex;border:1px solid var(--ink)}.fobg .seg button{appearance:none;border:0;background:var(--paper);padding:7px 14px;font:500 13px var(--body);cursor:pointer;color:var(--ink)}.fobg .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.fobg ol.howto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.fobg ol.howto li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line);max-width:60ch}.fobg ol.howto li{cursor:pointer;color:var(--muted);transition:color .2s}.fobg ol.howto li.on{color:var(--ink)}.fobg ol.howto li.on::before{background:var(--ink);color:var(--paper)}.fobg ol.howto li::before{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;transition:background .2s;content:counter(s);counter-increment:s;font:500 12px var(--mono);padding-top:2px}.fobg ol.howto{counter-reset:s}.fobg .note{background:var(--paper);border-left:3px solid var(--c,var(--ink));padding:12px 14px;font-size:14px;margin:0;max-width:60ch}.fobg .half{--c:var(--high)}.fobg .mail{user-select:all;font-weight:600}.fobg .player{display:flex;align-items:center;gap:12px}.fobg .btn.small{padding:7px 14px;font-size:13px;min-width:74px}.fobg .prog{flex:1;display:flex;gap:4px;min-width:0}.fobg .prog span{flex:1;height:3px;background:var(--line);position:relative;overflow:hidden}.fobg .prog span i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0)}.fobg .pulse{transform-box:fill-box;transform-origin:center;animation:pulse 1.3s ease-out infinite}@keyframes pulse{from{transform:scale(1);opacity:.9}to{transform:scale(2.6);opacity:0}}.fobg .measuring #guides text{opacity:0}.fobg #guides text{transition:opacity .3s}.fobg .ask{border:1px solid var(--ink);background:var(--paper);padding:18px;display:flex;flex-direction:column;gap:12px}.fobg .ask h3{font-family:var(--display);font-weight:500;font-size:19px;margin:0;text-wrap:balance}.fobg .ask p{margin:0;font-size:14px;max-width:60ch}.fobg .ask form{display:flex;flex-direction:column;gap:12px}.fobg .field .inp input.txt{font:500 16px var(--body);padding:10px 12px}.fobg .field textarea{border:1px solid var(--ink);background:var(--bg);padding:10px 12px;font:16px/1.45 var(--body);color:var(--ink);resize:vertical;min-height:84px;width:100%}.fobg .ask .inp{background:var(--bg)}.fobg .summary{margin:0;background:var(--bg);border:1px dashed var(--line);padding:10px 12px;font:12.5px/1.6 var(--mono);white-space:pre-wrap}.fobg .sent{background:var(--ink);color:var(--paper);padding:12px 14px;font-size:14px}.fobg .stagebar{width:100%;display:flex;justify-content:flex-end;padding-bottom:4px}.fobg .viewbtn{appearance:none;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;min-height:40px;cursor:pointer}.fobg .viewbtn:focus-visible,.fobg .cell:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.fobg .fitgrid{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:6px 4px;width:100%;align-items:center}.fobg .fitgrid .gh{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--muted)}.fobg .fitgrid .gr{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:6px;color:var(--ink);padding:0 2px}.fobg .fitgrid .gr i{width:8px;height:8px;border-radius:50%;background:var(--c);display:inline-block}.fobg .cell{appearance:none;border:1px solid transparent;background:transparent;padding:0;cursor:pointer;display:block;width:100%;transition:background .15s,border-color .15s}.fobg .cell svg{display:block;width:100%;height:auto;aspect-ratio:260/440}.fobg .cell:hover,.fobg .cell.hot{background:var(--paper);border-color:var(--line)}.fobg .cell[aria-pressed="true"]{border-color:var(--ink);background:var(--paper)}.fobg .cell svg text{display:none}.fobg .stage.gridmode #fig{display:none}.fobg .stage:not(.gridmode) .fitgrid{display:none}.fobg .stage.gridmode{height:auto}@keyframes slideIn{from{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}.fobg .slide{animation:slideIn .9s .25s cubic-bezier(.2,.8,.2,1) both}@keyframes tuck{0%,40%{opacity:0}100%{opacity:1}}.fobg .tuck{animation:tuck 1.2s .25s both}@keyframes fadeUp{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.fobg .stage.arrive #fig{animation:fadeUp .6s cubic-bezier(.2,.8,.2,1) both}.fobg .cell .badge{position:absolute;left:50%;top:4px;transform:translateX(-50%);font:500 8.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:2px 5px;white-space:nowrap;pointer-events:none}.fobg .cell{position:relative}.fobg .cell.lead{border-color:var(--ink);background:var(--paper);box-shadow:0 0 0 2px var(--ink) inset}.fobg .autonote{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:auto;align-self:center;display:flex;gap:8px;align-items:center}.fobg .autonote i{display:block;width:44px;height:2px;background:var(--line);position:relative;overflow:hidden}.fobg .autonote i::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:left;animation:autobar var(--t,3.2s) linear forwards}@keyframes autobar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.fobg .slide,.fobg .tuck,.fobg .stage.arrive #fig,.fobg .autonote i::after{animation:none}}.fobg .tips{font-size:13px;color:var(--muted);margin:0;max-width:60ch}.fobg .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fobg .field{display:flex;flex-direction:column;gap:6px;min-width:0}.fobg .field label{font-size:13px;font-weight:500}.fobg .field .inp{display:flex;align-items:center;border:1px solid var(--ink);background:var(--paper)}.fobg .field input{flex:1;min-width:0;border:0;background:transparent;padding:11px 12px;font:500 18px var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}.fobg .field .unit{padding-right:12px;font:12px var(--mono);color:var(--muted)}.fobg .result{background:var(--ink);color:var(--paper);padding:20px 22px;display:flex;flex-direction:column;gap:10px}.fobg .result .size{font-family:var(--display);font-weight:700;font-size:44px;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.fobg .result .why{font:13px/1.55 var(--mono);opacity:.85;margin:0}.fobg .result .flag{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tape)}@media (max-width:760px){.fobg .wrap{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:0 48px}.fobg .stage{position:sticky;top:env(safe-area-inset-top,0px);height:46vh;min-height:300px;z-index:2;background:var(--bg);border-bottom:1px solid var(--line);margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-top:8px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.fobg .readout{min-height:44px;padding-bottom:6px}.fobg .readout span{font-size:12px}.fobg .panel{padding-top:4px}.fobg .fields{grid-template-columns:minmax(0,1fr)}.fobg .stage.gridmode{position:static;height:auto;min-height:0}.fobg .stagebar{position:absolute;top:8px;right:max(12px,env(safe-area-inset-right,0px));width:auto;z-index:3;padding:0}.fobg .stage.gridmode .stagebar{position:static;width:100%;padding-bottom:6px}.fobg .panel{scroll-margin-top:calc(max(52vh,330px) + 4px)}.fobg .stage{height:52vh;min-height:330px}.fobg .chip{min-height:44px;padding:10px 16px}.fobg .steps button{min-height:44px}.fobg .seg button{min-height:40px}.fobg .btn{min-height:46px}.fobg .player{gap:8px}.fobg .fitgrid{gap:4px 2px}.fobg .fitgrid .gh{font-size:9.5px;letter-spacing:.02em}}.fobg #trou,.fobg #belt,.fobg #boxers{transition:opacity .45s}.fobg .measuring #trou,.fobg .measuring #belt,.fobg .measuring #boxers{opacity:.13}.fobg #tapes{opacity:0;transition:opacity .3s}.fobg .measuring #tapes{opacity:1}.fobg .riseLabel{cursor:pointer}.fobg .draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:draw 1.3s .15s ease-in-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.fobg .pop{opacity:0;animation:pop .4s 1.3s forwards}@keyframes pop{to{opacity:1}}@media (prefers-reduced-motion:reduce){.fobg .draw{animation:none;stroke-dashoffset:0}.fobg .pop{animation:none;opacity:1}.fobg .pulse{animation:none;opacity:0}}/* theme integration */ .fobg{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased}.fobg [hidden]{display:none!important}.fobg .field::before,.fobg .field::after{content:none!important;display:none!important}.fobg .field{box-shadow:none;transition:none}.fobg .badge{border:0;border-radius:0;line-height:1.3}.fobg h2,.fobg h3,.fobg .ttl{color:var(--ink)}.fobg button{letter-spacing:inherit;box-shadow:none}.fobg .stage{top:calc(var(--fobg-head,0px) + 12px);transition:top .25s ease}@media (max-width:760px){.fobg .stage{top:calc(env(safe-area-inset-top,0px) + var(--fobg-head,0px))}}#fit-guide{scroll-margin-top:calc(var(--fobg-head,0px) + 8px)}.fobg .sent.err{background:#7a1f1f}.fobg .btn.pick{align-self:stretch;text-align:center}@media (max-width:760px){.fobg .stage,.fobg .stage.gridmode{position:relative!important;top:auto!important}}