/* Reward surfaces share the site's neutral panels and typography. */
.nav-bonus-terms {display:block;padding:12px;font-size:13px;line-height:1.5;color:var(--muted);border-bottom:1px solid var(--bdr-subtle);text-decoration:none;max-width:260px;white-space:normal;}
.nav-bonus-terms[hidden], .streak-ready-dot[hidden] {display:none;}
.progress-header .progress-identity {flex:1;}
.streak-trigger {position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:9px;min-height:52px;margin-left:auto;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;text-align:left;}
.streak-trigger:hover {background:rgba(148,163,184,.06);color:var(--soft);}
.streak-emoji {font-size:28px;line-height:1;}
.streak-trigger-copy {display:grid;gap:2px;}
.streak-trigger-copy > strong {color:var(--soft);font-size:22px;line-height:1.1;font-weight:650;font-variant-numeric:tabular-nums;}
.streak-trigger-label {font-size:14px;line-height:1.25;}
.streak-ready-dot {position:absolute;top:3px;right:2px;width:8px;height:8px;background:#a0d5b3;border:2px solid var(--bg-soft);border-radius:50%;}
.rewards-dialog {width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--bdr-subtle);border-radius:16px;background:var(--bg-soft,#172033);color:var(--soft,#e5e7eb);overflow:auto;overscroll-behavior:contain;box-shadow:none;line-height:1.5;}
.rewards-dialog::backdrop {background:rgba(4,10,20,.76);}
.rewards-dialog-header {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px 0;}
.rewards-dialog-header h2 {font-size:20px;font-weight:600;margin:0;letter-spacing:-.02em;}
.rewards-dialog-close {display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--bdr-subtle);border-radius:8px;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;}
.rewards-dialog-close:hover {background:var(--panel);color:var(--soft);}
.rewards-dialog-body {padding:24px 28px 28px;}
.streak-overview {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;}
.streak-eyebrow {display:block;font-size:14px;color:var(--muted);}
.streak-total {display:flex;align-items:baseline;gap:12px;margin:3px 0;}
.streak-total strong {font-size:clamp(48px,10vw,64px);line-height:1.1;letter-spacing:-.055em;font-weight:700;font-variant-numeric:tabular-nums;}
.streak-total > span {font-size:22px;color:var(--muted);}
.streak-overview p {color:var(--muted);margin:8px 0 0;font-size:15px;}
.streak-hero-flame {display:grid;place-items:center;width:65px;height:80px;font-size:60px;line-height:1;margin-right:8px;flex-shrink:0;}
.streak-featured {display:grid;gap:12px;}
.streak-next {padding:20px;border:1px solid var(--bdr-subtle);border-radius:12px;background:var(--bg);}
.streak-next.is-available {border-color:rgba(160,213,179,.35);}
.streak-next-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.streak-next h3 {font-size:26px;letter-spacing:-.025em;margin:3px 0 0;color:var(--soft);}
.streak-next-day {font-size:14px;white-space:nowrap;color:var(--muted);}
.streak-next p {margin:12px 0 0;color:var(--muted);font-size:14px;}
.streak-next p strong {color:var(--soft);font-weight:550;}
.streak-meter {display:block;appearance:none;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:rgba(148,163,184,.15);color:var(--accent);}
.streak-meter::-webkit-progress-bar {background:rgba(148,163,184,.15);}
.streak-meter::-webkit-progress-value {background:var(--accent);}
.streak-meter::-moz-progress-bar {background:var(--accent);}
.streak-next > .streak-meter {margin-top:20px;}
.streak-claim {padding:10px 16px;min-height:44px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;}
.streak-next > .streak-claim {width:100%;margin-top:18px;font-size:15px;}
.streak-claim:disabled {opacity:.6;cursor:wait;}
.streak-claim:hover:not(:disabled) {filter:brightness(1.1);}
.streak-all {margin-top:20px;}
.streak-timeline {list-style:none;padding:0;margin:0;}
.streak-milestone {display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--bdr-subtle);}
.streak-milestone:first-child {border-top:0;}
.streak-day {width:54px;flex-shrink:0;text-align:center;font-size:19px;font-weight:650;color:var(--soft);font-variant-numeric:tabular-nums;}
.streak-day > span {display:block;font-size:14px;font-weight:400;color:var(--muted);}
.streak-milestone-copy {flex:1;min-width:0;}
.streak-milestone strong {font-size:16px;font-weight:600;}
.streak-milestone p {margin:3px 0 0;font-size:14px;color:var(--muted);}
.streak-check {color:#a0d5b3;font-size:22px;}
.streak-reset {display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:14px;margin:18px 0;}
.streak-reset strong {font-weight:500;color:var(--soft);}
.reward-disclosure {border-top:1px solid var(--bdr-subtle);}
.reward-disclosure > summary {display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 0;color:var(--soft);font-size:14px;font-weight:550;cursor:pointer;list-style:none;}
.reward-disclosure > summary::-webkit-details-marker {display:none;}
.reward-disclosure > summary::after {content:'';flex:0 0 auto;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:3px;opacity:.65;}
.reward-disclosure[open] > summary::after {transform:rotate(225deg);}
.reward-disclosure > summary > span {font-size:14px;color:var(--muted);font-weight:400;}
.reward-explanation {padding-bottom:16px;color:var(--muted);font-size:14px;line-height:1.7;}
.reward-explanation p {margin:0 0 12px;}
.reward-explanation p:last-child {margin-bottom:0;}
.reward-explanation strong {color:var(--soft);font-weight:550;}
.reward-explanation a {color:var(--soft);}
.reward-status {font-size:14px;color:var(--soft);line-height:1.6;margin:12px 0;overflow-wrap:anywhere;}
.reward-status:empty {display:none;}
.reward-empty {font-size:14px;color:var(--muted);line-height:1.6;}
.wallet-condition-done {display:inline-flex;align-items:center;gap:6px;color:#a0cdb0;font-size:14px;font-weight:500;}
.reward-countdown {font-size:14px;font-weight:550;color:#c7d3e4;white-space:nowrap;font-variant-numeric:tabular-nums;}
.reward-countdown.is-urgent {color:#f0bf80;}
.reward-grants {list-style:none;margin:0;padding:0;}
.reward-grants > li {border-top:1px solid var(--bdr-subtle);padding:0;}
.reward-grants > li.reward-empty {padding:12px 0;}
.reward-grant-preview {display:grid;gap:8px;list-style:none;margin:20px 0;padding:0;}
.reward-preview-row {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:10px;background:var(--bg);}
.reward-preview-row > div, .reward-grant-heading > div {display:grid;gap:4px;min-width:0;}
.reward-preview-row strong, .reward-grant-heading strong {font-size:16px;font-weight:550;color:var(--soft);overflow-wrap:anywhere;}
.reward-preview-row > div > span, .reward-grant-heading > div > span {font-size:15px;color:var(--muted);}
.reward-grant-preview .reward-countdown, #rewardGrants .reward-countdown {font-size:15px;flex-shrink:0;}
.reward-grant-preview > .reward-empty, #rewardGrants > .reward-empty {font-size:15px;border:0;}
#rewardGrants {display:grid;gap:12px;}
#rewardGrants > .reward-grant {padding:18px 20px;border:0;border-radius:12px;background:var(--bg);}
.reward-grant-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.reward-grant-facts {display:grid;gap:10px;margin:18px 0 0;font-size:15px;}
.reward-grant-facts > div {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 20px;}
.reward-grant-facts dt {color:var(--muted);}
.reward-grant-facts dd {margin:0;color:var(--soft);font-variant-numeric:tabular-nums;}
.reward-grant-facts dd.wallet-condition-done {font-size:15px;color:#a0cdb0;}
.reward-grant-facts time {white-space:nowrap;}
.pending-campaign {display:grid;gap:6px;padding:14px 0!important;font-size:14px;}
.pending-campaign > span {color:var(--muted);}
.campaign-form {display:flex;gap:8px;}
.campaign-form input {flex:1;min-width:0;text-transform:uppercase;}
.campaign-form button {white-space:nowrap;}
.rewards-dialog :is(button,summary,a):focus-visible, .streak-trigger:focus-visible {outline:2px solid #95bdf1;outline-offset:3px;}
.slot-fs-locked {opacity:.42!important;cursor:not-allowed!important;}
@media(max-width:600px) {
  .streak-trigger {padding:5px;gap:7px;}
  .streak-emoji {font-size:25px;}
  .streak-trigger-copy > strong {font-size:20px;}
  .rewards-dialog-header {padding:18px 20px 0;}
  .rewards-dialog-body {padding:20px;}
  .streak-next {padding:16px;}
  .streak-next h3 {font-size:23px;}
  .streak-milestone {gap:10px;}
  .streak-milestone .streak-claim {padding:8px 10px;}
  .streak-day {width:46px;}
  .reward-preview-row {padding:14px;gap:12px;}
  #rewardGrants > .reward-grant {padding:16px;}
  .reward-grant-heading {align-items:flex-start;flex-wrap:wrap;gap:8px 16px;}
}
@media(max-width:380px) {
  .streak-milestone {flex-wrap:wrap;}
  .streak-milestone .streak-claim {margin-left:56px;}
  .streak-hero-flame {width:48px;height:65px;margin:0;}
  .reward-disclosure > summary > span {margin-left:auto;}
}