/* Replace native Fictioneer UI without changing its stored alerts or settings. */
.icon-menu-alerts,.mobile-frame-button-alerts,[data-frame="alerts"].mobile-menu__frame{display:none!important}
/* Fictioneer still tags its hamburger with _new after the native alert menu is hidden.
   Only suppress that redundant unread-count pseudo-element; do not hide the hamburger. */
.mobile-menu-button[data-fictioneer-alerts-target~="newAlertsDisplay"]._new::after{content:none!important;display:none!important}
body.mtam-lock{overflow:hidden}
#mtam-app{--mtam-bg:#121622;--mtam-surface:#171d2a;--mtam-surface-2:#1c2433;--mtam-card:#182032;--mtam-card-read:#131928;--mtam-line:#2b3448;--mtam-text:#f5f7fb;--mtam-muted:#a6b0c3;--mtam-accent:#e2bf7a;--mtam-danger:#d4747b;--mtam-warning:#ecae63;position:fixed;z-index:99990;right:18px;bottom:18px;color:var(--mtam-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.4}#mtam-app *{box-sizing:border-box}#mtam-app button{cursor:pointer;font:inherit}#mtam-app button:focus-visible,#mtam-app [role="link"]:focus-visible,#mtam-app a:focus-visible{outline:2px solid var(--mtam-accent);outline-offset:3px}.mtam-backdrop{position:fixed;inset:0;background:rgba(5,8,14,.5);backdrop-filter:blur(4px)}
.mtam-toggle{position:relative;width:56px;height:56px;border-radius:999px;border:1px solid rgba(226,191,122,.35);background:linear-gradient(180deg,#2b3345,#202736);color:#f2d291;box-shadow:0 14px 34px rgba(0,0,0,.34);display:grid;place-items:center;transition:transform .15s ease,background .18s ease,box-shadow .18s ease}.mtam-toggle:hover{transform:translateY(-2px);background:linear-gradient(180deg,#333b4f,#252d3d);box-shadow:0 18px 40px rgba(0,0,0,.38)}.mtam-toggle i{font-size:22px;line-height:1}#mtam-count{position:absolute;right:-2px;top:-4px;background:#d75b63;color:#fff;border:2px solid var(--mtam-bg);border-radius:999px;min-width:23px;height:23px;padding:0 5px;font-size:11px;font-weight:760;display:grid;place-items:center}#mtam-count[hidden],.mtam-panel[hidden],.mtam-backdrop[hidden]{display:none!important}
.mtam-panel{position:absolute;bottom:74px;right:0;width:min(430px,calc(100vw - 28px));height:min(640px,calc(100dvh - 100px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;background:var(--mtam-bg);box-shadow:0 28px 80px rgba(0,0,0,.5);animation:mtam-in .18s ease;transition:transform .18s ease}@keyframes mtam-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.mtam-top{position:relative;flex:0 0 auto;z-index:5;background:transparent;border-bottom:1px solid var(--mtam-line)}
.mtam-grabber{display:none;justify-content:center;align-items:flex-start;height:19px;padding:8px 0 0;touch-action:none;user-select:none;background:transparent}.mtam-grabber span{display:block;width:38px;height:4px;border-radius:999px;background:#586273}
.mtam-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 18px 14px;background:transparent}.mtam-head-copy small{display:block;letter-spacing:.16em;font-size:11px;color:var(--mtam-accent);font-weight:750;margin-bottom:8px}.mtam-head h2{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:26px;font-weight:740;color:var(--mtam-text);margin:0;line-height:1.2}.mtam-head h2 span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:28px;padding:3px 10px;margin-left:0;background:var(--mtam-accent);color:#1a1e2b;border-radius:999px;font-size:14px;font-weight:750;vertical-align:middle}.mtam-head h2 span:empty{display:none}.mtam-head-actions{display:flex;align-items:center;gap:8px}#mtam-read-all{background:transparent;border:0;color:var(--mtam-accent);font-size:12px!important;font-weight:700;padding:8px 4px;white-space:nowrap}#mtam-read-all:disabled{opacity:.35;cursor:default}.mtam-head #mtam-close{flex:0 0 auto;width:36px;height:36px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#d0d7e7;display:grid;place-items:center}.mtam-head #mtam-close:hover{background:rgba(255,255,255,.09)}.mtam-head #mtam-close i{font-size:18px;line-height:1}
.mtam-toolbar{padding:10px 16px 18px}.mtam-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mtam-tabs button{padding:9px 14px;color:var(--mtam-muted);border:1px solid rgba(255,255,255,.06);background:#0e1420;border-radius:999px;font-size:13px!important;font-weight:620}.mtam-tabs button.active{color:#111621;background:var(--mtam-accent);border-color:transparent}
.mtam-feed{overflow-y:auto;flex:1;overscroll-behavior:contain;padding:12px;scrollbar-width:thin;scrollbar-color:#535766 transparent}.mtam-item{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:11px 12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.04);border-radius:16px;background:var(--mtam-card);box-shadow:0 6px 18px rgba(0,0,0,.10)}.mtam-item:last-child{margin-bottom:0}.mtam-item.is-clickable{cursor:pointer}.mtam-item.is-read{background:var(--mtam-card-read);opacity:.8}.mtam-item.is-unread:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;background:var(--mtam-accent);border-radius:0 6px 6px 0}.mtam-item.tone-warning:before{background:var(--mtam-warning)}.mtam-item.tone-alert:before{background:var(--mtam-danger)}
.mtam-item-cover{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.06);color:var(--mtam-accent);font-weight:800;font-size:18px}.mtam-item-cover img{display:block;width:100%;height:100%;object-fit:cover}.mtam-fallback-icon i{font-size:18px}.mtam-item-body{min-width:0}.mtam-item-label{font-size:10px;letter-spacing:.14em;color:var(--mtam-accent);font-weight:800;margin:0 0 4px}.mtam-story-name{font-size:12px;color:var(--mtam-muted);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtam-message{display:block;color:var(--mtam-text);font-weight:590;font-size:15px;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mtam-item time{display:block;font-size:12px;color:var(--mtam-muted);margin-top:7px}.mtam-item-read{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:var(--mtam-accent);background:rgba(255,255,255,.02);display:grid;place-items:center}.mtam-item-read:hover{background:rgba(255,255,255,.08)}.mtam-item-read i{font-size:15px;line-height:1}.mtam-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 20px;color:var(--mtam-muted);min-height:240px}.mtam-empty strong{color:var(--mtam-text);font-size:17px;margin-top:12px}.mtam-empty p{font-size:13px;margin:7px 0 0}.mtam-empty-icon{border:1px solid rgba(226,191,122,.35);background:rgba(226,191,122,.08);border-radius:50%;color:var(--mtam-accent);display:grid;place-items:center;width:54px;height:54px}.mtam-empty-icon i{font-size:22px;line-height:1}
@media(max-width:720px){#mtam-app{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.mtam-toggle{position:fixed;right:12px;left:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:52px;height:52px}.mtam-panel{position:fixed;right:0;left:0;width:auto;bottom:0;height:85dvh;max-height:85dvh;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.45)}.mtam-grabber{display:flex}.mtam-head{padding:9px 16px 12px}.mtam-head h2{font-size:24px}.mtam-head h2 span{font-size:13px;min-height:26px}.mtam-toolbar{padding:10px 14px 18px}.mtam-tabs{gap:6px}.mtam-tabs button{padding:8px 12px}.mtam-feed{padding:10px 10px 6px}.mtam-item{grid-template-columns:48px minmax(0,1fr) 32px;padding:10px 11px;gap:10px}.mtam-item-cover{width:48px;height:48px}.mtam-message{font-size:14px;-webkit-line-clamp:2}.mtam-item-read{width:32px;height:32px}}

/* 1.2.2: information-first, portrait chapter cards and visible unread status. */
#mtam-app #mtam-read-all { color:#cbd5e1!important; opacity:1!important; text-decoration:underline; text-decoration-color:rgba(203,213,225,.38); text-underline-offset:3px; }
#mtam-app #mtam-read-all:hover:not(:disabled),#mtam-app #mtam-read-all:focus-visible { color:#f4d798!important; text-decoration-color:currentColor; }
#mtam-app #mtam-read-all:disabled { color:#94a3b8!important; opacity:1!important; cursor:default; text-decoration:none; }
#mtam-app .mtam-item { grid-template-columns:44px minmax(0,1fr) 32px; gap:10px; align-items:center; padding:9px 10px; margin-bottom:7px; border-radius:12px; }
#mtam-app .mtam-item.is-unread { background:#202a3d; border-color:rgba(226,191,122,.15); }
#mtam-app .mtam-item.is-unread::before { content:none!important; }
#mtam-app .mtam-item.is-read { background:#141b29; opacity:.84; }
#mtam-app .mtam-item-cover { width:44px; height:61px; border-radius:7px; font-size:18px; }
#mtam-app .mtam-item-cover img { width:100%;height:100%;object-fit:cover;object-position:center top; }
#mtam-app .mtam-item-top { display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap; margin-bottom:5px; }
#mtam-app .mtam-item-label { margin:0; font-size:9px; line-height:1.25; letter-spacing:.1em; flex:0 1 auto; }
#mtam-app .mtam-item-top time { flex:0 0 auto; margin:0 0 0 auto; font-size:11px; color:#9daabd; white-space:nowrap; }
#mtam-app .mtam-unread-dot { display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#f4ce80;box-shadow:0 0 0 2px rgba(244,206,128,.10),0 0 8px rgba(244,206,128,.56); }
#mtam-app .mtam-story-title { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:#f5f7fb;font-weight:670;font-size:14px;line-height:1.29;overflow-wrap:anywhere; }
#mtam-app .mtam-chapter-row { display:flex;align-items:center;gap:6px;min-width:0;margin-top:5px;font-size:12px;line-height:1.25;color:#b8c5d7; }
#mtam-app .mtam-chapter-number { flex:0 0 auto;color:#f0d293;font-weight:750;font-size:11px;background:rgba(226,191,122,.12);border:1px solid rgba(226,191,122,.14);padding:2px 5px;border-radius:5px; }
#mtam-app .mtam-chapter-subtitle { min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b8c5d7; }
#mtam-app .mtam-announcement-story {margin-top:4px;font-size:12px;color:#b8c5d7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#mtam-app .mtam-message {font-size:14px;line-height:1.35;-webkit-line-clamp:3;line-clamp:3;}
#mtam-app .mtam-item-read {width:32px;height:32px;border-radius:9px;color:#eacb89;}
#mtam-app .mtam-history-note {text-align:center;color:#9daabd;font-size:12px;padding:12px 6px 20px;}
@media(max-width:720px){
  #mtam-app .mtam-head {gap:8px;padding-left:12px;padding-right:12px;}
  #mtam-app .mtam-head h2 {font-size:22px;}
  #mtam-app .mtam-head h2 span {font-size:11px;min-height:23px;padding:2px 7px;margin-left:4px;}
  #mtam-app .mtam-head-actions {gap:5px;}
  #mtam-app #mtam-read-all {font-size:12px!important;}
  #mtam-app .mtam-item {grid-template-columns:42px minmax(0,1fr) 30px;gap:9px;padding:9px 10px;margin-bottom:7px;}
  #mtam-app .mtam-item-cover {width:42px;height:59px;}
  #mtam-app .mtam-story-title {font-size:13.5px;}
  #mtam-app .mtam-item-read {width:30px;height:30px;}
  #mtam-app .mtam-item-top time {font-size:10.5px;}
}

/* 1.2.3 — continuous sheet surface, clean single-title header, and breathing room before filters. */
#mtam-app .mtam-top,
#mtam-app .mtam-head,
#mtam-app .mtam-grabber { background:transparent; box-shadow:none; }
#mtam-app .mtam-head-copy { min-width:0; }
#mtam-app .mtam-head h2 { letter-spacing:-.02em; }
#mtam-app .mtam-toolbar { margin-top:0; }
@media(max-width:420px){
  #mtam-app .mtam-head { display:grid; grid-template-columns:minmax(0,1fr) 36px; grid-template-rows:auto auto; column-gap:8px; row-gap:1px; align-items:center; padding:9px 16px 0; }
  #mtam-app .mtam-head-copy { grid-column:1; grid-row:1; }
  #mtam-app .mtam-head-actions { display:contents; }
  #mtam-app #mtam-close { grid-column:2; grid-row:1; justify-self:end; }
  #mtam-app #mtam-read-all { grid-column:1 / -1; grid-row:2; justify-self:end; padding:5px 1px 2px; }
  #mtam-app .mtam-toolbar { padding:13px 14px 18px; }
}

/* 1.2.4 — real link cards, readable type sizes, larger touch targets, calmer states. */
.mtam-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
#mtam-app .mtam-feed:focus{outline:none}

/* Cards: the title is a stretched link, so the whole card is one native, keyboard-reachable target. */
#mtam-app .mtam-item-link{display:block;min-width:0;color:inherit;text-decoration:none;outline:none}
#mtam-app .mtam-item-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:12px}
#mtam-app .mtam-item-link:focus-visible{outline:none}
#mtam-app .mtam-item-link:focus-visible::after{outline:2px solid var(--mtam-accent);outline-offset:-2px}
#mtam-app .mtam-item-read{position:relative;z-index:2}
#mtam-app .mtam-item-read::after{content:"";position:absolute;inset:-7px}
#mtam-app .mtam-item-read:focus-visible{outline-offset:2px}
@media(hover:hover){
  #mtam-app .mtam-item.is-clickable{transition:background .15s ease,border-color .15s ease}
  #mtam-app .mtam-item.is-unread.is-clickable:hover{background:#263250;border-color:rgba(226,191,122,.3)}
  #mtam-app .mtam-item.is-read.is-clickable:hover{background:#1a2335;opacity:1}
}

/* Type: sentence-case tags at a legible size; tone is carried by colour as well as by the word. */
#mtam-app .mtam-item-label{font-size:11px;font-weight:700;letter-spacing:.015em;text-transform:none}
#mtam-app .mtam-item.tone-warning .mtam-item-label{color:var(--mtam-warning)}
#mtam-app .mtam-item.tone-alert .mtam-item-label{color:#f0959b}
#mtam-app .mtam-item-top time{font-size:11px}
#mtam-app .mtam-item-top{margin-bottom:4px}

/* Header: keep the title and its count badge on one line. */
#mtam-app .mtam-head h2{flex-wrap:nowrap;white-space:nowrap;font-size:24px}

/* Loading skeleton and state actions. */
.mtam-skeletons{display:grid;gap:7px}
.mtam-skeletons span{display:block;height:81px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(100deg,#182032 30%,#202a40 50%,#182032 70%);background-size:220% 100%;animation:mtam-shimmer 1.4s linear infinite}
@keyframes mtam-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
#mtam-app .mtam-empty-action{margin-top:16px;padding:10px 18px;border-radius:999px;border:1px solid rgba(226,191,122,.45);background:transparent;color:#f0d293;font-size:13px;font-weight:650}
#mtam-app .mtam-empty-action:hover{background:rgba(226,191,122,.12)}

@media(max-width:720px){
  #mtam-app .mtam-head h2{font-size:22px}
  #mtam-app #mtam-close{width:40px;height:40px}
  #mtam-app .mtam-item-top time{font-size:11px}
  #mtam-app .mtam-item-read::after{inset:-8px}
  #mtam-app .mtam-feed{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}

/* Narrow phones: filters stay on one swipeable row instead of wrapping onto a second line. */
@media(max-width:480px){
  #mtam-app .mtam-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:-4px -14px;padding:4px 14px;scroll-padding-inline:14px}
  #mtam-app .mtam-tabs::-webkit-scrollbar{display:none}
  #mtam-app .mtam-tabs button{flex:0 0 auto}
}
@media(max-width:420px){
  #mtam-app .mtam-head{grid-template-columns:minmax(0,1fr) 40px}
}

@media(prefers-reduced-motion:reduce){
  .mtam-panel{animation:none;transition:none}
  .mtam-toggle,#mtam-app .mtam-item.is-clickable{transition:none}
  .mtam-toggle:hover{transform:none}
  .mtam-skeletons span{animation:none}
}

/* 1.2.5 — reader-only Clear all / Undo. Keep bulk actions below the title to avoid narrow panel overflow. */
#mtam-app .mtam-head{display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:auto auto;column-gap:8px;row-gap:3px;align-items:center}
#mtam-app .mtam-head-copy{grid-column:1;grid-row:1;min-width:0}
#mtam-app .mtam-head-actions{display:contents}
#mtam-app #mtam-close{grid-column:2;grid-row:1;justify-self:end}
#mtam-app .mtam-bulk-actions{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:3px 0 1px;min-width:0}
#mtam-app #mtam-read-all{grid-column:auto;grid-row:auto;justify-self:auto;padding:6px 0;font-size:12px!important}
#mtam-app #mtam-clear-all{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#cbd5e1!important;font-size:12px!important;font-weight:680;padding:6px 0;white-space:nowrap;opacity:1!important}
#mtam-app #mtam-clear-all i{font-size:12px;line-height:1}
#mtam-app #mtam-clear-all:hover:not(:disabled),#mtam-app #mtam-clear-all:focus-visible{color:#f3d590!important}
#mtam-app #mtam-clear-all:disabled{opacity:.6!important;cursor:default;color:#94a3b8!important}
#mtam-app .mtam-toolbar{padding-top:12px}
#mtam-app .mtam-toast[hidden]{display:none!important}
#mtam-app .mtam-toast{position:absolute;z-index:10;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 13px;border-radius:12px;background:#303a4f;border:1px solid rgba(226,191,122,.28);box-shadow:0 12px 34px rgba(0,0,0,.45);color:#f3f5fa;font-size:12px;font-weight:580}
#mtam-app #mtam-toast-text{flex:1;min-width:0}
#mtam-app #mtam-undo-clear{color:#f4d38d;border:0;background:transparent;padding:7px 6px;font-size:13px!important;font-weight:780;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
#mtam-app #mtam-dismiss-toast{width:30px;height:30px;border-radius:99px;border:0;background:rgba(255,255,255,.05);color:#cbd5e1;display:grid;place-items:center;flex:0 0 auto}
#mtam-app #mtam-dismiss-toast i{font-size:12px}
@media(max-width:420px){
  #mtam-app .mtam-head{grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:auto auto}
  #mtam-app #mtam-close{grid-column:2;grid-row:1}
  #mtam-app #mtam-read-all{grid-column:auto;grid-row:auto;justify-self:auto;padding:6px 0}
  #mtam-app .mtam-bulk-actions{grid-column:1/-1;grid-row:2;gap:18px}
}


/* 1.2.6 — Fictioneer light mode. The theme switches <html data-mode> live,
   so the inbox follows the reader's existing preference without extra JS/storage. */
:root[data-mode=light] #mtam-app{
  --mtam-bg:#f7f8fa;
  --mtam-surface:#ffffff;
  --mtam-surface-2:#eef1f5;
  --mtam-card:#ffffff;
  --mtam-card-read:#f1f3f6;
  --mtam-line:#d7dce4;
  --mtam-text:#202733;
  --mtam-muted:#647084;
  --mtam-accent:#8a5a12;
  --mtam-danger:#b43c47;
  --mtam-warning:#965713;
  color-scheme:light;
}
:root[data-mode=light] #mtam-app .mtam-backdrop{background:rgba(15,23,42,.24)}
:root[data-mode=light] #mtam-app .mtam-toggle{
  border-color:rgba(138,90,18,.28);
  background:linear-gradient(180deg,#fff,#eef1f5);
  color:#8a5a12;
  box-shadow:0 12px 30px rgba(15,23,42,.16);
}
:root[data-mode=light] #mtam-app .mtam-toggle:hover{
  background:linear-gradient(180deg,#fff,#e7ebf0);
  box-shadow:0 16px 34px rgba(15,23,42,.20);
}
:root[data-mode=light] #mtam-app #mtam-count{border-color:#f7f8fa}
:root[data-mode=light] #mtam-app .mtam-panel{
  border-color:rgba(31,41,55,.12);
  background:var(--mtam-bg);
  box-shadow:0 26px 72px rgba(15,23,42,.22);
}
:root[data-mode=light] #mtam-app .mtam-grabber span{background:#aeb6c2}
:root[data-mode=light] #mtam-app .mtam-head h2 span{background:var(--mtam-accent);color:#fff}
:root[data-mode=light] #mtam-app #mtam-read-all{color:#5f6978!important;text-decoration-color:rgba(95,105,120,.38)}
:root[data-mode=light] #mtam-app #mtam-read-all:hover:not(:disabled),
:root[data-mode=light] #mtam-app #mtam-read-all:focus-visible{color:#7a4e0e!important}
:root[data-mode=light] #mtam-app #mtam-read-all:disabled{color:#8993a1!important}
:root[data-mode=light] #mtam-app .mtam-head #mtam-close{
  border-color:rgba(31,41,55,.12);
  background:rgba(255,255,255,.7);
  color:#566171;
}
:root[data-mode=light] #mtam-app .mtam-head #mtam-close:hover{background:#e8ecf1}
:root[data-mode=light] #mtam-app .mtam-tabs button{
  color:#667085;
  border-color:rgba(31,41,55,.09);
  background:#e9edf2;
}
:root[data-mode=light] #mtam-app .mtam-tabs button.active{
  color:#fff;
  background:var(--mtam-accent);
  border-color:transparent;
}
:root[data-mode=light] #mtam-app .mtam-feed{scrollbar-color:#a8b0bc transparent}
:root[data-mode=light] #mtam-app .mtam-item{
  border-color:rgba(31,41,55,.09);
  background:var(--mtam-card);
  box-shadow:0 5px 16px rgba(15,23,42,.06);
}
:root[data-mode=light] #mtam-app .mtam-item.is-unread{
  background:#fff9ec;
  border-color:rgba(138,90,18,.22);
}
:root[data-mode=light] #mtam-app .mtam-item.is-read{background:var(--mtam-card-read);opacity:.9}
:root[data-mode=light] #mtam-app .mtam-item-cover{
  background:linear-gradient(180deg,#f4f6f8,#e9edf2);
  border-color:rgba(31,41,55,.09);
  color:var(--mtam-accent);
}
:root[data-mode=light] #mtam-app .mtam-item-top time{color:#748094}
:root[data-mode=light] #mtam-app .mtam-unread-dot{
  background:#b7791f;
  box-shadow:0 0 0 2px rgba(183,121,31,.10),0 0 7px rgba(183,121,31,.28);
}
:root[data-mode=light] #mtam-app .mtam-story-title{color:var(--mtam-text)}
:root[data-mode=light] #mtam-app .mtam-chapter-row,
:root[data-mode=light] #mtam-app .mtam-chapter-subtitle,
:root[data-mode=light] #mtam-app .mtam-announcement-story{color:#687588}
:root[data-mode=light] #mtam-app .mtam-chapter-number{
  color:#7a4e0e;
  background:rgba(138,90,18,.09);
  border-color:rgba(138,90,18,.16);
}
:root[data-mode=light] #mtam-app .mtam-item-read{
  border-color:rgba(31,41,55,.14);
  color:#80520f;
  background:rgba(255,255,255,.65);
}
:root[data-mode=light] #mtam-app .mtam-item-read:hover{background:#e8ecf1}
:root[data-mode=light] #mtam-app .mtam-history-note{color:#748094}
@media(hover:hover){
  :root[data-mode=light] #mtam-app .mtam-item.is-unread.is-clickable:hover{
    background:#fff4d8;
    border-color:rgba(138,90,18,.32);
  }
  :root[data-mode=light] #mtam-app .mtam-item.is-read.is-clickable:hover{
    background:#e9edf2;
    opacity:1;
  }
}
:root[data-mode=light] #mtam-app .mtam-item.tone-alert .mtam-item-label{color:var(--mtam-danger)}
:root[data-mode=light] #mtam-app .mtam-skeletons span{
  border-color:rgba(31,41,55,.08);
  background:linear-gradient(100deg,#edf0f4 30%,#f8f9fb 50%,#edf0f4 70%);
  background-size:220% 100%;
}
:root[data-mode=light] #mtam-app .mtam-empty-icon{
  border-color:rgba(138,90,18,.28);
  background:rgba(138,90,18,.08);
  color:var(--mtam-accent);
}
:root[data-mode=light] #mtam-app .mtam-empty-action{
  border-color:rgba(138,90,18,.42);
  background:transparent;
  color:#7a4e0e;
}
:root[data-mode=light] #mtam-app .mtam-empty-action:hover{background:rgba(138,90,18,.08)}
:root[data-mode=light] #mtam-app #mtam-clear-all{color:#5f6978!important}
:root[data-mode=light] #mtam-app #mtam-clear-all:hover:not(:disabled),
:root[data-mode=light] #mtam-app #mtam-clear-all:focus-visible{color:#7a4e0e!important}
:root[data-mode=light] #mtam-app #mtam-clear-all:disabled{color:#8993a1!important}
:root[data-mode=light] #mtam-app .mtam-toast{
  background:#ffffff;
  border-color:rgba(138,90,18,.24);
  box-shadow:0 12px 32px rgba(15,23,42,.16);
  color:#29313d;
}
:root[data-mode=light] #mtam-app #mtam-undo-clear{color:#7a4e0e}
:root[data-mode=light] #mtam-app #mtam-dismiss-toast{
  background:#edf0f4;
  color:#667085;
}