/* Short / Long link picker (js/shout-core.v3.js -> linkChooser).
   Uses currentColor + translucent greys so it works on the dark landing page,
   the light success card and every profile theme. */
.lf{margin:14px 0 6px;color:inherit;text-align:left}
.lf-t{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:8px}
.lf-row{display:flex;flex-wrap:wrap;gap:8px}
.lf-b{flex:1 1 150px;min-width:0;text-align:left;font:inherit;color:inherit;cursor:pointer;
  background:rgba(127,127,127,.10);border:1.5px solid rgba(127,127,127,.35);border-radius:12px;
  padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.lf-b b{font-size:.86rem;font-weight:800}
.lf-b small{font-size:.74rem;opacity:.75;word-break:break-all;line-height:1.3}
.lf-b:hover{border-color:rgba(127,127,127,.7)}
.lf-b[aria-checked="true"]{border-color:#e8117a;background:rgba(232,17,122,.12);box-shadow:0 0 0 2px rgba(232,17,122,.22)}
.lf-b[aria-checked="true"] b::after{content:" \2713"}
.lf-b:focus-visible{outline:3px solid #8b5cf6;outline-offset:2px}
.lf-note{font-size:.76rem;opacity:.7;margin:8px 0 0;line-height:1.4}