.hb-preferences,.hb-preference-menu{--hb-pref-bg:#fff;--hb-pref-fg:#20242b;--hb-pref-muted:#626b78;--hb-pref-border:#e0e3e8;--hb-pref-hover:#f2f4f7;--hb-pref-selected:#b62e47;letter-spacing:normal;font-family:Arial,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;font-weight:500;line-height:1.5}.dark .hb-preferences,.dark .hb-preference-menu{--hb-pref-bg:#20242c;--hb-pref-fg:#f0f2f6;--hb-pref-muted:#b0b7c4;--hb-pref-border:#373e4a;--hb-pref-hover:#303642;--hb-pref-selected:#ff95a8}.hb-preferences{flex-shrink:0;align-items:center;gap:4px;display:flex}.hb-preference-trigger{-webkit-appearance:none;appearance:none;min-width:40px;height:40px;color:var(--hb-pref-fg);font:inherit;white-space:nowrap;cursor:pointer;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 10px;transition:background-color .12s;display:inline-flex}.hb-preference-trigger:hover,.hb-preference-trigger[aria-expanded=true]{background:var(--hb-pref-hover)}.hb-preference-trigger:focus-visible{outline:2px solid var(--hb-pref-selected);outline-offset:2px}.hb-preference-trigger>svg{flex-shrink:0;width:18px;height:18px}.hb-preference-trigger>.hb-preference-chevron{width:12px;height:12px;color:var(--hb-pref-muted)}.hb-preference-menu{border:1px solid var(--hb-pref-border);width:232px;min-width:0;max-width:calc(100vw - 24px);color:var(--hb-pref-fg);background:var(--hb-pref-bg);z-index:60;border-radius:8px;padding:6px;box-shadow:0 8px 28px #00000024}.hb-preference-menu .hb-preference-label{color:var(--hb-pref-muted);padding:8px 12px 6px;font-size:12px;font-weight:500}.hb-preference-menu .hb-preference-item{min-height:42px;color:var(--hb-pref-fg);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:4px;outline:none;align-items:center;gap:10px;padding:10px 34px 10px 12px;text-decoration:none;display:flex;position:relative}.hb-preference-menu .hb-preference-item[data-highlighted]{background:var(--hb-pref-hover)}.hb-preference-menu .hb-preference-item[aria-checked=true]{color:var(--hb-pref-selected)}.hb-preference-item>svg{flex-shrink:0;width:16px;height:16px}.hb-preference-item>.hb-preference-check{position:absolute;right:12px}@media (max-width:1050px){.hb-preference-theme{display:none}}@media (max-width:760px){.hb-preference-trigger{width:40px;padding:0}.hb-preference-locale,.hb-preference-theme,.hb-preference-trigger>.hb-preference-chevron{display:none}.hb-preferences{gap:2px}}@media (prefers-reduced-motion:reduce){.hb-preference-trigger,.hb-preference-menu{transition:none;animation:none}}