:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e293bd9;z-index:10000;display:flex}.preset-button.compact-preset{padding:1.25rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;box-shadow:var(--shadow-sm);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:unset;gap:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:1rem;flex-direction:column;line-height:1.2;text-align:center}.preset-button.compact-preset:hover{background:linear-gradient(135deg,#ff1744,#d21034,#e91e63);transform:translateY(-2px);box-shadow:var(--shadow-md)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}:root{--cameroon-red: #D21034;--cameroon-yellow: #FCDD09;--cameroon-green: #007A5E;--vibrant-red: #ff1744;--vibrant-yellow: #ffc107;--vibrant-green: #00e676;--vibrant-blue: #2196f3;--vibrant-purple: #9c27b0;--gradient-primary: linear-gradient(135deg, #D21034 0%, #ff1744 50%, #a00828 100%);--gradient-secondary: linear-gradient(135deg, #007A5E 0%, #00e676 50%, #005a45 100%);--gradient-accent: linear-gradient(135deg, #ffc107 0%, #FCDD09 50%, #ff8f00 100%);--gradient-background: linear-gradient(135deg, #f8fafc 0%, #e8f4fd 50%, #e2e8f0 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%);--shadow-sm: 0 2px 8px rgba(210, 16, 52, .15);--shadow-md: 0 8px 25px rgba(210, 16, 52, .25);--shadow-lg: 0 20px 40px rgba(210, 16, 52, .3);--shadow-colorful: 0 10px 30px rgba(255, 23, 68, .3), 0 5px 15px rgba(0, 122, 94, .2);--border-radius: 20px;--border-radius-sm: 16px;--border-radius-lg: 28px;--transition: all .4s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--gradient-background);color:#1e293b;line-height:1.6;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;padding:0}#root{width:100%;min-height:100vh;margin:0;padding:0}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative;margin:0;padding:0}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,23,68,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,230,118,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.08) 0%,transparent 50%),radial-gradient(circle at 60% 70%,rgba(33,150,243,.08) 0%,transparent 50%);pointer-events:none;z-index:-10}.header{background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem 1rem;text-align:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.2);width:100%;margin:0;z-index:10;min-height:120px}.header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 45%,rgba(255,23,68,.05) 50%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(0,230,118,.05) 50%,transparent 55%),linear-gradient(90deg,transparent 45%,rgba(255,193,7,.03) 50%,transparent 55%);pointer-events:none}.flag-stripe{height:8px;width:100%;position:relative;overflow:hidden}.flag-stripe:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}.flag-stripe.red{background:linear-gradient(135deg,#d21034,#ff1744,#e91e63);box-shadow:0 2px 8px #ff174466}.header.thin-header{background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.5rem 1.2rem .2rem;box-shadow:0 4px 16px #2196f314,var(--shadow-colorful);position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.2);width:100%;margin:0;z-index:10;min-height:0}.header-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:.1rem 0}.header-left{display:flex;align-items:center;gap:.6rem}.header-logo{font-size:2.2rem;display:flex;align-items:center}.header-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#d21034,#ff1744,#ffc107,#00e676,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(210,16,52,.18);animation:colorShift 8s ease-in-out infinite;margin-left:.1rem}.header-tagline{flex:1 1 auto;text-align:right;font-size:1.05rem;color:#475569;font-weight:500;line-height:1.2;margin-left:1.2rem;max-width:420px}.header-tagline .tagline-main{font-size:1.05rem;font-weight:600;color:#475569}.header-tagline .tagline-sub{font-size:.95rem;color:#64748b;font-weight:400}.tagline-sub{font-size:1rem;background:linear-gradient(135deg,#64748b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;display:block;margin-top:.25rem}.main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:3rem 1.5rem;position:relative;z-index:5}.search-form{display:flex;gap:1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative}.search-input{flex:1;padding:1.25rem 1.5rem;font-size:1rem;border:3px solid transparent;border-radius:var(--border-radius-sm);outline:none;background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);box-shadow:var(--shadow-sm);font-weight:500;background-clip:padding-box}.search-input:focus{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box;box-shadow:0 0 0 4px #ff174426,var(--shadow-colorful);transform:translateY(-2px)}.search-input::placeholder{color:#64748b;font-weight:400}.search-button{padding:1.25rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;box-shadow:var(--shadow-colorful);position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.search-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #ff174466,0 5px 15px #00e67633;background:linear-gradient(135deg,#ff1744,#d21034,#e91e63)}.search-button:hover:before{left:100%}.search-button:active{transform:translateY(-1px) scale(1.01)}.presets{margin-bottom:3rem}.presets h2{margin-bottom:2rem;color:#1e293b;font-size:1.75rem;font-weight:700;text-align:center;position:relative}.presets h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:2px;box-shadow:0 2px 8px #ff17444d}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.preset-button{padding:2rem 1.5rem;background:var(--gradient-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:160px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);background-clip:padding-box}.preset-button:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s;z-index:-1}.preset-button:hover{border:3px solid transparent;background:var(--gradient-card) padding-box,var(--gradient-primary) border-box;transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-colorful)}.preset-button:hover:before{opacity:.05}.preset-button:hover .preset-label{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preset-button:hover .preset-icon{transform:scale(1.15) rotate(5deg);text-shadow:0 4px 15px rgba(255,23,68,.4)}.preset-icon{font-size:2.5rem;transition:var(--transition);filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.preset-label{font-weight:600;color:#1e293b;text-align:center;font-size:.9rem;line-height:1.4;transition:var(--transition)}.loading{text-align:center;padding:4rem 2rem}.spinner{border:5px solid rgba(255,23,68,.1);border-top:5px solid transparent;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite,colorRotate 3s ease-in-out infinite;margin:0 auto 1.5rem;filter:drop-shadow(0 4px 15px rgba(255,23,68,.3));background:conic-gradient(from 0deg,#d21034,#ff1744,#ffc107,#00e676,#2196f3,#9c27b0,#d21034);-webkit-mask:radial-gradient(circle,transparent 20px,black 22px);mask:radial-gradient(circle,transparent 20px,black 22px)}.loading p{color:#475569;font-size:1.1rem;font-weight:500;background:linear-gradient(135deg,#64748b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes colorRotate{0%,to{filter:drop-shadow(0 4px 15px rgba(255,23,68,.3))}33%{filter:drop-shadow(0 4px 15px rgba(255,193,7,.3))}66%{filter:drop-shadow(0 4px 15px rgba(0,230,118,.3))}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.error{background:linear-gradient(135deg,#ff174414,#ff572214);border:3px solid transparent;border-radius:var(--border-radius);padding:2rem;text-align:center;margin:2rem 0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-sm);background-clip:padding-box;position:relative}.error:before{content:"";position:absolute;inset:0;padding:3px;background:linear-gradient(135deg,#ff1744,#ff5722);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.error p{color:#dc2626;font-weight:600;margin-bottom:1rem;font-size:1.1rem}.error button{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#ff1744,#dc2626);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:var(--transition);box-shadow:0 8px 20px #ff17444d}.error button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ff174466;background:linear-gradient(135deg,#f44336,#ff1744)}.videos h2{margin-bottom:2rem;color:#1e293b;font-size:1.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.video-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius);overflow:hidden;text-decoration:none;color:inherit;transition:var(--transition);box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.6);position:relative}.video-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s;z-index:-1}.video-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:var(--shadow-colorful);border-color:#ff17444d}.video-card:hover:before{opacity:.03}.video-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:var(--transition)}.video-card:hover .video-thumbnail{transform:scale(1.05);filter:brightness(1.1) saturate(1.2)}.video-info{padding:1.5rem;position:relative}.video-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#1e293b}.video-channel{color:#64748b;font-size:.9rem;margin-bottom:.5rem;font-weight:500}.video-date{color:#94a3b8;font-size:.8rem;font-weight:400}.empty-state{text-align:center;padding:5rem 2rem;color:#64748b;font-size:1.25rem;line-height:1.8;background:var(--gradient-card);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.6);margin:2rem 0;box-shadow:var(--shadow-sm)}.footer{background:linear-gradient(135deg,#1e293b,#0f172a,#1e293b);color:#e2e8f0;padding:3rem 1.5rem 2rem;margin-top:5rem;position:relative;overflow:hidden;width:100%}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,23,68,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,230,118,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,193,7,.1) 0%,transparent 50%);pointer-events:none}.disclaimer{max-width:1200px;margin:0 auto;font-size:.9rem;line-height:1.7;position:relative;z-index:1}.disclaimer p{margin-bottom:1rem}.disclaimer a{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-weight:600;transition:var(--transition)}.disclaimer a:hover{text-decoration:underline;text-shadow:0 2px 8px rgba(255,193,7,.3)}@media(max-width:1024px){.main{padding:2rem 1rem}.video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media(max-width:768px){.header{padding:1.5rem 1rem}.header h1{font-size:2rem}.tagline{font-size:1rem}.tagline-sub{font-size:.875rem}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.preset-button{padding:1.5rem 1rem;min-height:140px}.preset-icon{font-size:2rem}.preset-label{font-size:.8rem}.video-grid{grid-template-columns:1fr}.search-form{flex-direction:column;gap:1rem}.search-button{font-size:.875rem;padding:1rem 1.5rem}}@media(max-width:480px){.main{padding:1.5rem 1rem}.preset-grid{grid-template-columns:repeat(2,1fr)}.header h1{font-size:1.75rem}.empty-state{padding:3rem 1.5rem;font-size:1.1rem}.footer{padding:2rem 1rem 1.5rem}}.modal-content{background:var(--gradient-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:0;width:90vw;max-width:900px;min-width:320px;max-height:90vh;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden;margin:0 auto}.modal-video-wrapper{width:100%;aspect-ratio:16/9;min-height:220px;max-height:70vh;display:flex;align-items:center;justify-content:center;background:#000}@media(max-width:700px){.modal-content{width:98vw;max-width:98vw;min-width:unset;border-radius:var(--border-radius-sm)}.modal-video-wrapper{min-height:160px;max-height:40vh}}.logo-img{height:36px;width:36px;margin-right:10px;object-fit:contain}