/* TELLALOOM — Share This Story bar (W-04) — honey-amber storybook tokens */
.tl-share { padding: 0 0 3.5rem; background-color: #fbe9f3; background-image: radial-gradient(560px 300px at 12% 0%, rgba(224, 87, 138, 0.20), transparent 70%), radial-gradient(520px 300px at 88% 100%, rgba(109, 95, 232, 0.16), transparent 70%), radial-gradient(300px 200px at 78% 8%, rgba(255, 197, 61, 0.16), transparent 70%), repeating-linear-gradient(45deg, rgba(194, 37, 92, 0.05) 0 2px, transparent 2px 26px), repeating-linear-gradient(-45deg, rgba(109, 95, 232, 0.05) 0 2px, transparent 2px 26px); background-size: auto, auto, auto, 180px 180px, 180px 180px; animation: tlPanelDrift 30s ease-in-out infinite alternate; }
@keyframes tlPanelDrift { from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0; } to { background-position: 0 0, 0 0, 0 0, 34px 22px, -30px 18px; } }
@media (prefers-reduced-motion: reduce) { .tl-share { animation: none; } }
.tl-share-card { max-width: 44rem; margin: 0 auto; background: #fffdf6; border: 2px solid #f5a623; border-radius: 18px; box-shadow: 0 14px 30px rgba(185, 122, 14, .13); padding: 1.6rem 2rem 1.5rem; text-align: center; }
.tl-share-card h3 { font-family: "Lexend", sans-serif; font-size: 1.38rem; margin: 0 0 .45rem; color: #7a4d00; }
.tl-share-card p { margin: 0 0 1.1rem; line-height: 1.6; }
.tl-share-actions { display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center; }
.tl-share-btn { display: inline-flex; align-items: center; justify-content: center; font-family: "Lexend", sans-serif; font-weight: 700; background: #f5a623; color: #4a2f00; border: 2.5px solid #f5a623; border-radius: 999px; cursor: pointer; min-height: 3rem; padding: .7rem 1.6rem; font-size: 1rem; }
.tl-share-btn:hover { background: #ffb63e; }
.tl-copy-btn { display: inline-flex; align-items: center; justify-content: center; font-family: "Lexend", sans-serif; font-weight: 700; background: #fff; color: #7a4d00; border: 2.5px solid #f5a623; border-radius: 999px; cursor: pointer; min-height: 3rem; padding: .7rem 1.6rem; font-size: 1rem; }
.tl-copy-btn:hover { background: #fff3d6; }
.tl-share-status { min-height: 1.4em; margin: .8rem 0 0; font-weight: 600; color: #17755f; }
.tl-share-privacy { margin: .55rem 0 0; font-size: .98rem; color: #67563f; }
@media (max-width: 640px) { .tl-share-card { padding: 1.4rem 1.2rem 1.3rem; } }