.watch-earn-page.svelte-eqn4z8{flex-direction:column;gap:20px;display:flex}.top-bar.svelte-eqn4z8{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}h1.svelte-eqn4z8{font-size:26px;font-weight:800}.subtitle.svelte-eqn4z8{color:var(--text-muted);margin-top:2px;font-size:14px}.loading-card.svelte-eqn4z8,.error-card.svelte-eqn4z8{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:60px 24px;display:flex}.err-icon.svelte-eqn4z8{font-size:40px}.error-card.svelte-eqn4z8 p:where(.svelte-eqn4z8){color:var(--text-muted);max-width:400px;font-size:14px}.player-layout.svelte-eqn4z8{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=900px){.player-layout.svelte-eqn4z8{grid-template-columns:1.4fr 1fr}}.player-container.svelte-eqn4z8{flex-direction:column;gap:14px;padding:16px;display:flex}.video-embed-wrapper.svelte-eqn4z8{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;width:100%;overflow:hidden}.video-info-bar.svelte-eqn4z8{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.video-titles.svelte-eqn4z8 h2:where(.svelte-eqn4z8){color:#fff;font-size:16px;font-weight:700;line-height:1.4}.video-author.svelte-eqn4z8{color:var(--text-muted);font-size:12px}.reward-tag.svelte-eqn4z8{border-radius:var(--radius-sm);background:#ea9b061f;border:1px solid #ea9b0640;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;padding:6px 12px;display:flex}.reward-sub-breakdown.svelte-eqn4z8{align-items:center;gap:4px;display:flex}.base-pill.svelte-eqn4z8{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:9px}.bonus-pill.svelte-eqn4z8{text-transform:uppercase;letter-spacing:.04em;color:#4ade80;background:#4ade8026;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.total-reward-val.svelte-eqn4z8{color:var(--gold-light);font-family:Outfit,sans-serif;font-size:15px}.action-panel.svelte-eqn4z8{flex-direction:column;justify-content:space-between;gap:20px;padding:24px;display:flex}.timer-section.svelte-eqn4z8{flex-direction:column;gap:12px;display:flex}.timer-header.svelte-eqn4z8{justify-content:space-between;align-items:center;display:flex}.timer-state-badge.svelte-eqn4z8{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0d;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.timer-state-badge.playing.svelte-eqn4z8{color:var(--cyan);background:var(--cyan-glow)}.timer-state-badge.done.svelte-eqn4z8{color:#4ade80;background:#4ade8026}.pulse-dot.svelte-eqn4z8{background:currentColor;border-radius:50%;width:8px;height:8px}.time-display.svelte-eqn4z8{align-items:baseline;gap:4px;display:flex}.time-sec.svelte-eqn4z8{color:#fff;font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.progress-track.svelte-eqn4z8{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:8px;overflow:hidden}.progress-fill.svelte-eqn4z8{background:linear-gradient(90deg, var(--primary) 0%, #4ade80 100%);border-radius:var(--radius-full);height:100%;transition:width .3s}.pause-notice.svelte-eqn4z8{border-radius:var(--radius-sm);color:var(--gold-light);text-align:center;background:#ea9b061a;border:1px solid #ea9b0640;padding:8px 12px;font-size:12px}.milestone-box.svelte-eqn4z8{border-radius:var(--radius-md);background:#a855f714;border:1px solid #a855f733;align-items:center;gap:12px;padding:12px 16px;display:flex}.milestone-box.bonus-ready.svelte-eqn4z8{background:linear-gradient(135deg,#ea9b0626 0%,#a855f726 100%);border:1px solid #ea9b0666;box-shadow:0 0 16px #ea9b0626}.claim-bonus-btn.svelte-eqn4z8{color:#0b1120;border-radius:var(--radius-sm);white-space:nowrap;background:linear-gradient(135deg,#eab308 0%,#f59e0b 100%);margin-left:auto;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 0 12px #eab30866}.claim-bonus-btn.svelte-eqn4z8:hover:not(:disabled){transform:scale(1.04);box-shadow:0 0 18px #eab30899}.bonus-toast.svelte-eqn4z8{color:#4ade80;border-radius:var(--radius-sm);text-align:center;background:#22c55e26;border:1px solid #22c55e66;padding:10px 16px;font-size:13px;font-weight:700;animation:1s infinite alternate pulse}.milestone-icon.svelte-eqn4z8{font-size:22px}.milestone-text.svelte-eqn4z8{flex-direction:column;gap:2px;display:flex}.milestone-text.svelte-eqn4z8 strong:where(.svelte-eqn4z8){color:#c084fc;font-size:13px}.milestone-text.svelte-eqn4z8 span:where(.svelte-eqn4z8){color:var(--text-muted);font-size:12px}.reward-perk-box.svelte-eqn4z8{border-radius:var(--radius-md);background:#ea9b0614;border:1px solid #ea9b0633;align-items:center;gap:14px;padding:14px 18px;display:flex}.perk-icon.svelte-eqn4z8{flex-shrink:0;font-size:26px}.perk-info.svelte-eqn4z8{flex-direction:column;gap:2px;display:flex}.perk-title.svelte-eqn4z8{color:var(--gold-light);font-size:14px;font-weight:700}.perk-desc.svelte-eqn4z8{color:var(--text-muted);font-size:12px;line-height:1.4}.claim-footer.svelte-eqn4z8{flex-direction:column;gap:10px;margin-top:0;display:flex}.claim-btn.svelte-eqn4z8{height:54px}.claim-btn.locked.svelte-eqn4z8{opacity:.5;cursor:not-allowed}.skip-video-bottom-btn.svelte-eqn4z8{color:var(--text-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.skip-video-bottom-btn.svelte-eqn4z8:hover:not(:disabled){color:#fff;background:#ffffff0d;border-color:#ffffff29}