.fl-modes{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fl-mode{display:flex!important;flex-direction:row!important;text-align:left;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line,#2a3442);border-radius:12px;cursor:pointer}
.fl-mode:has(input:checked){border-color:var(--accent,#3aa0ff);box-shadow:0 0 0 1px var(--accent,#3aa0ff) inset}
.fl-mode input{width:auto!important;flex:0 0 auto;margin:3px 0 0;accent-color:var(--accent,#f5b800)}
.fl-mode span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.fl-mode small{color:var(--muted,#8b98a8);line-height:1.35}
.fl-field{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.fl-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fl-form{display:flex;flex-direction:column;gap:12px;max-width:720px}
.fl-sum{margin:0;min-height:1.2em;color:var(--muted,#8b98a8)}
.fl-share{display:flex;flex-direction:column;gap:10px}
.fl-share-ok{display:flex;gap:8px;align-items:flex-start;font-size:.92rem}
.fl-rank-seg{margin-bottom:10px}
.fl-mode strong{font-size:1rem}
.fl-mode small{font-size:.86rem}
.fl-bar-top{justify-content:flex-end;margin-bottom:8px}
.fl-leg{border:1px solid var(--line,#2a3442);border-radius:12px;padding:10px 14px 4px;margin:0;display:flex;flex-direction:column;gap:10px}
.fl-leg legend{font-weight:600;padding:0 6px;display:flex;gap:8px;align-items:center}
.fl-leg-x{font-size:.85rem}
.fl-add{align-self:flex-start}