.daily-share-dialog {
  box-sizing: border-box; width: min(520px, calc(100% - 24px)); max-height: calc(100dvh - 32px);
  padding: 30px; border: 1px solid #758965; border-radius: 24px; margin: auto;
  background: linear-gradient(145deg, #203e30, #10281e); color: #f2f5ec;
  box-shadow: 0 24px 90px #0008; font-family: inherit; overflow-y: auto;
}
.daily-share-dialog::backdrop { background: #06150dbb; backdrop-filter: blur(5px); }
.daily-share-dialog [hidden] { display: none !important; }
.daily-share-dialog h2 { margin: 10px 24px 10px 0; font-size: clamp(25px, 6vw, 32px); line-height: 1.15; letter-spacing: -.7px; color: #fff; }
.daily-share-eyebrow { color: #e6c779; font-size: 11px; letter-spacing: 2px; font-weight: 800; }
.daily-share-intro, .daily-share-help { color: #b9cebf; font-size: 13px; line-height: 1.6; }
.daily-share-dialog button, .daily-share-dialog a { box-sizing: border-box; font: inherit; cursor: pointer; }
.daily-share-close { position: absolute; top: 16px; right: 16px; border: 0; background: transparent; color: #c2d0c7; font-size: 25px !important; width: 36px; height: 36px; }
.daily-share-dialog label { display: block; margin: 18px 0 8px; font-size: 12px; color: #c9d8cd; font-weight: 600; }
.daily-share-dialog textarea, .daily-share-dialog input { box-sizing: border-box; width: 100%; background: #0b201999; border: 1px solid #57715d; border-radius: 10px; padding: 12px; color: #e8efdf; font: inherit; font-size: 14px; line-height: 1.55; }
.daily-share-dialog textarea { resize: vertical; min-height: 108px; }
.daily-share-link-row { display: flex; gap: 8px; }
.daily-share-link-row input { min-width: 0; }
.daily-share-link-row button { border: 0; border-radius: 10px; background: #e6c779; color: #1b2c21; padding: 10px 16px; font-weight: 750; }
.daily-share-text-button { background: transparent; border: 0; color: #e6c779; padding: 10px 0; text-decoration: underline; text-underline-offset: 4px; font-size: 12px !important; }
.daily-share-networks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 12px; }
.daily-share-networks > * { text-decoration: none; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 78px; padding: 12px 6px; border: 1px solid #ffffff25; border-radius: 13px; font-size: 12px; color: white; transition: filter .15s; }
.daily-share-networks > *:hover { filter: brightness(1.2); }
.daily-share-network-icon { font-size: 23px; font-weight: 800; line-height: 1; }
.daily-share-instagram { background: linear-gradient(120deg, #713ca7, #b93472, #ac562e); }
.daily-share-facebook { background: #205cb3; }
.daily-share-twitter { background: #14201c; }
.daily-share-story { margin-top: 16px; border-top: 1px solid #ffffff20; padding-top: 8px; }
.daily-share-story img { display: block; width: 130px; border-radius: 10px; margin: 14px auto; }
.daily-share-story a { display: block; color: #e6c779; text-align: center; padding: 10px; }
.daily-share-status { color: #edda9e; font-size: 12px; line-height: 1.5; margin: 12px 0; }
.daily-share-later { display: block; width: 100%; color: #c9d6cd; border: 1px solid #ffffff25; border-radius: 10px; background: transparent; padding: 12px; font-size: 13px !important; }
.daily-share-dialog :focus-visible { outline: 3px solid #f4d784; outline-offset: 3px; }
@media (max-width: 480px) {
  .daily-share-dialog { padding: 24px 18px; }
  .daily-share-dialog textarea, .daily-share-dialog input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .daily-share-networks > * { transition: none; } }