.partner-offer {
  --offer-blue: #00a3ff;
  overflow: clip;
  color: #f5f6fa;
  background: #1d1f23;
  border: 1px solid #ffffff0b;
  border-radius: calc(18 * var(--won-unit));
}
.partner-offer-heading { display: flex; align-items: center; gap: calc(12 * var(--won-unit)); padding: calc(16 * var(--won-unit)) calc(16 * var(--won-unit)) calc(9 * var(--won-unit)); }
.partner-offer-heading.has-info { position: relative; padding-right: calc(48 * var(--won-unit)); }
.partner-offer-info-button { position: absolute; top: calc(11 * var(--won-unit)); right: calc(10 * var(--won-unit)); display: grid; place-items: center; width: 32px; height: 32px; padding: 5px; border: 0; border-radius: 50%; color: #929aa9; background: transparent; cursor: pointer; transition: background-color 140ms ease, color 140ms ease; }
.partner-offer-info-button svg { display: block; width: 22px; height: 22px; }
.partner-offer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 calc(16 * var(--won-unit)) 14px; }
.partner-offer-actions > button { width: 100%; min-width: 0; min-height: 42px; height: auto; margin: 0; padding: 9px 6px; border-radius: 9px; font-size: 12px; line-height: 1.3; font-weight: 600; transition: background-color 140ms ease; }
.partner-offer-actions > .secondary-button { background: #292c32; border: 0; }
.promotion-icon { width: 17px; height: 17px; margin-left: 6px; flex-shrink: 0; }
.partner-offer-actions > button:active:not(:disabled), .partner-offer-info-button:active:not(:disabled) { transform: none; }
.partner-offer-info-button:active { background-color: #ffffff08; color: #d6dbe5; }
.partner-offer-info-button:focus-visible { outline: 2px solid #00a3ff; outline-offset: 1px; }
@media (hover: hover) and (pointer: fine) { .partner-offer-info-button:hover { background-color: #ffffff06; color: #d6dbe5; } .partner-offer-actions > .secondary-button:hover { background-color: #32363e; } }
.partner-offer-logo, .task-choice-icon.is-onewin, .sheet-hero-icon.is-onewin {
  display: grid; place-items: center; flex: 0 0 auto;
  width: calc(54 * var(--won-unit)); height: calc(54 * var(--won-unit));
  border-radius: calc(14 * var(--won-unit)); background: #00a3ff; overflow: hidden;
}
.partner-offer-logo .brand-icon, .task-choice-icon.is-onewin .brand-icon, .sheet-hero-icon.is-onewin .brand-icon {
  display: block; width: 82%; height: 72%; object-fit: contain; border-radius: 0;
}
.partner-offer-logo[data-card-brand="telegram"] { background: #24a9e4; }
.partner-offer-logo[data-card-brand="custom"] { background: #292c32; }
.partner-offer-logo[data-card-brand="telegram"] .brand-icon,
.partner-offer-logo[data-card-brand="custom"] .brand-icon { width: 100%; height: 100%; object-fit: contain; }
.partner-offer-info { display: grid; gap: calc(8 * var(--won-unit)); min-width: 0; }
.partner-offer-title { min-width: 0; margin: 0; color: #f5f6fa; font-size: calc(23 * var(--won-unit)); line-height: 1.15; font-weight: 700; overflow-wrap: anywhere; }
.partner-offer-tags { display: flex; align-items: center; flex-wrap: wrap; gap: calc(5 * var(--won-unit)); }
.partner-offer-tag { padding: calc(4 * var(--won-unit)) calc(7 * var(--won-unit)); border-radius: calc(20 * var(--won-unit)); background: #292c32; color: #b5bac6; font-size: calc(9 * var(--won-unit)); line-height: 1.2; white-space: nowrap; }
.partner-offer-reward { display: flex; align-items: center; justify-content: space-between; gap: calc(10 * var(--won-unit)); padding: 0 calc(16 * var(--won-unit)) calc(9 * var(--won-unit)); }
.partner-offer-reward > span { color: #a8adba; font-size: calc(13 * var(--won-unit)); }
.partner-offer-reward > strong { color: var(--offer-blue); font-size: calc(24 * var(--won-unit)); line-height: 1.2; font-weight: 700; white-space: nowrap; letter-spacing: -.5px; }
.offer-group + .offer-group { margin-top: calc(22 * var(--won-unit)); }
.offer-group :is(h4, h5) { margin: calc(8 * var(--won-unit)) 0 calc(12 * var(--won-unit)); font-size: calc(14 * var(--won-unit)); line-height: 1.35; font-weight: 650; }
.offer-table { display: grid; }
.offer-table-labels, .offer-tier { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--won-unit)); }
.offer-table-labels { padding: 0 0 calc(7 * var(--won-unit)); color: #8e94a2; font-size: calc(10 * var(--won-unit)); }
.offer-tier { width: 100%; min-height: calc(40 * var(--won-unit)); margin: 0; padding: calc(11 * var(--won-unit)) 0; border: 0; border-top: 1px solid #ffffff08; color: #d3d6df; background: transparent; font: inherit; font-size: calc(13 * var(--won-unit)); text-align: left; cursor: pointer; }
.offer-tier > span { min-width: 0; overflow-wrap: anywhere; }
.offer-tier > strong { flex-shrink: 0; color: var(--offer-blue, #00a3ff); font-size: calc(16 * var(--won-unit)); font-weight: 650; white-space: nowrap; font-variant-numeric: tabular-nums; }
.offer-tier-static { cursor: default; }
.offer-note, .sheet .offer-note { margin: calc(9 * var(--won-unit)) 0 0; color: #8e94a2; font-size: calc(10 * var(--won-unit)); line-height: 1.4; }
button.offer-tier { transition: background-color 140ms ease; }
button.offer-tier:active:not(:disabled) { transform: none; background-color: #ffffff08; }
button.offer-tier:focus-visible { outline: 2px solid #00a3ff; outline-offset: -3px; border-radius: 5px; }
@media (hover: hover) and (pointer: fine) { button.offer-tier:hover { background-color: #ffffff04; } }
.sheet .offer-options, .sheet .task-modal-content { --won-unit: 1px; --offer-blue: #00a3ff; }
#sheet:is([data-sheet-kind="task-info"], [data-sheet-kind="task"], [data-sheet-kind="task-share"], [data-sheet-kind="task-execution"], [data-sheet-kind="offer-stats"]) .sheet-head { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sheet .task-modal-content { padding-top: 0; }
.sheet :is(.offer-options, .task-modal-content) .partner-offer-heading { padding: 0 0 18px; }
/* The logo lives outside the scrollport, so content cannot leak above it. */
.sheet-fixed-heading { position: relative; z-index: 2; flex-shrink: 0; --won-unit: 1px; --offer-blue: #00a3ff; background: #1d2025; }
.sheet-fixed-heading[hidden] { display: none; }
.sheet .sheet-fixed-heading > .partner-offer-heading { padding: 20px 0 14px; }
.sheet .sheet-fixed-heading .partner-offer-title { font-size: 24px; }
.sheet-fixed-heading::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 16px; background: linear-gradient(to bottom, #1d2025, #1d202500); pointer-events: none; }
.sheet .task-fixed-actions { display:grid; gap:12px; margin:2px 0 0; padding:0 0 8px; }
.sheet .task-fixed-actions > :is(.primary-button,.secondary-button,.copy-link-field), .sheet .task-fixed-actions .task-share-actions { width:100%; margin:0; }
.sheet .task-fixed-actions .task-share-actions > button { margin:0; }
.sheet .task-fixed-actions > .offer-stats-back { height:38px; min-height:38px; margin:0; font-size:12px; }
.sheet-fixed-heading:not([hidden]) ~ #sheet-content > :is(.offer-options, .task-modal-content) { padding-top: 8px; }
.sheet :is(.offer-options, .task-modal-content) .partner-offer-title { font-size: 24px; }
.sheet :is(.offer-options, .task-modal-content) .offer-tier { min-height: 44px; }
.offer-details-section + .offer-details-section { margin-top: 24px; }
.offer-details-section > h4 { margin: 0 0 10px; color: #f5f6fa; font-size: 15px; line-height: 1.35; font-weight: 650; }
.sheet .offer-details-copy, .sheet .task-modal-description { margin: 0; color: #a8adba; font-size: 13px; line-height: 1.5; white-space: pre-line; }
.offer-payments .offer-group > h4 { margin-top: 0; font-size: 13px; font-weight: 600; }
.offer-conditions-list { margin: 0; padding-left: 18px; color: #a8adba; font-size: 13px; line-height: 1.5; }
.offer-conditions-list > li + li { margin-top: 7px; }
.task-modal-reward { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; }
.task-modal-reward > span { color: #a8adba; font-size: 13px; }
.task-modal-reward > strong { color: #00a3ff; font-size: 27px; line-height: 1.2; font-weight: 700; white-space: nowrap; }
.task-modal-content .invite-link { margin-block: 20px 22px; }
.task-modal-footer { display: grid; gap: 12px; margin-top: 16px; padding: 0; }
.sheet .task-modal-footer > :is(.primary-button, .secondary-button, .copy-link-field) { margin: 0; }
.offer-details-section > .task-steps { margin-bottom: 0; }
button.offer-tier[aria-pressed="true"] { background: #00a3ff14; border-color: #00a3ff35; }
.sheet .task-choice-icon.is-onewin { width: 48px; height: 48px; border-radius: 12px; }
.sheet .task-choice-content .offer-choice-condition { margin: -8px 0 0; color: #9da5b5; font-size: 13px; line-height: 1.45; }
@media (prefers-reduced-motion: reduce) { button.offer-tier { transition: none; } }
@media (prefers-reduced-motion: reduce) { .partner-offer-actions > button, .partner-offer-info-button { transition: none; } }

.tasks-screen .tasks-summary.tasks-summary-emphasis.roman-banner { margin-bottom: calc(14 * var(--won-unit)); }
.tasks-screen .task-list { gap: calc(14 * var(--won-unit)); }