:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f3ece6;--surface:#fff9f4;--ink:#493c38;--soft:#7f706a;--line:#eaddd4;--coral:#a95043;--green:#7faf89}*{box-sizing:border-box}html,body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit}button{touch-action:manipulation;background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:16px;min-height:44px;padding:0 16px;font-weight:700}button:active{transform:translateY(1px)}a{color:inherit}.shell{background:var(--surface);width:min(100vw,430px);min-height:100dvh;margin:auto;box-shadow:0 0 30px #8c756433}.top{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fff9f4ee;justify-content:space-between;align-items:center;width:min(100vw,430px);display:flex;position:fixed;top:0}.main{padding:88px 16px calc(104px + env(safe-area-inset-bottom));min-height:100dvh}.content{padding-bottom:104px}.brand{justify-items:center;line-height:1;text-decoration:none;display:grid}.brand-mark{color:#b85c51;letter-spacing:.12em;text-shadow:1px 2px #f5d3c5;font-family:Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:21px;font-weight:900}.brand small{color:#8a726b;letter-spacing:.18em;margin-top:5px;font-size:9px;font-weight:800}.header-spacer{width:44px}.menu-button{place-items:center;width:44px;height:44px;padding:0;display:grid}.hamburger{gap:4px;display:grid}.hamburger i{background:var(--coral);border-radius:2px;width:20px;height:2px;display:block}.grid svg,.content svg{max-width:100%;height:auto}.nav{width:min(100vw,430px);height:calc(82px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:5;background:#fffdfb;display:flex;position:fixed;bottom:0;overflow:hidden}.nav a{z-index:1;text-align:center;color:var(--soft);flex:1;align-content:center;justify-items:center;gap:3px;padding:4px 2px 2px;font-size:13px;font-weight:800;text-decoration:none;transition:color .2s;display:grid;position:relative}.nav a[aria-current=page]{color:#fff}.nav-icon{border:2px solid var(--soft);border-radius:12px;place-items:center;width:34px;height:34px;transition:background .2s,border-color .2s;display:grid}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.nav a[aria-current=page] .nav-icon{color:#fff;background:0 0;border-color:#fff}.nav-indicator{z-index:0;background:var(--coral);border-radius:18px;width:33.333%;height:69px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;top:5px;left:0}.content-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;padding:16px;font-size:13px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:24px;margin:12px 0;padding:16px;box-shadow:inset 0 1px #fff,0 8px 20px #80685c0d}.stitch{border-style:dashed}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{gap:6px;display:grid}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;min-height:48px;padding:0 12px;font-size:16px}.small{color:var(--soft);font-size:13px}.field-note{color:var(--soft);font-size:12px;font-weight:600}.required{color:var(--coral);margin-left:4px;font-size:11px;font-weight:700;display:inline-block}.pill{background:#f8e1d9;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.actions{flex-wrap:wrap;gap:8px;display:flex}.secondary{color:var(--ink);background:#f5e8e2}h1{margin:0 0 12px;font-size:20px}.hero{text-align:center;padding:22px 0}.hero h2{margin:8px 0;font-size:28px}.garment-chooser .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garment-choice{place-items:center;gap:2px;min-height:132px;padding:10px 6px;display:grid}.garment-choice small{color:inherit;font-size:10px;font-weight:600}.garment-choice svg{display:block}.center-cta,.cta-card{text-align:center}.center-cta a,.cta-card>a{display:inline-block}.shape-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shape-option{border:2px solid var(--coral);border-radius:18px;place-items:center;gap:1px;min-height:142px;padding:8px 4px;display:grid}.shape-option.secondary{border-color:#0000}.shape-option small{font-size:10px;line-height:1.3}.onboarding{background:#fff4ed;border-color:#f2c4b6}.onboarding .small{color:#6f5d57}.required-guide{background:#fff4ed;border-radius:14px;padding:10px 12px;font-size:13px}.drawer{z-index:20;background:#0004;position:fixed;inset:0}.drawer aside{background:var(--surface);width:min(86vw,360px);height:100%;padding:76px 20px 20px;animation:.22s ease-out peek-in}.drawer.closing aside{animation:.22s ease-in forwards peek-out}.drawer-heading{color:var(--coral);justify-content:space-between;align-items:center;padding:0 8px 14px;font-size:20px;display:flex}.drawer a{border-bottom:1px dashed var(--line);padding:16px 8px;font-weight:700;text-decoration:none;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drawer-social{border-top:1px solid var(--line);margin:18px 8px 0;padding-top:14px}.drawer-social p{color:var(--soft);margin:0;font-size:12px;font-weight:800}.drawer-social a{border:1px solid var(--line);background:#fff;border-radius:12px;margin:6px 8px 0 0;padding:9px 12px;font-size:13px;display:inline-block}@keyframes peek-in{0%{transform:translate(-8%)}to{transform:translate(0)}}@keyframes peek-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.color-picker{align-items:center;gap:12px;display:flex}.color-picker input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;width:64px;height:48px;padding:4px}.color-value{color:var(--soft);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.garment-choice img,.shape-option img{object-fit:contain;width:76px;height:76px}.garment-choice img{width:84px;height:84px}.shape-option{background:#fff}.shape-option.secondary{background:#f8f1ed}.brand small{color:#6f5d57}.content-footer{z-index:6;background:var(--surface);padding-bottom:104px;position:relative}.missing-guide .small{color:#6f5d57}.device-actions{flex-wrap:nowrap}.device-actions button{flex:1;min-width:0;padding:0 8px;font-size:13px}.article-share{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.article-share a{color:#fff;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:0 13px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.share-x{background:#181818}.share-facebook{background:#4267a9}.share-line{background:#06b956}.article-image{object-fit:cover;border-radius:20px;width:100%;height:auto;max-height:250px;margin:18px 0;display:block}.inline-control{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.inline-control>.field{min-width:0}.result-visual{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}.result-chip{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;padding:13px 10px}.result-chip strong{font-size:18px;display:block}.result-chip small{color:var(--soft);margin-top:3px;display:block}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric{text-align:center;background:#fff4ed;border-radius:16px;padding:12px 8px}.metric b{font-size:17px;display:block}.metric small{color:var(--soft);font-size:11px}.save-hint{background:#fff4ed;border-radius:14px;margin:4px 0 12px;padding:10px 12px;font-size:13px;font-weight:700}.tooltip .required{color:#ffd6c9}.shape-option{color:var(--ink)}.measurement-heading{align-items:center;gap:8px;display:flex;position:relative}.measurement-heading h2{margin:0}.info-button{border-radius:50%;width:28px;height:28px;min-height:28px;padding:0;font-size:15px;line-height:1}.tooltip{z-index:3;color:#fff;background:#493c38;border-radius:14px;max-width:290px;padding:12px 14px;font-size:12px;line-height:1.6;position:absolute;top:36px;left:0;box-shadow:0 8px 20px #493c3866}.tooltip:before{content:"";background:#493c38;width:12px;height:12px;position:absolute;top:-6px;left:12px;transform:rotate(45deg)}.toast{z-index:40;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));color:#fff;background:#493c38;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:min(100vw - 28px,390px);padding:13px 14px 13px 16px;font-size:13px;font-weight:700;animation:.2s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 28px #493c3866}.toast-close{color:#fff;background:#fff2;border-radius:50%;width:28px;min-height:28px;padding:0;font-size:20px;line-height:1}.skeleton-stack{border:1px solid var(--line);background:#fff;border-radius:20px;gap:10px;margin:12px 0;padding:16px;display:grid}.skeleton-line{background:linear-gradient(90deg,#f1e7e1 25%,#fff9f4 50%,#f1e7e1 75%) 0 0/200% 100%;border-radius:999px;width:72%;height:14px;animation:1.2s linear infinite skeleton-wave}.skeleton-line.wide{width:92%;height:22px}.skeleton-line.short{width:42%}.pouch-hero-image{border-radius:22px;width:min(100%,260px);height:auto;margin:10px auto 0;display:block}.missing-guide{background:#fff4ed;border-color:#f2c4b6}.missing-guide ol{padding-left:22px;line-height:1.8}.missing-guide li::marker{color:var(--coral);font-weight:800}.fit-hero{padding-top:12px}.hero-favicon{place-items:center;animation:3.2s ease-in-out infinite float-favicon;display:grid}.hero-favicon img{filter:drop-shadow(0 8px 8px #a9504330);border-radius:28%}.hero-message{max-width:310px;margin:10px auto 0;font-size:18px;font-weight:800;line-height:1.6}.link-help{margin:10px 0 0}.garment-link-visual{place-items:center;margin:4px auto 12px;display:grid}.garment-link-visual img{object-fit:contain;border-radius:20px;width:180px;height:180px}.profile-avatar{border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.saved-profile{overflow:hidden}.saved-profile[open]{background:var(--profile-bg,#fff)}.profile-toggle{width:100%;min-height:68px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:12px;padding:0;display:flex}.profile-toggle strong{font-size:16px}.profile-toggle .chevron{color:var(--soft);margin-left:auto;font-size:20px}.profile-details{border-top:1px dashed var(--line);padding:12px 0 0}.icon-button{place-items:center;width:42px;min-height:42px;padding:0;font-size:20px;display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.disabled-hint{color:#6f5d57;background:#fff4ed;border-radius:14px;margin:8px 0 0;padding:10px 12px;font-size:13px;font-weight:700}.inline-control button:disabled{color:#fff;cursor:not-allowed;background:#d8c6bd}.required-error{color:#9b4338;background:#fff0ed;border-radius:14px;margin:10px 0 0;padding:10px 12px;font-size:13px;font-weight:700}.button{background:#f5e8e2;border-radius:16px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.recent-results{background:#fff4ed}.recent-result{border-top:1px dashed var(--line);grid-template-columns:1fr auto;gap:3px 8px;padding:11px 0;text-decoration:none;display:grid}.recent-result strong{text-align:right}.recent-result small{color:var(--soft);grid-column:1/-1;font-size:11px}@keyframes float-favicon{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes skeleton-wave{to{background-position:-200% 0}}.profile-avatar img{object-fit:contain;width:56px;height:56px}.profile-modal{background:var(--surface);border-radius:24px;width:min(92vw,390px);height:auto;max-height:calc(100dvh - 32px);margin:16px auto;padding:20px;animation:.2s ease-out modal-in;overflow:auto}.profile-modal-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-modal-heading h2{margin:0}.modal-close{width:100%;margin-top:8px}.device-card{position:relative}.device-heading{align-items:center;gap:8px;display:flex;position:relative}.device-heading h2{margin:0}.device-heading .tooltip{top:38px}.device-button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.device-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}h1{overflow-wrap:anywhere}h1:not(.sr-only):before{content:"✦";vertical-align:middle;width:28px;height:28px;color:var(--coral);background:#f8e1d9;border-radius:10px;place-items:center;margin:0 8px 3px 0;font-size:14px;display:inline-grid}.recent-results{padding:12px}.recent-results h2{margin:0 0 6px;font-size:16px}.recent-result{padding:8px 0;font-size:13px}.recent-result strong{font-size:13px}.recent-result small{font-size:10px}
.ad-slot{min-height:100px;color:var(--soft);text-align:center;background:#fbf4ef;border-radius:16px;margin:16px 0;padding:8px;font-size:11px}