/* Optimized CSS - Non-critical styles only (critical CSS inlined in HTML) */
/* Video Player */.video-player-container{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}.video-info{margin-top:.75rem}.video-title{font-size:1rem;font-weight:600;color:var(--fg);line-height:1.4}.video-views{font-size:.875rem;color:var(--muted-fg);margin-top:.25rem}.channel-info{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.channel-left{display:flex;align-items:center;gap:.5rem}.channel-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.channel-name{font-size:.875rem;font-weight:500}.partner-badge{display:flex;align-items:center;gap:.375rem;background:#2563eb;color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.check-icon{width:.875rem;height:.875rem}
/* Interaction Card */.interaction-card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid var(--border);padding:1rem;margin-top:1rem}.reply-text{text-align:center;color:var(--muted-fg);font-size:.875rem;margin-bottom:.25rem}.question-text{text-align:center;font-weight:600;font-size:1rem;margin-bottom:1rem}.buttons-container{display:flex;gap:37px}.btn-not-relevant,.btn-relevant{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;padding:.75rem .25rem;border-radius:.5rem;transition:background .2s;border:none;cursor:pointer;font-size:.875rem}.btn-not-relevant{background:var(--destructive);color:#fff}.btn-not-relevant:hover{background:#dc2626}.btn-relevant{background:#22c55e;color:#fff}.btn-relevant:hover{background:#16a34a}.thumb-icon{width:1rem;height:1rem}
/* Blocked Content */.blocked-content{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.blocked-image{width:100%;border-radius:.5rem}
/* Completion Screen */.completion-screen{text-align:center;padding:1.5rem 0}.congrats-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.congrats-subtitle{color:var(--primary);font-size:.875rem;margin-bottom:1.5rem}.won-container{border:2px dashed var(--primary);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.won-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.check-box{width:1.25rem;height:1.25rem;background:var(--primary);border-radius:.25rem;display:flex;align-items:center;justify-content:center}.check-icon-small{width:.875rem;height:.875rem;color:#fff}.won-text{font-weight:700;font-size:1rem}.surveys-text{color:var(--muted-fg);font-size:.875rem}.cta-text{font-size:.875rem;font-weight:500;margin-bottom:1rem}.btn-withdraw{width:100%;background:var(--primary);color:var(--primary-fg);font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:background .2s;font-size:1rem}.btn-withdraw:hover{background:#16a34a}
/* Withdrawal Screen */.withdrawal-screen{padding:1rem 0}.withdrawal-headline{text-align:center;font-weight:500;font-size:1.25rem;margin-bottom:1rem}.withdrawal-video-container{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}.sound-check{text-align:center;color:var(--muted-fg);font-size:.875rem;margin-top:1rem}
/* YouTube Comments */.youtube-comments{background:#fff;border-radius:.5rem;margin-top:1rem}.yt-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.yt-title{font-weight:500;color:#0f0f0f;font-size:.875rem}.yt-comments-list{display:flex;flex-direction:column}.yt-comment{padding:.75rem 1rem;display:flex;gap:.75rem;border-bottom:1px solid #e5e5e5}.yt-comment:last-child{border-bottom:none}.yt-comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.yt-comment-body{flex:1}.yt-comment-header{display:flex;align-items:center;gap:.5rem}.yt-comment-name{font-weight:500;color:#0f0f0f;font-size:13px}.yt-comment-time{color:#606060;font-size:.75rem}.yt-comment-text{margin-top:.25rem;font-size:.875rem;color:#0f0f0f;line-height:1.4}.yt-comment-actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.yt-action-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;color:#606060;padding:0;transition:color .2s}.yt-action-btn:hover{color:#0f0f0f}.yt-action-btn.active{color:#065fd4}.yt-action-btn.active .yt-like-count{color:#065fd4}.yt-action-icon{width:20px;height:20px}.yt-like-count{font-size:.75rem}.yt-reply-btn{background:none;border:none;cursor:pointer;color:#606060;font-size:.75rem;font-weight:500;padding:0;transition:color .2s}.yt-reply-btn:hover{color:#0f0f0f}.limited-comments{text-align:center;color:#606060;font-size:.75rem;padding:.75rem;border-top:1px solid #e5e5e5}
/* Popup */.popup-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.popup-content{background:var(--card);border-radius:1rem;padding:1.5rem;margin:1rem;max-width:24rem;width:100%;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:zoomIn .3s ease-out}@keyframes zoomIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-checkmark{display:block;width:6rem;height:6rem;margin:0 auto 1rem}.popup-amount-container{background:#dcfce7;border-radius:var(--radius);padding:1rem;text-align:center;margin-bottom:1rem}.popup-amount{font-size:1.5rem;font-weight:700;color:#15803d}.popup-subtitle{font-size:.875rem;color:#16a34a;margin-top:.25rem}.popup-keep-text{text-align:center;color:var(--muted-fg);font-size:.875rem}
/* Animations */@keyframes pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse-scale{animation:pulse-scale 1.5s ease-in-out infinite}
/* Responsive */@media(max-width:480px){.header-content,.main-content{padding-left:1rem;padding-right:1rem}}