[data-tool=bicycle_gearing_cadence_planner] .pt-hero{padding-block:6px 12px}
[data-tool=bicycle_gearing_cadence_planner] .pt-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:12px;align-items:start}[data-tool=bicycle_gearing_cadence_planner] .pt-workspace>section{min-width:0;margin:0}
[data-tool=bicycle_gearing_cadence_planner] .bg-stats{grid-template-columns:repeat(4,minmax(0,1fr))}[data-tool=bicycle_gearing_cadence_planner] .bg-stats article{padding:9px 10px;font-size:13px}[data-tool=bicycle_gearing_cadence_planner] .bg-stats strong{font-size:20px}
[data-tool=bicycle_gearing_cadence_planner] .bg-best{margin:10px 0;color:#f6cd63;font-weight:700}
[data-tool=bicycle_gearing_cadence_planner] .bg-map{overflow-x:auto}[data-tool=bicycle_gearing_cadence_planner] #bgMap{width:100%;border-collapse:separate;border-spacing:3px;min-width:420px}[data-tool=bicycle_gearing_cadence_planner] #bgMap th{font-size:12px;font-weight:700;padding:2px;text-align:center;white-space:nowrap}
[data-tool=bicycle_gearing_cadence_planner] #bgMap td{padding:0}[data-tool=bicycle_gearing_cadence_planner] #bgMap button{width:100%;min-height:40px;padding:0 2px;border:2px solid transparent;border-radius:6px;color:#fff;font:700 13px system-ui;cursor:pointer;background:color-mix(in srgb,#7a3fd0 calc(var(--heat)*100%),#27334d)}
[data-tool=bicycle_gearing_cadence_planner] #bgMap button[data-best=true]{border-color:#f6cd63}[data-tool=bicycle_gearing_cadence_planner] #bgMap button[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px}
[data-tool=bicycle_gearing_cadence_planner] .pt-table{overflow-x:auto}
[data-tool=bicycle_gearing_cadence_planner] .pt-hero{padding:28px 32px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(ellipse at 85% 0%,#d36ba455,transparent 58%),radial-gradient(ellipse at 0% 100%,#f6cd6314,transparent 50%),#242032;margin-bottom:16px}
[data-tool=bicycle_gearing_cadence_planner] .pt-hero p{color:#e1cfea;max-width:70ch;line-height:1.6;margin:8px 0 0}
[data-tool=bicycle_gearing_cadence_planner] .bk-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}[data-tool=bicycle_gearing_cadence_planner] .bk-chips li{padding:5px 12px;border:1px solid #6f5686;border-radius:999px;background:#2f2840;font-size:13px;color:#eadcf3}
[data-tool=bicycle_gearing_cadence_planner] .bk-setup{margin:0 0 14px}[data-tool=bicycle_gearing_cadence_planner] .bk-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}[data-tool=bicycle_gearing_cadence_planner] .bk-head h2{margin:0}
[data-tool=bicycle_gearing_cadence_planner] .bk-seg{display:inline-flex;gap:0;padding:3px;border:1px solid #6f5686;border-radius:12px;background:#1d1928;margin:0}[data-tool=bicycle_gearing_cadence_planner] .bk-seg button{border:0;border-radius:9px;background:transparent;margin:0}[data-tool=bicycle_gearing_cadence_planner] .bk-seg button:hover{background:#3b2f52}
[data-tool=bicycle_gearing_cadence_planner] .bk-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
[data-tool=bicycle_gearing_cadence_planner] .bk-group{min-width:0;margin:0;padding:12px 14px;border:1px solid #4d3f63;border-radius:14px;background:#211c2d}[data-tool=bicycle_gearing_cadence_planner] .bk-group legend{padding:0 6px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#c9a9ec}
[data-tool=bicycle_gearing_cadence_planner] .bk-group .pt-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}[data-tool=bicycle_gearing_cadence_planner] .bk-group .pt-limit{margin:6px 0 0;font-size:12px}
[data-tool=bicycle_gearing_cadence_planner] .pt-workspace{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:14px}
[data-tool=bicycle_gearing_cadence_planner] .bk-side{display:grid;gap:14px;min-width:0;align-content:start}[data-tool=bicycle_gearing_cadence_planner] .bk-side>section{margin:0}
[data-tool=bicycle_gearing_cadence_planner] .bk-sub{margin:18px 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c9a9ec}
[data-tool=bicycle_gearing_cadence_planner] .bk-primary{background:#f6cd63!important;color:#241b05!important;border-color:#f6cd63!important;font-weight:800}
[data-tool=bicycle_gearing_cadence_planner] .bk-mapcol .pt-table{max-height:420px;overflow:auto}
@media(max-width:1100px){[data-tool=bicycle_gearing_cadence_planner] .bk-groups{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){[data-tool=bicycle_gearing_cadence_planner] .pt-hero{padding:20px}[data-tool=bicycle_gearing_cadence_planner] .bk-seg{display:flex;flex-wrap:wrap;width:100%}[data-tool=bicycle_gearing_cadence_planner] .bk-seg button{flex:1 1 auto}}
@media(max-width:900px){[data-tool=bicycle_gearing_cadence_planner] .pt-workspace{grid-template-columns:minmax(0,1fr)}[data-tool=bicycle_gearing_cadence_planner] .pt-kicker{display:none}[data-tool=bicycle_gearing_cadence_planner] .bg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}[data-tool=bicycle_gearing_cadence_planner] input,[data-tool=bicycle_gearing_cadence_planner] select{font-size:16px}}