/* New-theme markers (see tongtang-theme-news1.js). Colors come from the app's own tokens so light/dark follow the page. */
.tt-themenews-badge{display:inline-flex;align-items:center;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--color-accent,#b46437);color:var(--color-text-on-accent,#fff);font-size:11px;font-weight:500;line-height:16px;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
.tt-theme-card-heading .tt-themenews-badge{margin-left:0;margin-right:auto}
/* The closed account entry in the sidebar: a small dot until the theme list has been looked at. */
html[data-tt-theme-news] [data-tt-product-account="true"]{position:relative}
html[data-tt-theme-news] [data-tt-product-account="true"]::after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--color-accent,#b46437);box-shadow:0 0 0 2px var(--color-surface,#fff);pointer-events:none}
/* Pet: a dot at the corner of its root, moves with the pet. */
.tt-themenews-petdot{position:absolute;top:8px;right:12px;width:11px;height:11px;border-radius:50%;background:var(--color-accent,#b46437);box-shadow:0 0 0 2px var(--color-menu-bg,#fff);padding:0;border:0;cursor:pointer;pointer-events:auto;animation:tt-themenews-pulse 2.4s ease-in-out infinite}
.tt-themenews-petdot::before{content:"";position:absolute;inset:-9px}
@keyframes tt-themenews-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}
@media (prefers-reduced-motion:reduce){.tt-themenews-petdot{animation:none}}
/* Fallback speech line for pets without say(). */
.tt-themenews-bubble{position:absolute;bottom:100%;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:max-content;min-width:112px;max-width:190px;margin-bottom:8px;padding:9px 13px;text-align:left;border:1px solid var(--color-line,#ddd);border-radius:12px;background:var(--color-menu-bg,#fff);color:var(--color-text,#222);font:12px/1.5 sans-serif;cursor:pointer;pointer-events:auto;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.tt-themenews-bubble strong{font-weight:600;color:var(--color-accent,#b46437)}
.tt-themenews-bubble:hover{border-color:var(--color-accent,#b46437)}
.tt-themenews-bubble:focus-visible,.tt-themenews-petdot:focus-visible{outline:2px solid var(--color-accent,#b46437);outline-offset:2px}