.video-ads-container{display:flex;flex-direction:column;gap:1.5rem}.video-ads-card{background-color:white;border-radius:1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;padding:1.5rem;border:1px solid rgba(0,0,0,.03)}.video-ads-header{margin-bottom:1.5rem;text-align:center}.video-ads-title{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--foreground)}.video-ads-subtitle{color:var(--muted-foreground);font-size:.875rem}.video-ads-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem;background-color:var(--muted);border-radius:.75rem;padding:1.25rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.75rem;color:var(--muted-foreground);margin-bottom:.375rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--foreground)}.video-player-container{position:relative;width:100%;height:220px;background-color:var(--muted);border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted-foreground)}.video-placeholder.cooldown,.video-placeholder.loading{background-color:var(--muted)}.video-placeholder.cooldown{color:var(--warning)}.video-placeholder.ready{background-color:var(--muted);color:var(--success)}.cooldown-timer{font-size:1.5rem;font-weight:700;margin-top:.5rem;color:var(--warning)}.hidden-video{display:none}.video-ads-action{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.watch-ad-button{width:100%;padding:1rem;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.watch-ad-button:hover:not(.disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.watch-ad-button:active:not(.disabled){transform:translateY(1px)}.watch-ad-button.disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.streak-info{background-color:var(--muted);border-radius:.75rem;padding:1rem}.streak-header{display:flex;align-items:center;font-weight:600}.streak-header,.streak-progress{margin-bottom:.75rem}.streak-milestones{display:flex;justify-content:space-between;margin-bottom:.5rem}.streak-milestone{display:flex;flex-direction:column;align-items:center;color:var(--muted-foreground)}.streak-milestone.active{color:var(--primary)}.milestone-dot{width:8px;height:8px;border-radius:50%;background-color:var(--muted-foreground);margin-bottom:.25rem}.streak-milestone.active .milestone-dot{background-color:var(--primary)}.milestone-label{font-size:.75rem}.streak-bar{height:8px;background-color:var(--background);border-radius:4px;overflow:hidden}.streak-progress-fill{height:100%;background-color:var(--primary);border-radius:4px;transition:width .3s ease}.streak-bonus-info{display:flex;justify-content:space-between;font-size:.75rem}.streak-tip{color:var(--muted-foreground)}.video-ads-history{background-color:white;border-radius:1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:1.5rem;border:1px solid rgba(0,0,0,.03)}.history-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;padding:.75rem;background-color:var(--muted);border-radius:.5rem;transition:transform .1s}.history-item:hover{transform:translateY(-1px)}.history-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--background);border-radius:50%;margin-right:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.history-details{flex:1}.history-description{font-size:.875rem;font-weight:500}.history-time{font-size:.75rem;color:var(--muted-foreground)}.history-reward{font-weight:600;color:var(--success)}.history-empty{text-align:center;color:var(--muted-foreground);padding:2rem 0}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{position:relative;background-color:var(--background);border-radius:1rem;padding:1.5rem;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted-foreground)}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.modal-body{font-size:.875rem}.modal-body p{margin-bottom:1rem}.info-section{margin-top:1.5rem}.info-section h4{font-weight:600;margin-bottom:.5rem}.info-section ul{padding-left:1.5rem}.info-section li{margin-bottom:.25rem}.reward-modal-overlay{background-color:rgba(0,0,0,.7)}.reward-modal{text-align:center;padding:2rem}.reward-icon{margin-bottom:1rem}.reward-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.reward-amount{font-size:2.5rem;font-weight:700;color:var(--success);margin-bottom:1rem}.reward-message{margin-bottom:1.5rem}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;background-color:var(--primary);top:-10px;animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(100vh) rotate(2turn)}}.loading-container{color:var(--muted-foreground)}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.error-container{text-align:center}.error-message{color:var(--error);margin-bottom:1rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-ads-limit{margin-top:.75rem;font-size:.75rem;color:var(--muted-foreground);text-align:center}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:var(--primary);color:white;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s,transform .1s}.action-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.action-button:active{transform:translateY(1px)}