.daily-section-heading .section-note { max-width: none; }
.daily-summary { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: -.375rem 0 1.25rem; color: #b5becf; font-size: .75rem; }
.daily-summary > span:last-child { margin-left: auto; color: #9ca9bc; }
.daily-summary-dot { width: .4rem; height: .4rem; border-radius: 50%; background: var(--mint); }
.daily-reset-label { display: inline-flex; align-items: center; gap: .5rem; color: #bdc9d8; font-size: .8125rem; white-space: nowrap; }
.daily-reset-label .icon { width: 1rem; height: 1rem; }
.daily-progress-ring { border-color: #56816a; }
.daily-task-card { padding: 1.375rem; }
.daily-platform-icon { display: grid; place-items: center; flex: none; width: 3rem; height: 3rem; border: 1px solid #425164; border-radius: .9rem; color: #cdd8e9; background: #2a3444; }
.daily-platform-icon .icon { width: 1.5rem; height: 1.5rem; }
.daily-card-badges { display: flex; flex-direction: column; align-items: flex-end; gap: .5rem; min-width: 0; }
.daily-reward-badge { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: .5rem; padding: .4rem .625rem; border: 1px solid #50755d; border-radius: .625rem; background: #253d30; color: #b7efcb; line-height: 1.5; }
.daily-reward-badge > span { color: #b7cdbf; font-size: .75rem; font-weight: 500; }
.daily-reward-badge strong { color: #a7f3c2; font-size: .875rem; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.platform-facebook { color: #a7c9ff; background: #253c5f; border-color: #3b5781; }
.platform-instagram { color: #e1b7f2; background: #44304f; border-color: #60436c; }
.platform-whatsapp { color: #a2e6bc; background: #244434; border-color: #40664e; }
.platform-telegram { color: #a9ddff; background: #213f55; border-color: #37627d; }
.platform-x { color: #f1f3f8; background: #303643; border-color: #4e5666; }
.daily-proof-badge { display: inline-flex; align-items: center; gap: .375rem; padding: .35rem .5rem; border: 1px solid #364152; border-radius: .5rem; color: #bac5d7; font-size: .625rem; }
.daily-proof-badge .icon { width: .8125rem; height: .8125rem; }
.daily-task-card .task-title h3 { min-height: 2.8em; font-size: 1rem; font-weight: 500; }
.daily-task-card .task-title p { min-height: 3.3em; line-height: 1.7; }
.daily-card-meta { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: .4rem; margin: 1.25rem 0 1rem; padding-top: 1rem; border-top: 1px solid var(--line); font-size: .6875rem; color: #a6b2c7; }
.daily-card-status { display: inline-flex; align-items: center; gap: .35rem; color: #bed5c7; }
.daily-card-status::before { content: ''; width: .3rem; height: .3rem; border-radius: 50%; background: #89ba9c; }
.daily-task-button { gap: .5rem; min-height: 3rem; padding: .75rem .875rem; font-size: .8125rem; }
.daily-task-button .icon { width: 1rem; height: 1rem; }
.daily-task-card.is-submitted { border-color: #476653; }
.daily-task-card.is-submitted .daily-card-status { color: var(--mint); }
body.has-daily-task-dialog { overflow: hidden; }
.daily-task-dialog { width: min(32rem, calc(100% - 2rem)); max-width: none; max-height: calc(100dvh - 2rem); padding: 1.75rem; border: 1px solid #414d60; border-radius: 1.5rem; background: #1a202b; color: var(--text); box-shadow: 0 24px 90px #0008; overflow-y: auto; overscroll-behavior: contain; }
.daily-task-dialog::backdrop { background: #060b14b8; backdrop-filter: blur(6px); }
.daily-task-dialog [hidden] { display: none !important; }
.daily-dialog-heading { display: flex; align-items: center; gap: .875rem; }
.daily-dialog-heading > div { min-width: 0; flex: 1; }
.daily-dialog-heading h2 { font-size: 1.125rem; font-weight: 600; }
.daily-dialog-heading .dialog-close { margin-left: auto; }
.daily-eyebrow { display: block; margin-bottom: .25rem; color: #adbacb; font-size: .625rem; letter-spacing: .08em; font-weight: 500; }
.daily-dialog-description { margin: 1rem 0 1.25rem; color: #b8c2d3; font-size: .8125rem; line-height: 1.8; }
.daily-dialog-reward { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; margin-bottom: 1rem; border: 1px solid #46694f; border-radius: .75rem; background: #243b2d; }
.daily-dialog-reward > span { display: inline-flex; align-items: center; gap: .5rem; color: #c0d8c8; font-size: .8125rem; }
.daily-dialog-reward .icon { width: 1.125rem; height: 1.125rem; }
.daily-dialog-reward strong { color: var(--mint); font-size: 1.0625rem; font-variant-numeric: tabular-nums; }
.daily-task-instructions { display: flex; gap: .75rem; padding: 1rem; border: 1px solid #34493e; border-radius: .875rem; background: #24342d; }
.daily-step-number { display: grid; place-items: center; flex: none; width: 1.5rem; height: 1.5rem; border: 1px solid #5a7b65; border-radius: 50%; color: #b7eccb; background: #2a4334; font-size: .75rem; font-weight: 500; }
.daily-task-instructions strong { display: block; color: #deeee4; font-size: .8125rem; font-weight: 500; }
.daily-task-instructions p { margin-top: .4rem; color: #b6cabc; font-size: .75rem; line-height: 1.8; }
.daily-share-copy { display: grid; gap: .75rem; margin-top: .75rem; padding: 1rem; border: 1px solid #3d4d61; border-radius: .875rem; background: #151d27; }
.daily-share-copy strong { display: block; margin-bottom: .35rem; color: #e1e8f2; font-size: .8125rem; font-weight: 600; }
.daily-share-copy p { color: #b8c5d6; font-size: .75rem; line-height: 1.7; overflow-wrap: anywhere; }
.daily-share-copy button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid #577364; border-radius: .7rem; background: #263d31; color: #baf0ce; font: inherit; font-size: .8125rem; font-weight: 600; cursor: pointer; }
.daily-share-copy button:hover { background: #2d493a; border-color: #6a9279; }
.daily-share-copy button .icon { width: 1rem; height: 1rem; }
.daily-proof-heading { display: flex; align-items: center; gap: .75rem; margin: 1.5rem 0 .875rem; font-size: .875rem; font-weight: 500; }
.daily-upload-zone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 12rem; padding: 1.5rem 1rem; border: 1.5px dashed #617469; border-radius: 1rem; background: #151d25; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; }
.daily-upload-zone:hover, .daily-upload-zone.is-dragging { border-color: var(--mint); background: #1d2e26; }
.daily-upload-zone:focus-within { outline: 2px solid var(--mint); outline-offset: 4px; }
.daily-upload-zone .daily-upload-icon { width: 1.5rem; height: 1.5rem; margin-bottom: .875rem; color: var(--mint); }
.daily-upload-zone strong { color: #deeee5; font-size: .875rem; font-weight: 500; }
.daily-upload-zone > span:not(.icon) { margin-top: .25rem; color: #a8b8c7; font-size: .75rem; }
.daily-upload-zone small { margin-top: 1rem; color: #acb7c9; font-size: .6875rem; }
.daily-file-preview { padding: .625rem; border: 1px solid #476453; border-radius: .875rem; background: #151c25; }
.daily-file-preview > img { display: block; width: 100%; height: min(15rem, 30dvh); object-fit: contain; border-radius: .5rem; background: #0c1118; }
.daily-file-details { display: flex; align-items: center; justify-content: space-between; gap: .625rem; padding: .5rem .25rem .125rem .5rem; }
.daily-file-details > div { display: grid; gap: .125rem; min-width: 0; }
.daily-file-details strong { font-size: .75rem; font-weight: 500; overflow-wrap: anywhere; }
.daily-file-details span { color: #a9b8ca; font-size: .625rem; }
.daily-change-file { display: block; width: 100%; min-height: 2.75rem; border: 0; border-top: 1px solid #31403e; border-radius: .5rem; background: transparent; color: var(--mint); font-size: .75rem; }
.daily-change-file:hover { background: #23372d; }
.daily-link-input { display: flex; align-items: center; gap: .75rem; padding: 0 .875rem; border: 1px solid #46576b; border-radius: .75rem; background: #121922; }
.daily-link-input:focus-within { border-color: var(--mint); box-shadow: 0 0 0 3px #8ee3b512; }
.daily-link-input .icon { width: 1.125rem; height: 1.125rem; color: #aebdd0; flex: none; }
.daily-link-input input { width: 100%; min-width: 0; min-height: 3.25rem; padding: .875rem 0; outline: none; border: 0; color: var(--text); background: transparent; font-size: .875rem; }
.daily-link-input input::placeholder { color: #9daabf; }
.daily-post-help { margin-top: .625rem; color: #adbacc; font-size: .75rem; }
.daily-field-error { margin-top: .625rem; color: #ffb5b5; font-size: .75rem; line-height: 1.7; }
.daily-dialog-actions { display: grid; grid-template-columns: 1fr 1.8fr; gap: .75rem; margin-top: 1.5rem; }
.daily-dialog-actions > button { min-height: 3rem; padding-inline: .75rem; font-size: .8125rem; }
.daily-dialog-actions .primary-button:disabled { opacity: .65; cursor: wait; }
.daily-demo-note { margin-top: 1rem; color: #a5b2c6; font-size: .625rem; text-align: center; line-height: 1.8; }
@media (max-width: 1100px) { .daily-task-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .daily-task-grid { grid-template-columns: 1fr; }
  .daily-task-card .task-title h3, .daily-task-card .task-title p { min-height: 0; }
  .daily-task-card .task-title h3 { font-size: 1.0625rem; }
  .daily-section-heading { flex-wrap: wrap; gap: .75rem; }
  .daily-summary { margin-top: 0; }
}
@media (max-width: 480px) {
  .daily-task-dialog { padding: 1.25rem; border-radius: 1.25rem; }
  .daily-dialog-heading { gap: .625rem; }
  .daily-dialog-heading h2 { font-size: 1rem; }
  .daily-dialog-heading > .daily-platform-icon { width: 2.625rem; height: 2.625rem; }
  .daily-link-input input { font-size: 1rem; }
  .daily-dialog-actions { grid-template-columns: 1fr 1.7fr; gap: .5rem; }
  .daily-dialog-actions .icon { display: none; }
}
@media (prefers-reduced-motion: reduce) { .daily-task-dialog *, .daily-task-card { transition: none !important; } }