#tts-hot-toast { position: fixed; z-index: 1000; left: 24px; right: auto; bottom: 24px; width: 360px; max-width: calc(100% - 48px); border: 1px solid #e6e6e6; border-radius: 6px; background: #fff; box-shadow: 0 4px 16px rgb(0 0 0 / 12%); animation: tts-hot-toast-in .25s ease-out; }
#tts-hot-toast[hidden] { display: none; }
#tts-hot-toast .tts-hot-toast-link { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 32px 12px 12px; color: #0a0a0a; }
#tts-hot-toast .tts-hot-toast-image { display: block; width: 64px; height: 64px; object-fit: contain; }
#tts-hot-toast .tts-hot-toast-body { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
#tts-hot-toast .tts-hot-toast-label { display: inline-flex; align-items: center; gap: 5px; color: #c9252c; font-size: 12px; font-weight: 700; line-height: 1.4; }
#tts-hot-toast .tts-hot-toast-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 1.35; }
#tts-hot-toast .tts-hot-toast-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 6px; color: #c9252c; font-size: 16px; font-weight: 700; line-height: 1.35; }
#tts-hot-toast .tts-hot-toast-price :is(.amount, bdi, ins) { color: inherit; }
#tts-hot-toast .tts-hot-toast-price ins { order: 1; background: none; text-decoration: none; }
#tts-hot-toast .tts-hot-toast-price del { order: 2; color: #777; font-size: 12px; font-weight: 400; }
#tts-hot-toast .tts-hot-toast-viewers { display: inline-flex; align-items: center; gap: 4px; color: #666; font-size: 12px; line-height: 1.5; }
#tts-hot-toast .tts-hot-toast-close { position: absolute; top: 4px; right: 4px; display: flex; align-items: center; justify-content: center; width: 28px; min-width: 0; height: 28px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #777; line-height: 1; }
#tts-hot-toast .tts-hot-toast-close:hover { background: #f5f5f5; color: #c9252c; }
#tts-hot-toast :is(a, button):focus-visible { outline: 2px solid #c9252c; outline-offset: 2px; }
@keyframes tts-hot-toast-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 849px) {
    #tts-hot-toast { left: 8px; right: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: calc(100% - 80px); max-width: 360px; }
    #tts-hot-toast .tts-hot-toast-link { grid-template-columns: 56px minmax(0, 1fr); gap: 8px; padding: 10px 26px 10px 10px; }
    #tts-hot-toast .tts-hot-toast-image { width: 56px; height: 56px; }
    #tts-hot-toast .tts-hot-toast-title { font-size: 13px; }
    #tts-hot-toast .tts-hot-toast-price { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { #tts-hot-toast { animation: none; } }