/* BicycleBuySell language switcher (EN · BM · 中文) + one-time hint. Self-contained so layouts that do not load bbs-ui.css can use it. */
.bb-lang{--ll-bg:rgba(255,255,255,.1);--ll-fg:#d1d5db;--ll-on:#fff;--ll-pop:#fff;--ll-pop-fg:#111827;--ll-pop-line:#e5e7eb;--ll-pop-hover:#fff7ed;
  display:inline-flex;align-items:center;flex:0 0 auto;border-radius:9999px;background:var(--ll-bg);padding:0 2px}
.bb-lang form{display:contents;margin:0}
.bb-lang-b{position:relative;min-width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ll-fg);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;letter-spacing:.01em;-webkit-tap-highlight-color:transparent}
.bb-lang-b span{display:flex;align-items:center;justify-content:center;height:30px;min-width:36px;margin:7px 0;padding:0 9px;border-radius:9999px;transition:background .15s,color .15s}
.bb-lang-b:hover{color:#fff}
.bb-lang-b[aria-current=true] span{background:#f97316;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.bb-lang-b:focus-visible{outline:2px solid #fb923c;outline-offset:-2px;border-radius:9999px}
/* light surfaces (auth / dashboard) */
.bb-lang--light{--ll-bg:#f3f4f6;--ll-fg:#4b5563}
.bb-lang--light .bb-lang-b:hover{color:#111827}
/* compact dropdown (phones) */
.bb-langm{position:relative;flex:0 0 auto}
.bb-langm-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:44px;padding:0 8px;border:0;border-radius:12px;background:transparent;color:#e5e7eb;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bb-langm-btn:hover{background:rgba(255,255,255,.12)}
.bb-langm-btn svg{width:18px;height:18px}
.bb-langm--light .bb-langm-btn{color:#374151}
.bb-langm--light .bb-langm-btn:hover{background:#f3f4f6}
.bb-langm-pop{position:absolute;right:0;top:100%;z-index:60;min-width:190px;margin-top:4px;padding:6px;border-radius:14px;background:var(--ll-pop);border:1px solid var(--ll-pop-line);box-shadow:0 12px 30px -8px rgba(0,0,0,.35)}
.bb-langm-pop form{display:block;margin:0}
.bb-langm-pop button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ll-pop-fg);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.bb-langm-pop button:hover{background:var(--ll-pop-hover)}
.bb-langm-pop button[aria-current=true]{color:#c2410c;font-weight:800}
.bb-langm-pop button[aria-current=true]::after{content:"\2713";font-weight:800}
.bb-langm,.bb-lang{--ll-pop:#fff;--ll-pop-fg:#111827;--ll-pop-line:#e5e7eb;--ll-pop-hover:#fff7ed}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]) .bb-langm:not(.bb-static),:root:not([data-theme=light]) .bb-lang:not(.bb-static){--ll-pop:#161a21;--ll-pop-fg:#f1f3f6;--ll-pop-line:#2b313c;--ll-pop-hover:#22160d}
  :root:not([data-theme=light]) .bb-lang--light:not(.bb-static){--ll-bg:#1c2028;--ll-fg:#9aa1ad}
  :root:not([data-theme=light]) .bb-lang--light:not(.bb-static) .bb-lang-b:hover{color:#f1f3f6}
  :root:not([data-theme=light]) .bb-langm--light:not(.bb-static) .bb-langm-btn{color:#e5e7eb}
  :root:not([data-theme=light]) .bb-langm--light:not(.bb-static) .bb-langm-btn:hover{background:rgba(255,255,255,.12)}
  :root:not([data-theme=light]) .bb-langm:not(.bb-static) .bb-langm-pop button[aria-current=true]{color:#fb923c}
}
:root[data-theme=dark] .bb-langm:not(.bb-static),:root[data-theme=dark] .bb-lang:not(.bb-static){--ll-pop:#161a21;--ll-pop-fg:#f1f3f6;--ll-pop-line:#2b313c;--ll-pop-hover:#22160d}
:root[data-theme=dark] .bb-lang--light:not(.bb-static){--ll-bg:#1c2028;--ll-fg:#9aa1ad}
:root[data-theme=dark] .bb-lang--light:not(.bb-static) .bb-lang-b:hover{color:#f1f3f6}
:root[data-theme=dark] .bb-langm--light:not(.bb-static) .bb-langm-btn{color:#e5e7eb}
:root[data-theme=dark] .bb-langm--light:not(.bb-static) .bb-langm-btn:hover{background:rgba(255,255,255,.12)}
:root[data-theme=dark] .bb-langm:not(.bb-static) .bb-langm-pop button[aria-current=true]{color:#fb923c}
/* one-time hint */
.bb-lhint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;padding:4px 44px 4px 12px;position:relative;background:#fff7ed;color:#9a3412;font-size:13px;border-bottom:1px solid #fed7aa}
.bb-lhint button.go{min-height:44px;padding:0 10px;border:0;background:transparent;color:#c2410c;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.bb-lhint button.x{position:absolute;right:0;top:50%;margin-top:-22px;width:44px;height:44px;border:0;background:transparent;color:#9a3412;font-size:20px;line-height:1;cursor:pointer}
.bb-lhint form{display:inline;margin:0}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bb-lhint{background:#22160d;color:#fdba74;border-color:#5a3416}:root:not([data-theme=light]) .bb-lhint button.go,:root:not([data-theme=light]) .bb-lhint button.x{color:#fb923c}}
:root[data-theme=dark] .bb-lhint{background:#22160d;color:#fdba74;border-color:#5a3416}
:root[data-theme=dark] .bb-lhint button.go,:root[data-theme=dark] .bb-lhint button.x{color:#fb923c}
/* Chinese UI: Inter has no CJK glyphs, so name a good system CJK face (PingFang SC on Apple, Noto Sans SC on Android/Linux, Microsoft YaHei on Windows) */
html[lang^="zh"] body,html[lang^="zh"] button,html[lang^="zh"] input,html[lang^="zh"] select,html[lang^="zh"] textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3,html[lang^="zh"] [style*="letter-spacing"]{letter-spacing:0!important}
html[lang^="zh"] body{line-break:auto;word-break:break-word}