.container-title h1{color:var(--title-color);text-align:center;margin-top:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;transition:color .3s}.sizechart{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:30px;width:100%;max-width:1200px;margin:40px auto 60px;display:grid}.sizechart-container{background:var(--chart-card-bg);border:1px solid var(--chart-card-border);box-shadow:0 5px 15px var(--chart-card-shadow);border-radius:15px;flex-direction:column;align-items:center;padding:20px;transition:transform .3s,box-shadow .3s,background-color .3s,border-color .3s;display:flex}.sizechart-container:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}[data-theme=light] .sizechart-container:hover{box-shadow:0 10px 25px #ff4a8326}.sizechart-container img{cursor:pointer;border-radius:10px;width:100%;max-width:300px;height:auto;margin-top:15px;box-shadow:0 5px 15px #0003}.sizechart-container h2{color:var(--title-color);text-align:center;font-size:1.1rem;font-weight:400;transition:color .3s}.sizechart-container a{justify-content:center;width:100%;display:flex}@media (max-width:480px){.sizechart{grid-template-columns:1fr;gap:20px;margin:20px auto 40px;padding:0 12px}.sizechart-container{padding:15px}}.sizechart-container img:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.modal[role=dialog]:focus{outline:none}.size-finder{--sf-strong:#ffffff1a;--sf-figure:#ffffff29;--sf-figure-line:#ffffff73;background:var(--chart-card-bg);border:1px solid var(--chart-card-border);width:min(100% - 24px,1000px);box-shadow:0 5px 15px var(--chart-card-shadow);border-radius:20px;gap:20px;margin:32px auto 0;padding:clamp(18px,3vw,30px);display:grid}[data-theme=light] .size-finder{--sf-strong:#fff;--sf-figure:#ff4a8514;--sf-figure-line:#2b2d4259}.sf-head h2{color:var(--title-color);margin:0;font-size:1.45rem;font-weight:600}.sf-head p{color:var(--text-secondary);margin:2px 0 0;font-size:.95rem}.sf-body{grid-template-columns:minmax(0,1fr) 230px;grid-template-areas:"pick howto""measure howto""result howto";align-items:start;gap:18px 26px;display:grid}.sf-pick{grid-area:pick;gap:16px;min-width:0;display:grid}.sf-howto{grid-area:howto}.sf-measure{grid-area:measure}.sf-result{grid-area:result}.sf-field{gap:6px;min-width:0;display:grid}.sf-label{color:var(--text-secondary);font-size:.85rem}.sf-row{flex-wrap:wrap;gap:12px 18px;display:flex}.size-finder button:focus-visible,.size-finder input:focus-visible,.sf-howto-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sf-garments{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sf-garment{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-color);font:inherit;text-align:center;cursor:pointer;border-radius:14px;justify-items:center;gap:4px;padding:10px 6px 8px;font-size:.8rem;line-height:1.25;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:grid}.sf-garment svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;width:34px;height:34px;transition:transform .25s}.sf-garment:hover{background:var(--sf-strong);transform:translateY(-2px)}.sf-garment:hover svg{transform:scale(1.08)}.sf-garment[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary-color) 45%, transparent);color:var(--title-color);background:var(--sf-strong);box-shadow:0 6px 20px -8px var(--primary-color);position:relative}.sf-garment[aria-pressed=true]:after{content:"";border-radius:inherit;border:2px solid var(--primary-color);box-shadow:0 0 14px -2px var(--primary-color), inset 0 0 10px -4px var(--primary-color);opacity:.25;will-change:opacity;pointer-events:none;animation:2.4s ease-in-out infinite sf-edge-glow;position:absolute;inset:-1px}@keyframes sf-edge-glow{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.sf-garment[aria-pressed=true]{border-color:var(--primary-color)}.sf-garment[aria-pressed=true]:after{content:none}}.sf-segment{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:12px;flex-wrap:wrap;justify-self:start;gap:3px;padding:3px;display:inline-flex}.sf-segment button{font:inherit;color:var(--text-color);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:6px 12px;font-size:.9rem;transition:background-color .2s,color .2s}.sf-segment button[aria-pressed=true]{background:var(--primary-color);color:var(--secondary-color);font-weight:600}.sf-measure{background:var(--sf-strong);border:1px solid var(--glass-border);border-radius:16px;gap:12px;padding:16px 18px;display:grid}.sf-measure-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sf-measure-value{align-items:center;gap:10px;display:flex}.sf-step{border:1px solid var(--glass-border);background:var(--glass-bg);width:44px;height:44px;color:var(--text-color);font:inherit;cursor:pointer;border-radius:50%;place-items:center;font-size:1.4rem;line-height:1;transition:transform .15s,background-color .2s;display:grid}.sf-step:hover{background:var(--sf-strong)}.sf-step:active{transform:scale(.92)}.sf-number{align-items:baseline;gap:4px;display:flex}.sf-number input{width:3.6ch;font:inherit;color:var(--text-color);border:0;border-bottom:2px solid var(--glass-border);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;padding:0 0 2px;font-size:2.6rem;font-weight:600;line-height:1}.sf-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sf-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sf-number span{color:var(--text-secondary)}.sf-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.sf-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary-color) var(--fill,50%), var(--glass-border) var(--fill,50%));border-radius:3px;height:6px}.sf-slider::-moz-range-track{background:var(--glass-border);border-radius:3px;height:6px}.sf-slider::-moz-range-progress{background:var(--primary-color);border-radius:3px;height:6px}.sf-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border:3px solid var(--bg-color);width:22px;height:22px;box-shadow:0 0 0 1px var(--primary-color);border-radius:50%;margin-top:-8px}.sf-slider::-moz-range-thumb{background:var(--primary-color);border:3px solid var(--bg-color);border-radius:50%;width:18px;height:18px}.sf-range-ends{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-6px;font-size:.78rem;display:flex}.sf-howto{text-align:center;border:1px dashed var(--glass-border);border-radius:16px;justify-items:center;gap:10px;padding:16px;display:grid}.sf-howto p{color:var(--text-secondary);max-width:30ch;margin:0;font-size:.86rem}.sf-howto strong{color:var(--text-color);margin-bottom:2px;font-weight:600;display:block}.sf-figure{width:100%;max-width:170px;height:auto}.sf-figure-part{transition:opacity .25s}.sf-figure-body{fill:var(--sf-figure);stroke:var(--sf-figure-line);stroke-width:1.5px;stroke-linejoin:round}.sf-tape-back{fill:none;stroke:var(--primary-color);stroke-width:4px;opacity:.35}.sf-tape-band{fill:none;stroke:var(--primary-color);stroke-width:5.5px;stroke-linecap:round;stroke-dasharray:1;animation:.9s cubic-bezier(.3,.7,.2,1) .15s both sf-tape-wrap}.sf-tape-ticks{fill:none;stroke:var(--secondary-color);stroke-width:2.2px;stroke-dasharray:.7 2.6;opacity:.7;animation:.3s .9s both sf-tape-in}@keyframes sf-tape-wrap{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sf-tape-in{0%{opacity:0}}.sf-figure-arrow{fill:none;stroke:var(--primary-color);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--primary-color))}.sf-figure-times{fill:var(--primary-color);font-family:inherit;font-size:15px;font-weight:600}.sf-result{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 14%, transparent), transparent 45%), var(--sf-strong);border:1px solid color-mix(in srgb, var(--primary-color) 45%, var(--glass-border));box-shadow:0 18px 40px -22px color-mix(in srgb, var(--primary-color) 60%, transparent), inset 0 1px 0 #ffffff1f;border-radius:20px;gap:14px;padding:20px 22px;display:grid;position:relative;overflow:hidden}.sf-result:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--primary-color) 22%, transparent), transparent);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.sf-result>*{position:relative}.sf-result-head{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.sf-result-label{color:var(--text-secondary)}.sf-result-size{min-width:2ch;color:var(--title-color);font-size:2.6rem;font-weight:700;line-height:1;animation:.35s cubic-bezier(.2,.8,.2,1) sf-flip;display:inline-block}@keyframes sf-flip{0%{opacity:0;transform:translateY(40%)rotateX(80deg)}}.sf-chip{border:1px solid var(--glass-border);color:var(--text-secondary);background:var(--glass-bg);border-radius:999px;padding:3px 10px;font-size:.8rem}.sf-result-link{font:inherit;color:var(--text-color);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;padding:0;font-size:.9rem;text-decoration:underline;display:inline-flex}.sf-result-link-text{position:relative}.sf-result-link-text:after{content:attr(data-label);-webkit-text-decoration:inherit;text-decoration:inherit;text-underline-offset:3px;color:var(--title-color);text-shadow:0 0 4px color-mix(in srgb, var(--primary-color) 60%, transparent);opacity:0;will-change:opacity;pointer-events:none;text-decoration-line:underline;animation:3.2s ease-in-out infinite sf-link-glow;position:absolute;inset:0}@keyframes sf-link-glow{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.sf-result-link-text:after{content:none}}.sf-result-why{color:var(--text-secondary);margin:0;font-size:.93rem}.sf-result-note{color:var(--title-color);margin:0;font-size:.93rem}.sf-scale-wrap{scrollbar-width:thin;padding-bottom:4px;overflow-x:auto}.sf-scale{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;gap:6px;width:max-content;min-width:100%;padding:4px;display:flex;position:relative}.sf-scale-indicator{background:var(--primary-color);height:calc(100% - 8px);box-shadow:0 0 18px color-mix(in srgb, var(--primary-color) 55%, transparent);pointer-events:none;border-radius:10px;transition:transform .45s cubic-bezier(.2,.9,.25,1.15),width .45s cubic-bezier(.2,.9,.25,1.15),opacity .25s;position:absolute;top:4px;left:0}.sf-scale button{z-index:1;min-width:48px;color:var(--text-color);line-height:1.15;font:inherit;cursor:pointer;background:0 0;border:1px dashed #0000;border-radius:10px;flex:1 0 auto;justify-items:center;padding:8px 10px;font-size:.95rem;font-weight:600;transition:color .25s;display:grid;position:relative}.sf-scale button small{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:400;transition:color .25s}.sf-scale button.is-pick,.sf-scale button.is-pick small{color:var(--secondary-color)}.sf-scale button.is-alt{border-color:var(--primary-color)}.sf-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 16px;font-size:.8rem;display:flex}.sf-legend span{align-items:center;gap:6px;display:inline-flex}.sf-dot{background:var(--primary-color);border-radius:4px;width:12px;height:12px;display:inline-block}.sf-dot-alt{border:1px dashed var(--primary-color);background:0 0}.sf-gauge{gap:6px;display:grid}.sf-gauge-top{color:var(--text-secondary);justify-content:space-between;gap:10px;font-size:.85rem;display:flex}.sf-gauge-top strong{color:var(--text-color);font-variant-numeric:tabular-nums;font-weight:600}.sf-gauge-track{height:10px;display:flex;position:relative}.sf-gauge-zone{height:100%}.sf-gauge-zone:first-child{border-radius:5px 0 0 5px}.sf-gauge-zone:nth-last-child(2){border-radius:0 5px 5px 0}.sf-gauge-zone.z0{background:#ff5a5a99}.sf-gauge-zone.z1{background:color-mix(in srgb, var(--primary-color) 45%, transparent)}.sf-gauge-zone.z2{background:var(--primary-color)}.sf-gauge-zone.z3{background:color-mix(in srgb, var(--primary-color) 45%, transparent)}.sf-gauge-zone.z4{background:#7aa7ff8c}.sf-gauge-rail{pointer-events:none;transition:transform .45s cubic-bezier(.2,.9,.25,1.15);position:absolute;inset:0}.sf-gauge-marker{background:var(--text-color);border:3px solid var(--bg-color);width:16px;height:20px;box-shadow:0 0 0 1px var(--text-color), 0 0 12px var(--text-color);border-radius:6px;position:absolute;top:-5px;left:-8px}.sf-gauge-input.is-draggable{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:8px;margin-top:14px;padding:8px 0}.sf-gauge-input.is-dragging{cursor:grabbing}.sf-gauge-input.is-dragging .sf-gauge-rail{transition:none}.sf-gauge-input.is-draggable .sf-gauge-marker{width:20px;height:24px;top:-7px;left:-10px}.sf-gauge-input.is-dragging .sf-gauge-marker{transform:scale(1.12)}.sf-gauge-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sf-gauge-stop{background:var(--text-color);opacity:.55;pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%}.sf-gauge-stop span{color:var(--text-secondary);white-space:nowrap;font-size:.72rem;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sf-gauge-stop.is-current{opacity:1;background:0 0}.sf-gauge-stop.is-current span{color:var(--text-color);bottom:18px}.sf-gauge-labels{height:1.3em;color:var(--text-secondary);font-size:.74rem;position:relative}.sf-gauge-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.sf-howto-link{color:var(--title-color);justify-self:start;align-items:center;gap:8px;font-size:.93rem;text-decoration:none;display:inline-flex}.sf-howto-link:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.sf-body{grid-template-columns:1fr;grid-template-areas:"pick""howto""measure""result"}.sf-howto{text-align:left;grid-template-columns:96px 1fr;place-items:center start}.sf-figure{max-width:96px}.sf-garment{padding:8px 4px;font-size:.72rem}.sf-garment svg{width:28px;height:28px}.sf-result-link{margin-left:0}}@media (max-width:480px){.size-finder{margin-top:20px}}@media (prefers-reduced-motion:reduce){.sf-tape-band,.sf-tape-ticks,.sf-result-size{animation:none}.sf-scale-indicator,.sf-gauge-rail{transition:none}}.size-table-wrap{width:100%;margin-top:18px;overflow-x:auto}.size-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;color:var(--text-color);font-size:.95rem}.size-table th,.size-table td{text-align:center;border-bottom:1px solid var(--glass-border);padding:7px 10px}.size-table thead th{color:var(--title-color);font-size:.88rem;font-weight:600}.size-table tbody th{text-align:left;font-weight:600}.size-table tbody tr{transition:background-color .2s}.size-table tbody tr:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent)}.size-table tbody tr.is-recommended{background:color-mix(in srgb, var(--primary-color) 24%, transparent)}.size-table tbody tr.is-recommended th{color:var(--title-color)}.size-table-unit{text-align:right;color:var(--text-secondary);margin:6px 0 0;font-size:.8rem}::view-transition-group(chart-photo){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.chart-close{color:#fff;cursor:pointer;z-index:1002;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:background-color .3s,transform .3s;display:flex;position:absolute;top:20px;right:20px}.chart-close:hover{background:#ff464680;transform:scale(1.1)}.chart-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}@media (max-width:768px){.chart-close{width:38px;height:38px;top:12px;right:12px}}.sf-measure-label{justify-items:start;gap:8px;display:grid}.sf-unit button{padding:4px 12px;font-size:.85rem}.sf-fit-compare{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.sf-fit-compare .sf-label{margin-right:4px}.sf-fit-compare button{font:inherit;color:var(--text-color);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.88rem;transition:background-color .2s,border-color .2s,color .2s}.sf-fit-compare button strong{margin-left:4px;font-weight:700}.sf-fit-compare button[aria-pressed=true]{background:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color)}.sf-fit-compare button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:760px){.sf-fit-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sf-fit-compare .sf-label{grid-column:1/-1;margin:0 0 2px}.sf-fit-compare button{white-space:nowrap;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 4px;font-size:.8rem;line-height:1.2;display:flex}.sf-fit-compare button strong{margin-left:0;font-size:1.05rem}}.sf-fit-compare.is-nudging button{animation:.9s ease-in-out 3 sf-nudge}.sf-fit-compare.is-nudging button:nth-of-type(2){animation-delay:.12s}.sf-fit-compare.is-nudging button:nth-of-type(3){animation-delay:.24s}@keyframes sf-nudge{0%,to{transform:none}40%{box-shadow:0 0 0 2px var(--primary-color), 0 8px 22px -8px var(--primary-color);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.sf-fit-compare.is-nudging button{animation:none}}
