body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:20px}.header{background-color:#6441a5;color:#fff;margin-bottom:30px;padding:20px 0}.header h1{font-size:2.5rem;margin:0;text-align:center}.video-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6441a5;outline:none}.btn{background-color:#6441a5;border-radius:5px;color:#fff;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .3s}.btn:hover{background-color:#5a2d91}.btn:disabled{background-color:#ccc;cursor:not-allowed}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.video-card{background:#fff;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s}.video-card:hover{transform:translateY(-5px)}.video-card video{height:200px;object-fit:cover;width:100%}.video-info{padding:15px}.video-title{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.video-description{color:#666;font-size:14px;margin-bottom:10px}.video-meta{color:#999;font-size:12px;margin-bottom:15px}.delete-btn{background-color:#dc3545;border:none;border-radius:3px;color:#fff;font-size:14px;padding:8px 16px}.delete-btn:hover{background-color:#c82333}.loading{color:#666;font-size:18px;padding:20px}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24}.error,.success{margin-bottom:20px;padding:15px}.success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-bottom:1px solid #ffffff1a;padding:2rem}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-content{text-align:left}.header-buttons{align-items:center;display:flex;gap:1rem}.streamers-btn{background:linear-gradient(45deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.streamers-btn:hover:not(:disabled){background:linear-gradient(45deg,#1e88e5,#1565c0);box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.streamers-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-all-btn{background:linear-gradient(45deg,#f44336,#d32f2f);border:none;border-radius:8px;box-shadow:0 4px 15px #f443364d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.delete-all-btn:hover:not(:disabled){background:linear-gradient(45deg,#e53935,#c62828);box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}.delete-all-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.App-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 2px 4px #0000004d}.App-header p{font-size:1.1rem;margin:0 0 1.5rem;opacity:.9}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-content{margin:0 auto;max-width:1200px;padding:2rem}.controls{margin-bottom:2rem}.download-btn{background:linear-gradient(45deg,#2196f3,#1976d2);border-radius:25px;box-shadow:0 4px 15px #2196f34d;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.download-btn:hover:not(:disabled){box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.download-btn:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:8px;font-weight:500;margin:1rem 0;padding:1rem}.message.success{background:#4caf5033;border:1px solid #4caf5080;color:#4caf50}.message.error{background:#f4433633;border:1px solid #f4433680;color:#f44336}.modal-overlay{background:#000000b3}.modal-content{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;padding:2rem}.modal-content h2{color:#e74c3c;font-size:1.5rem;margin:0 0 1rem;text-align:center}.modal-content p{color:#ffffffe6;line-height:1.6;margin:1rem 0}.modal-content ul{color:#fffc;margin:1rem 0;padding-left:2rem}.modal-content li{margin:.5rem 0}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-cancel{background:#0000;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.btn-delete{background:linear-gradient(45deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-delete:hover:not(:disabled){background:linear-gradient(45deg,#e53935,#b71c1c);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-delete:disabled{cursor:not-allowed;opacity:.6;transform:none}.pagination-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin:2rem 0;padding:1rem}.pagination-info{color:#fffc;font-size:.9rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(45deg,#2196f3,#1976d2);border-color:#2196f3;box-shadow:0 2px 8px #2196f34d}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.pagination-ellipsis{color:#fff9;font-size:.9rem;padding:.5rem .25rem}@media (max-width:768px){.pagination-container{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center}}.loading{color:#fffc}.filter-controls{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:1rem 0;padding:1rem}.filter-toggle{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.filter-toggle input[type=checkbox]{margin:0;transform:scale(1.2)}.monitor-card.inactive{border-color:#f443364d;opacity:.7}.monitor-card.active{border-color:#4caf504d}.monitor-header-status{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.status-badge.active{background:#4caf5033;border:1px solid #4caf5080;color:#4caf50}.status-badge.inactive{background:#f4433633;border:1px solid #f4433680;color:#f44336}.videos-section h2{font-size:1.5rem;margin:0 0 1.5rem}.videos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.video-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;text-align:left;transition:all .3s ease}.video-card:hover{background:#ffffff26;box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.video-info{flex:1 1}.video-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1rem;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.video-info p{font-size:.8rem;margin:.25rem 0;opacity:.8}.video-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;justify-content:space-between;margin:.5rem 0;opacity:.7}.video-player{background:#000;border-radius:8px;display:block;height:auto;margin:0 auto .5rem;max-height:600px;max-width:100%;object-fit:contain}.video-player[data-aspect=portrait]{aspect-ratio:auto!important;height:auto!important;max-height:700px;max-width:350px;object-fit:contain!important;width:auto!important}.video-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.tab-nav{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.tab-btn:hover{background:#fff3;transform:translateY(-2px)}.tab-btn.active{background:#ffffff4d;border-color:#fff6;box-shadow:0 4px 15px #0003}.twitch-monitor{margin:0 auto;max-width:800px}.monitor-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:2rem;padding:2rem}.monitor-controls h3{font-size:1.5rem;margin:0 0 .5rem}.monitor-controls p{margin:0 0 1.5rem;opacity:.8}.input-group{margin-bottom:1.5rem}.input-row{display:flex;gap:1rem;margin-bottom:.5rem}.channel-input{flex:2 1}.channel-input,.threshold-input{background:#ffffffe6;border:none;border-radius:8px;color:#333;font-size:1rem;padding:.75rem}.threshold-input{flex:1 1}.threshold-info{font-size:.9rem;opacity:.7;text-align:left}.start-monitor-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.start-monitor-btn:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.start-monitor-btn:disabled{cursor:not-allowed;opacity:.6}.monitor-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.status-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.status-label{font-weight:500}.status-value{color:#4caf50;font-size:1.2rem;font-weight:700}.active-monitors h5{margin:0 0 1rem;text-align:left}.monitors-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.monitor-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.monitor-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.monitor-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.monitor-header h6{color:#4caf50;font-size:1.1rem;font-weight:600;margin:0}.monitor-details{margin-bottom:1rem}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-label{font-size:.9rem;font-weight:500;opacity:.8}.detail-value{color:#fff;font-size:.9rem;font-weight:600}.monitor-status-indicator{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.status-dot{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf50b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #4caf5000;transform:scale(1)}to{box-shadow:0 0 0 0 #4caf5000;transform:scale(.95)}}.stop-btn{align-items:center;background:linear-gradient(45deg,#f44336,#d32f2f);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;padding:.4rem .8rem;transition:all .3s ease;width:32px}.stop-btn:hover:not(:disabled){box-shadow:0 4px 10px #f443364d;transform:translateY(-1px) scale(1.1)}.no-monitors{background:#ffffff0d;border-radius:8px;margin-top:1rem;opacity:.7;padding:2rem;text-align:center}.session-card{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.session-info{text-align:left}.session-info strong{color:#4caf50;display:block;margin-bottom:.25rem}.session-details{font-size:.9rem;opacity:.8}.clips-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:1.5rem}.clips-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.clip-card{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;overflow:hidden;transition:transform .3s ease}.clip-card:hover{transform:translateY(-5px)}.clip-thumbnail{height:150px;object-fit:cover;width:100%}.clip-info{padding:1rem}.clip-info h6{font-size:1rem;font-weight:600;margin:0 0 .5rem}.clip-details{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.75rem;opacity:.8}.clip-link{background:linear-gradient(45deg,#9c27b0,#673ab7);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.clip-link:hover{box-shadow:0 4px 10px #9c27b04d;transform:translateY(-1px)}.clip-actions{gap:.75rem;justify-content:space-between}.clip-actions,.clip-buttons{align-items:center;display:flex}.clip-buttons{gap:.5rem}.download-btn{background-color:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s ease}.download-btn:hover{background-color:#218838}.downloaded-status{color:#28a745;font-size:12px;font-weight:500}.videos-tab .controls{margin-bottom:2rem}.videos-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:2rem}.no-videos{opacity:.7;padding:3rem}@media (max-width:768px){.App-header{padding:1rem}.App-header h1{font-size:2rem}.main-content{padding:1rem}.input-row,.tab-nav{flex-direction:column}.tab-nav{align-items:center}.monitors-grid{gap:.75rem;grid-template-columns:1fr}.monitor-card{padding:.75rem}.monitor-header h6{font-size:1rem}.detail-row{margin-bottom:.4rem}.detail-label,.detail-value{font-size:.85rem}.session-card{align-items:flex-start;flex-direction:column;gap:.75rem}.session-info{width:100%}.clips-grid,.videos-grid{gap:.75rem;grid-template-columns:1fr}.batch-input-group{flex-direction:column;gap:.75rem}.batch-controls-right{min-width:auto;width:100%}.batch-textarea{min-height:70px}.batch-threshold-input{width:100%}.batch-start-btn{padding:.875rem;width:100%}.video-card{align-items:flex-start;flex-direction:column;gap:.5rem}.video-player{max-height:300px;min-height:140px;object-fit:contain;width:100%}.video-info h3{font-size:.95rem;white-space:normal}.video-meta{flex-wrap:wrap;gap:.7rem}}.batch-toggle{margin:1rem 0;text-align:center}.batch-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.batch-toggle-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.batch-toggle-btn.active{background:linear-gradient(45deg,#2196f3,#1976d2);border-color:#2196f3;box-shadow:0 4px 15px #2196f34d}.batch-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.batch-controls{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2196f31a;border:1px solid #2196f34d;border-radius:15px;margin:1rem 0;padding:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-controls h4{color:#2196f3;font-size:1.2rem;margin:0 0 .5rem}.batch-controls p{font-size:.9rem;margin:0 0 1rem;opacity:.8}.batch-input-group{align-items:flex-start;display:flex;gap:1rem}.batch-textarea{background:#ffffffe6;border:none;border-radius:8px;color:#333;flex:1 1;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical}.batch-textarea:focus{box-shadow:0 0 0 3px #2196f34d;outline:none}.batch-controls-right{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.batch-threshold-input{background:#ffffffe6;border:none;border-radius:8px;color:#333;font-size:1rem;padding:.75rem;text-align:center}.batch-threshold-input:focus{box-shadow:0 0 0 3px #2196f34d;outline:none}.batch-start-btn{background:linear-gradient(45deg,#2196f3,#1976d2);border:none;border-radius:25px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.batch-start-btn:hover:not(:disabled){box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.batch-start-btn:disabled{cursor:not-allowed;opacity:.6}.batch-info{font-size:.85rem;margin-top:.75rem;opacity:.7;text-align:left}.processed-videos-container{margin:0 auto;max-width:1200px}.processed-videos-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h2{color:#fff;font-size:1.8rem;margin:0 0 .5rem}.header-content p{font-size:1rem;margin:0;opacity:.8}.header-actions{align-items:center;display:flex;gap:1rem}.stats-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.interesting{background:#ffc10733;border-color:#ffc10766}.stat-number{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;font-weight:500;opacity:.8}.filters-section{margin-bottom:2rem}.filter-tabs{display:flex;gap:.5rem;justify-content:center}.filter-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-tab:hover{background:#fff3;transform:translateY(-2px)}.filter-tab.active{background:#ffffff4d;border-color:#fff6;box-shadow:0 4px 15px #0003}.score-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.score-filter-header h3{font-size:1.1rem;font-weight:600;margin:0}.score-filter-actions{display:flex;gap:1rem}.btn-link{background:none;border:none;color:#fffc;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;text-decoration:underline;transition:color .2s ease}.btn-link:hover{color:#fff}.score-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.score-filter-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.score-filter-button:hover{background:#ffffff26;box-shadow:0 2px 10px #0003;transform:translateY(-2px)}.score-filter-button.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 15px #00000040;transform:scale(1.05)}.filter-summary{font-size:.9rem;margin-top:.5rem;opacity:.8;text-align:center}.processed-videos-content{min-height:400px}.edited-videos-container{margin:0 auto;max-width:1200px}.edited-videos-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.edited-videos-content{min-height:400px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:.7;padding:4rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-left-color:#fff;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:4rem 2rem;text-align:center}.empty-state h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.empty-state p{font-size:1.1rem;margin:0 0 2rem;opacity:.8}.video-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.video-title{font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.video-metadata{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.metadata-item{align-items:center;font-size:.85rem;gap:.25rem;opacity:.8}.context-timing{background:#2196f31a;border:1px solid #2196f34d;border-radius:6px;margin-top:.5rem;padding:.5rem}.error-message{background:#f443361a;border:1px solid #f443364d;border-radius:6px;font-size:.85rem;margin-top:.5rem;padding:.5rem}.video-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:1rem 0;padding:1rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-section h4{color:#4caf50;font-size:1rem;margin:0 0 .5rem}.detail-section p{font-size:.85rem;margin:.25rem 0;opacity:.8}.video-player-container{background:#000;border-radius:8px;margin:1rem 0;overflow:hidden;position:relative}.video-placeholder{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;font-size:1rem;height:200px;justify-content:center}.video-placeholder.processing{background:#2196f31a;border:2px solid #2196f34d}.video-placeholder.failed{background:#f443361a;border:2px solid #f443364d}.video-card-footer{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.video-actions-row,.video-card-footer{align-items:center;display:flex;justify-content:space-between}.video-actions-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:1rem 0;padding:1rem}.action-buttons-left,.action-buttons-right{display:flex;gap:.5rem}.video-links{align-items:center;display:flex;gap:1rem}.link-button{color:#4caf50;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.link-button:hover{color:#66bb6a;text-decoration:underline}.interesting-indicator{color:#ffc107;font-size:.85rem;font-weight:500}.load-more-section{margin-top:2rem;opacity:.7;padding:1rem;text-align:center}.results-info{font-size:.9rem;margin:0}@media (max-width:768px){.processed-videos-header{flex-direction:column;gap:1rem;text-align:center}.header-actions{justify-content:center}.stats-overview{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.filter-tabs{align-items:center;flex-direction:column}.details-grid{grid-template-columns:1fr}.video-card-footer{align-items:flex-start;flex-direction:column;gap:.5rem}.video-actions-row{flex-direction:column;gap:1rem}.action-buttons-left,.action-buttons-right{justify-content:center;width:100%}.action-buttons-left{order:1}.action-buttons-right{order:2}}.gpt4o-modal{max-height:90vh;max-width:900px;overflow-y:auto}.analysis-summary{margin-bottom:2rem}.result-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.result-card{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;display:flex;gap:1rem;padding:1rem}.result-card.interesting{background:#ffc1071a;border-color:#ffc1074d}.result-card.not-interesting{background:#6c757d1a;border-color:#6c757d4d}.result-card.title-card{background:#2196f31a;border-color:#2196f34d}.result-card.timing-card{background:#4caf501a;border-color:#4caf504d}.result-icon{flex-shrink:0;font-size:2rem}.result-text{flex:1 1}.result-text strong{color:#fff;display:block;font-size:1rem;margin-bottom:.25rem}.result-text p{font-size:.9rem;margin:0;opacity:.8}.analysis-details{margin-bottom:2rem}.reasoning-section{margin-bottom:1.5rem}.reasoning-text{background:#2196f31a;border:1px solid #2196f34d;border-radius:6px;font-style:italic;line-height:1.5;padding:1rem}.response-data{margin-top:1rem}.json-display{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#e8e8e8;font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto;padding:1rem;white-space:pre-wrap}.prompt-section,.raw-response-section{margin-bottom:2rem}.prompt-display,.raw-response-display{margin-top:1rem}.prompt-display pre,.raw-response-display pre{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#e8e8e8;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;overflow-x:auto;padding:1rem;white-space:pre-wrap}.processing-metadata{margin-bottom:1rem}.metadata-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.metadata-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.75rem}.metadata-item strong{color:#4caf50;margin-right:.5rem}.metadata-item.error{background:#f443361a;border-color:#f443364d}.metadata-item.error strong{color:#f44336}@media (max-width:768px){.gpt4o-modal{margin:2rem 1rem;max-width:95vw}.metadata-grid,.result-cards{grid-template-columns:1fr}.json-display,.prompt-display pre,.raw-response-display pre{font-size:.75rem;padding:.75rem}}.prompt-display pre,.response-data pre{font-size:.7rem;padding:.5rem}.youtube-channels{margin:0 auto;max-width:1000px}.youtube-header{margin-bottom:2rem;text-align:center}.youtube-header h3{font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.youtube-header p{font-size:1rem;margin:0;opacity:.8}.youtube-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.views-stats-section,.youtube-stats{margin-bottom:2rem}.views-stats-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.views-stats-section h4{color:gold;font-size:1.4rem;font-weight:600;margin:0}.refresh-views-btn{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;color:gold;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .3s ease}.refresh-views-btn:hover:not(:disabled){background:#ffd70033;transform:rotate(180deg)}.refresh-views-btn:disabled{cursor:not-allowed;opacity:.5}.views-stats-loading{margin:2rem 0;opacity:.7;text-align:center}.youtube-stats .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.youtube-stats .stat-card:hover{background:#ffffff26;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.youtube-stats .stat-card.highlight{background:linear-gradient(135deg,#ffd70033,#ffc1071a);border:1px solid #ffd7004d}.youtube-stats .stat-card.highlight:hover{background:linear-gradient(135deg,#ffd7004d,#ffc10733);transform:translateY(-3px)}.youtube-stats .stat-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.youtube-stats .stat-label{color:#fff;font-size:.9rem;opacity:.8}.connect-channel-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:2rem;padding:2rem;text-align:center}.connect-channel-btn{background:linear-gradient(45deg,#f44,#c11);border:none;border-radius:25px;box-shadow:0 4px 15px #ff44444d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.connect-channel-btn:hover:not(:disabled){box-shadow:0 6px 20px #f446;transform:translateY(-2px)}.connect-channel-btn:disabled{cursor:not-allowed;opacity:.6}.connect-help{font-size:.9rem;margin:1rem 0 0;opacity:.8}.channels-section{margin-bottom:2rem}.channels-section h4{font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.no-channels{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:3rem}.no-channels p{margin:.5rem 0;opacity:.8}.loading{font-size:1.1rem;opacity:.8;padding:2rem;text-align:center}.channels-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.channel-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:1.5rem;transition:all .3s ease}.channel-card:hover{background:#ffffff26;box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.channel-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.channel-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.channel-avatar{border:2px solid #ffffff4d;border-radius:50%;height:48px;width:48px}.channel-details h5{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.channel-handle{color:#fff;font-size:.9rem;margin:0;opacity:.7}.channel-actions{display:flex;gap:.5rem}.toggle-btn{background:#fff;border:1px solid #ddd;border-radius:15px;cursor:pointer;font-size:.85rem;margin-right:8px;padding:4px 12px;transition:all .2s ease}.toggle-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.toggle-btn.inactive{background:#f5f5f5;color:#666}.toggle-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.delete-btn{background:#fff;border:1px solid #ff5252;border-radius:15px;color:#ff5252;cursor:pointer;font-size:.85rem;padding:4px 12px;transition:all .2s ease}.delete-btn:hover{background:#ff5252;box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.channel-stats{background:#0000001a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-item .stat-label{font-size:.8rem;opacity:.7}.stat-item .stat-value{font-size:.9rem;font-weight:600}.stat-item.highlight{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:6px;margin:.5rem 0;padding:.5rem}.stat-item.highlight .stat-label{color:gold;font-weight:600}.stat-item.highlight .stat-value{color:gold;font-weight:700}.channel-status{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.status-indicator{border-radius:50%;height:12px;width:12px}.status-text{font-size:.9rem;font-weight:500}.channel-metadata{font-size:.8rem;opacity:.8}.metadata-item{display:flex;justify-content:space-between;margin-bottom:.25rem}.metadata-label{font-weight:500}.metadata-value{text-align:right}.metadata-value.warning{color:#ff9800;font-weight:600}.token-warning{background:#ff980033;border:1px solid #ff980080;border-radius:8px;margin-top:1rem;padding:.75rem;text-align:center}.token-warning p{color:#ff9800;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.refresh-tokens-btn{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.refresh-tokens-btn:hover{background:#f57c00;transform:translateY(-1px)}.youtube-callback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh}.callback-container{max-width:500px;padding:2rem;text-align:center}.callback-complete,.callback-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:2rem}.callback-complete h3,.callback-loading h3{font-size:1.5rem;margin:0 0 1rem}.callback-complete p,.callback-loading p{margin:0;opacity:.8}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1rem;width:40px}@media (max-width:768px){.youtube-stats{grid-template-columns:repeat(2,1fr)}.channels-grid{grid-template-columns:1fr}.channel-header{align-items:flex-start;flex-direction:column;gap:1rem}.channel-actions{align-self:flex-end}.channel-stats{flex-direction:column;gap:.5rem}.stat-item{flex-direction:row;justify-content:space-between}.connect-channel-section{padding:1.5rem}}.btn-youtube{background:linear-gradient(45deg,red,#c00);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-youtube:hover:not(:disabled){background:linear-gradient(45deg,#c00,#900);transform:translateY(-1px)}.btn-youtube:disabled{cursor:not-allowed;opacity:.6}.btn-tiktok{background:linear-gradient(45deg,#fe2c55,#25f4ee);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-left:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-tiktok:hover:not(:disabled){background:linear-gradient(45deg,#e91e63,#00bcd4);transform:translateY(-1px)}.btn-tiktok:disabled{cursor:not-allowed;opacity:.6}.cookies-instructions{background:#f8f9fa;border-left:4px solid #fe2c55;border-radius:8px;margin-bottom:1rem;padding:1rem}.cookies-instructions h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.cookies-instructions ol{color:#555;margin:.5rem 0;padding-left:1.2rem}.cookies-instructions li{line-height:1.4;margin-bottom:.3rem}.cookie-tools{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;margin-top:.8rem;padding:.8rem}.cookie-tools p{font-size:.9rem;margin:.3rem 0}.cookie-tools code{background:#fff3e0;border-radius:3px;color:#d84315;font-family:Courier New,monospace;padding:2px 4px}.cookie-tools a{color:#1976d2;text-decoration:none}.cookie-tools a:hover{text-decoration:underline}.btn-edit{background:#ff9800;color:#fff}.btn-edit:hover{background:#f57c00;transform:translateY(-1px)}.youtube-post-modal{display:flex;flex-direction:column;max-height:90vh;max-width:600px}.video-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.video-preview h4{color:red;font-size:1.1rem;margin:0 0 .75rem}.preview-info p{font-size:.9rem;margin:.25rem 0;opacity:.9}.youtube-post-form{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0}.youtube-post-form-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-right:-.5rem;overflow-y:auto;padding-right:.5rem}.youtube-post-form-content::-webkit-scrollbar{width:8px}.youtube-post-form-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.youtube-post-form-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.youtube-post-form-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:.9rem;padding:.75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:red;box-shadow:0 0 0 3px #f003;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group small{font-size:.8rem;line-height:1.3;opacity:.7}.loading-channels{background:#ffffff1a;border-radius:6px;opacity:.8;padding:.75rem;text-align:center}.no-channels{background:#ff98001a;border:1px solid #ff98004d;border-radius:6px;padding:1rem;text-align:center}.no-channels p{color:#ff9800;font-size:.9rem;margin:.25rem 0}.form-actions{background:linear-gradient(135deg,#667eea,#764ba2);border-top:1px solid #ffffff1a;bottom:0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;margin:1rem -1.5rem -1.5rem;padding:1rem 1.5rem 1.5rem;position:-webkit-sticky;position:sticky}.form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.form-actions .btn-secondary{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.form-actions .btn-secondary:hover:not(:disabled){background:#fff3}.form-actions .btn-primary{background:linear-gradient(45deg,red,#c00);color:#fff}.form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(45deg,#c00,#900);transform:translateY(-1px)}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:15px;box-shadow:0 20px 40px #0000004d;color:#fff;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.expert-label-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:12px}.expert-label-title{color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:8px;margin-right:12px}.expert-label-buttons{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.expert-label-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px;transition:all .2s ease}.expert-label-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.expert-label-btn.selected{background:linear-gradient(45deg,#10b981,#059669);border:2px solid #10b981;box-shadow:0 2px 8px #10b9814d;color:#fff;font-weight:600}.expert-label-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.youtube-post-modal{margin:1rem;max-height:85vh;max-width:none;width:95%}.modal-body,.modal-header{padding:1rem}.youtube-post-form-content{gap:.75rem}.video-preview{margin-bottom:1rem;padding:.75rem}.video-preview h4{font-size:1rem;margin-bottom:.5rem}.preview-info p{font-size:.8rem;margin:.2rem 0}.form-group textarea{height:80px;min-height:80px}.form-actions{flex-direction:column;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.form-actions button{padding:.75rem 1rem;width:100%}}
/*# sourceMappingURL=main.3f451cc2.css.map*/