.bclf-shell{--n-ink: #18252a;--n-muted: #5d6d70;--n-paper: #f6f2e9;--n-panel: #fffdf7;--n-line: #d5d0c3;--n-teal: #176e73;--n-teal-soft: #d8ece8;--n-coral: #c65d45;--n-coral-soft: #f2ddd4;--n-yellow: #dcae3b;--n-olive: #66805e;--n-danger: #9b3d37;--n-shadow: #18252a24;--n-wheel: #e8e2d5;--n-wheel-dark: #c9c1b1;--n-white: #fff;container-type:inline-size;color:var(--n-ink);min-width:0}.tool-page,.section-tool,.page-wrapper.with-sidebar>main{min-width:0}.theme-light .bclf-shell{--n-ink: #18252a;--n-muted: #5d6d70;--n-paper: #f6f2e9;--n-panel: #fffdf7;--n-line: #d5d0c3;--n-teal: #176e73;--n-teal-soft: #d8ece8;--n-coral: #c65d45;--n-coral-soft: #f2ddd4;--n-yellow: #dcae3b;--n-olive: #66805e;--n-danger: #9b3d37;--n-shadow: #18252a24;--n-wheel: #e8e2d5;--n-wheel-dark: #c9c1b1;--n-white: #fff}.theme-dark .bclf-shell{--n-ink: #f0ece2;--n-muted: #b6b8ad;--n-paper: #171d1e;--n-panel: #222a2a;--n-line: #465354;--n-teal: #72c5bf;--n-teal-soft: #234845;--n-coral: #f08b70;--n-coral-soft: #4a2e2b;--n-yellow: #efc965;--n-olive: #a5c18e;--n-danger: #ff9a8e;--n-shadow: #0008;--n-wheel: #303938;--n-wheel-dark: #596362;--n-white: #fff}.bclf-panel{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(19rem,1.1fr);overflow:hidden;border:1px solid var(--n-line);border-radius:1.25rem;background:var(--n-paper);box-shadow:0 1.25rem 2.5rem var(--n-shadow)}.bclf-controls,.bclf-result{min-width:0;padding:clamp(1rem,3vw,2rem)}.bclf-controls{display:grid;align-content:start;gap:1.3rem;border-right:1px solid var(--n-line);background:var(--n-panel)}.bclf-unit-switch,.bclf-presets{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.bclf-unit-switch span,.bclf-presets>span,.bclf-disciplines legend,.bclf-measurements legend{grid-column:1 / -1;padding:0;color:var(--n-muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bclf-unit-switch button,.bclf-prescets button,.bclf-presets button,.bclf-disciplines button{min-height:2.35rem;border:1px solid var(--n-line);border-radius:.55rem;color:var(--n-ink);background:var(--n-paper);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.bclf-unit-switch button[aria-pressed=true],.bclf-disciplines button[aria-pressed=true]{border-color:var(--n-teal);color:var(--n-white);background:var(--n-teal)}.bclf-measurements,.bclf-disciplines{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:0;padding:0;border:0}.bclf-field{display:grid;gap:.42rem}.bclf-field>span{color:var(--n-ink);font-size:.82rem;font-weight:800}.bclf-field input{width:100%;min-height:3.1rem;padding:.55rem .7rem;border:1px solid var(--n-line);border-radius:.6rem;color:var(--n-ink);background:var(--n-paper);font:inherit;font-size:1.15rem;font-weight:800}.bclf-field input:focus,.bclf-unit-switch button:focus-visible,.bclf-presets button:focus-visible,.bclf-disciplines button:focus-visible{outline:3px solid var(--n-yellow);outline-offset:2px}.bclf-field small{min-height:2.1em;color:var(--n-muted);font-size:.72rem;line-height:1.35}.bclf-disciplines button{padding:.35rem .3rem}.bclf-presets{grid-template-columns:repeat(3,1fr)}.bclf-presets button{padding:.55rem .4rem;color:var(--n-teal);background:var(--n-teal-soft);border-color:transparent}.bclf-measurement-note{margin:0;padding-top:.9rem;border-top:1px solid var(--n-line);color:var(--n-muted);font-size:.78rem;line-height:1.5}.bclf-result{display:grid;grid-template-columns:minmax(10rem,.8fr) minmax(13rem,1.2fr);gap:1.2rem;align-items:center;background:var(--n-paper)}.bclf-result-copy{align-self:start;padding-top:.35rem}.bclf-result-kicker{color:var(--n-muted);font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.bclf-recommendation{margin-top:.45rem;color:var(--n-teal);font-size:clamp(2.4rem,6vw,4.4rem);font-weight:900;letter-spacing:-.07em;line-height:.95}.bclf-badge{display:inline-block;margin-top:.85rem;padding:.35rem .55rem;border-radius:999px;color:var(--n-coral);background:var(--n-coral-soft);font-size:.72rem;font-weight:800}.bclf-result-note{max-width:18rem;margin:.9rem 0 0;color:var(--n-muted);font-size:.82rem;line-height:1.5}.bclf-wheel{position:relative;min-width:0;padding:.25rem}.bclf-wheel svg{display:block;width:100%;height:auto}.bclf-orbit{fill:none;stroke:var(--n-wheel);stroke-width:26}.bclf-orbit-mark{fill:none;stroke:var(--n-yellow);stroke-width:5;stroke-linecap:round}.bclf-crank-shadow{fill:none;stroke:var(--n-wheel-dark);stroke-width:17;stroke-linecap:round}.bclf-crank{stroke:var(--n-coral);stroke-width:10;stroke-linecap:round;transition:x2 .25s ease}.bclf-hub,.bclf-pedal{fill:var(--n-teal);stroke:var(--n-paper);stroke-width:5}.bclf-measure-line,.bclf-measure-cap{fill:none;stroke:var(--n-muted);stroke-width:2}.bclf-wheel-label{position:absolute;bottom:0;color:var(--n-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bclf-wheel-left{left:.5rem}.bclf-wheel-right{right:.5rem}.bclf-metrics{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding-top:1.1rem;border-top:1px solid var(--n-line)}.bclf-metrics div{min-width:0}.bclf-metrics dt{color:var(--n-muted);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bclf-metrics dd{margin:.32rem 0 0;overflow-wrap:anywhere;color:var(--n-ink);font-size:.88rem;font-weight:800}@container (max-width: 700px){.bclf-panel{grid-template-columns:1fr}.bclf-controls{border-right:0;border-bottom:1px solid var(--n-line)}.bclf-result{grid-template-columns:1fr 1fr}}@container (max-width: 480px){.bclf-controls,.bclf-result{padding:1rem}.bclf-measurements,.bclf-result{grid-template-columns:1fr}.bclf-wheel{order:-1}.bclf-metrics{grid-template-columns:1fr 1fr}}