.lne-mount {
  position: relative;
  z-index: 99990;
  --lne-bell-color: #173b67;
  --lne-accent-color: #165d9c;
  --lne-link: #1262b1;
  --lne-x-offset: 22px;
  --lne-y-offset: 22px;
  --lne-bell-size: 56px;
  --lne-size: var(--lne-instance-size, var(--lne-bell-size));
  --lne-x: var(--lne-x-offset);
  --lne-y: var(--lne-y-offset);
  --lne-surface: #fff;
  --lne-text: #17202b;
  --lne-muted: #536174;
  --lne-border: #dfe5ec;
  --lne-soft: #f2f5f8;
  --lne-card: #f4f7fb;
  --lne-urgent: #995016;
  --lne-urgent-bg: #fff0df;
  color: var(--lne-text);
  font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
.lne-mount.lne-dark {
  color-scheme: dark;
  --lne-surface: #181a20;
  --lne-text: #f2f4f8;
  --lne-muted: #b7c0cc;
  --lne-border: #383d49;
  --lne-soft: #272b34;
  --lne-card: #222630;
  --lne-link: #8fc6ff;
  --lne-urgent: #ffc58c;
  --lne-urgent-bg: #433023;
}
.lne-mount *, .lne-mount *::before, .lne-mount *::after { box-sizing: border-box; }
.lne-mount [hidden] { display: none !important; }
.lne-mount button, .lne-mount input { font: inherit; }
.lne-mount button { cursor: pointer; }
.lne-mount button:disabled { opacity: .48; cursor: default; }
.lne-mount :is(button, a, input):focus-visible { outline: 2px solid var(--lne-link); outline-offset: 2px; }
.lne-bell {
  position: fixed; z-index: 99990; right: var(--lne-x); bottom: var(--lne-y);
  width: var(--lne-size); height: var(--lne-size); border-radius: 50%; border: 1px solid rgba(255,255,255,.2);
  display: grid; place-items: center; padding: 0; color: #fff;
  background: var(--lne-bell-color);
  box-shadow: 0 5px 18px rgba(19,38,63,.25), inset 0 1px 0 rgba(255,255,255,.24);
  transition: filter .16s ease;
}
.lne-bell:hover { filter: brightness(1.12); }
.lne-bell[aria-expanded="true"] { filter: brightness(1.18); }
.lne-bell > svg { width: min(65%, 40px); height: min(65%, 40px); }
.lne-mount.lne-inline { display: inline-flex; vertical-align: middle; }
.lne-mount.lne-inline .lne-bell { position: relative; inset: auto; flex: 0 0 auto; }
.lne-count {
  position: absolute; top: -3px; right: -4px; min-width: 19px; height: 19px; padding: 0 4px;
  display: grid; place-items: center; border: 2px solid var(--lne-surface); border-radius: 99px;
  background: #c92839; color: #fff; font-size: 10px; font-weight: 750; line-height: 1;
}
.lne-panel {
  position: fixed; z-index: 99991; left: var(--lne-panel-left, 8px);
  top: var(--lne-panel-top, 8px); bottom: var(--lne-panel-bottom, auto);
  width: var(--lne-panel-width, min(390px, calc(100vw - 16px)));
  max-height: var(--lne-panel-height, min(555px, calc(100vh - 16px)));
  display: flex; flex-direction: column; overflow: hidden; text-align: left;
  background: var(--lne-surface); color: var(--lne-text); border: 1px solid var(--lne-border);
  border-radius: 22px; box-shadow: 0 16px 48px rgba(17,29,51,.23);
  animation: lne-appear .17s ease-out;
}
.lne-left .lne-bell { left: var(--lne-x); right: auto; }
.lne-top .lne-bell { top: var(--lne-y); bottom: auto; }
.lne-panel-head {
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
  flex: 0 0 auto; padding: 9px 11px 8px 14px; border-bottom: 1px solid var(--lne-border);
}
.lne-panel-head > strong { font-size: 16px; font-weight: 720; line-height: 1.25; letter-spacing: -.02em; }
.lne-head-actions { display: flex; gap: 4px; }
.lne-icon-button {
  display: inline-grid; place-items: center; position: relative;
  width: 36px; height: 36px; border-radius: 50%; padding: 0; border: 0;
  background: var(--lne-soft); color: var(--lne-muted);
}
.lne-icon-button:not(:disabled):hover, .lne-icon-button[aria-expanded="true"] { color: var(--lne-link); }
.lne-preferences.is-customized::after {
  content: ""; position: absolute; top: 4px; right: 4px; width: 7px; height: 7px;
  background: var(--lne-link); border: 1px solid var(--lne-surface); border-radius: 50%;
}
.lne-subscribe-wrap {
  flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 6px;
  padding: 4px 13px; border-bottom: 1px solid var(--lne-border);
}
.lne-mount .lne-subscribe {
  position: relative; display: inline-flex; align-items: center; gap: 5px; padding: 0 38px 0 0;
  min-height: 33px; border: 0; color: var(--lne-text); background: none; font-size: 12px; font-weight: 650;
}
.lne-subscribe svg { width: 14px; height: 14px; color: var(--lne-muted); }
.lne-subscribe::before, .lne-subscribe::after {
  content: ""; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 99px;
}
.lne-subscribe::before { right: 0; width: 31px; height: 17px; background: #64748b; }
.lne-subscribe::after { right: 17px; width: 12px; height: 12px; background: #fff; transition: right .15s ease; }
.lne-subscribe[aria-checked="true"]::before { background: #188355; }
.lne-subscribe[aria-checked="true"]::after { right: 3px; }
.lne-subscribe-status { color: var(--lne-muted); font-size: 11px; text-align: right; }
.lne-list { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 6px; }
.lne-item {
  display: flex; align-items: flex-start; gap: 2px; position: relative;
  border-radius: 13px; margin: 3px 0; background: var(--lne-card);
}
.lne-item.is-read { background: transparent; }
.lne-item:not(.is-read)::before {
  position: absolute; top: 11px; left: 4px; content: ""; width: 4px; height: 4px;
  border-radius: 50%; background: var(--lne-link);
}
.lne-mount .lne-item-link {
  display: flex; flex: 1; align-items: flex-start; min-width: 0; gap: 8px; padding: 7px 0 7px 11px;
  color: var(--lne-text); text-decoration: none; border-radius: 10px;
}
.lne-item-link:hover .lne-item-title { color: var(--lne-link); }
.lne-item-image { flex: 0 0 64px; width: 64px; height: 43px; border-radius: 7px; object-fit: cover; background: var(--lne-soft); }
.lne-item-body { min-width: 0; flex: 1; }
.lne-item-title {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
  font-size: 13px; line-height: 1.3; font-weight: 680; overflow-wrap: anywhere;
}
.lne-item.is-read .lne-item-title { font-weight: 560; }
.lne-item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 4px; }
.lne-item-date, .lne-item-action { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; line-height: 1.2; }
.lne-item-date { color: var(--lne-muted); }
.lne-item-date.is-urgent { padding: 3px 5px; border-radius: 5px; color: var(--lne-urgent); background: var(--lne-urgent-bg); font-weight: 700; }
.lne-item-date svg, .lne-item-action svg { width: 12px; height: 12px; flex-shrink: 0; }
.lne-item-action { color: var(--lne-link); font-weight: 700; }
.lne-mount .lne-dismiss { flex: 0 0 32px; width: 32px; height: 32px; margin: 2px 2px 0 0; background: transparent; }
.lne-dismiss:hover { background: var(--lne-soft); }
.lne-dismiss svg { width: 13px; height: 13px; }
.lne-empty { margin: 0; padding: 24px 12px; text-align: center; color: var(--lne-muted); }
.lne-panel-footer { flex: 0 0 auto; padding: 6px; border-top: 1px solid var(--lne-border); text-align: center; color: var(--lne-muted); font-size: 10px; }
.lne-preference-panel { overflow: auto; min-height: 0; padding: 13px; }
.lne-preference-panel > strong { font-size: 14px; }
.lne-preference-copy, .lne-preference-status, .lne-topic-empty { margin: 4px 0 9px; color: var(--lne-muted); font-size: 12px; }
.lne-preference-status:empty { display: none; }
.lne-segments { display: flex; gap: 3px; border-radius: 10px; background: var(--lne-soft); padding: 3px; }
.lne-mount .lne-segment {
  flex: 1; display: inline-flex; gap: 5px; align-items: center; justify-content: center; min-height: 32px;
  border: 0; border-radius: 8px; color: var(--lne-muted); background: transparent; font-size: 12px;
}
.lne-segment svg { width: 14px; height: 14px; }
.lne-mount .lne-segment[aria-pressed="true"] { color: var(--lne-text); background: var(--lne-surface); font-weight: 680; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.lne-mount .lne-topic-search {
  display: block; width: 100%; height: 34px; margin: 8px 0; padding: 4px 8px;
  border: 1px solid var(--lne-border); border-radius: 8px; background: var(--lne-surface); color: var(--lne-text); font-size: 13px;
}
.lne-topic-choices { display: flex; flex-wrap: wrap; gap: 5px; max-height: 168px; overflow: auto; padding: 2px; }
.lne-topic {
  display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 3px 7px;
  border: 1px solid var(--lne-border); border-radius: 8px; cursor: pointer; color: var(--lne-text); font-size: 11px; overflow-wrap: anywhere;
}
.lne-topic:has(input:checked) { border-color: var(--lne-link); background: var(--lne-soft); }
.lne-topic input { margin: 0; accent-color: var(--lne-accent-color); }
.lne-preference-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.lne-mount :is(.lne-reset,.lne-save,.lne-invite-allow,.lne-invite-later) { min-height: 36px; padding: 6px 10px; border: 0; border-radius: 9px; font-size: 12px; font-weight: 650; }
.lne-mount :is(.lne-reset,.lne-invite-later) { background: var(--lne-soft); color: var(--lne-text); }
.lne-mount :is(.lne-save,.lne-invite-allow) { background: var(--lne-accent-color); color: #fff; }
.lne-invite-backdrop {
  position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 14px;
  background: rgba(12,18,28,.43); backdrop-filter: blur(4px);
}
.lne-invite {
  width: min(330px, 100%); padding: 18px; border: 1px solid var(--lne-border); border-radius: 20px;
  color: var(--lne-text); background: var(--lne-surface); text-align: center;
  box-shadow: 0 16px 48px rgba(0,0,0,.22); animation: lne-appear .17s ease-out;
}
.lne-invite-icon {
  width: 37px; height: 37px; margin: 0 auto 7px; display: grid; place-items: center;
  border-radius: 11px; background: var(--lne-soft); color: var(--lne-link);
}
.lne-invite-icon svg { width: 19px; height: 19px; }
.lne-mount .lne-invite-title { margin: 0; color: var(--lne-text); font: 700 16px/1.3 -apple-system, BlinkMacSystemFont, system-ui, sans-serif; }
.lne-invite-message { margin: 6px 0 10px; color: var(--lne-muted); font-size: 12px; }
.lne-invite-actions { display: flex; gap: 6px; }
.lne-invite-actions button { flex: 1; }
@keyframes lne-appear { from { opacity: 0; transform: translateY(4px) scale(.985); } }
@media (max-width: 600px) {
  .lne-mount {
    --lne-size: var(--lne-instance-size, var(--lne-mobile-size, var(--lne-bell-size)));
    --lne-x: var(--lne-mobile-x, var(--lne-x-offset));
    --lne-y: calc(var(--lne-mobile-y, var(--lne-y-offset)) + var(--lne-mobile-footer-offset, 0px));
  }
  body:has(#lexbm-root) .lne-clear-footer:not(.lne-top):not(.lne-inline) {
    --lne-mobile-footer-offset: calc(57px + env(safe-area-inset-bottom));
  }
}
@media (prefers-reduced-motion: reduce) {
  .lne-mount :is(.lne-bell, .lne-panel, .lne-invite), .lne-subscribe::after { animation: none; transition: none; }
}