@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--theme-purple:#4c1d95;--theme-purple-dark:#3b0764;--theme-purple-light:#8b5cf6;--bg-light:#f9fafb;--text-dark:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-outfit:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-light);width:100%;height:100%;color:var(--text-dark);font-family:var(--font-outfit);-webkit-font-smoothing:antialiased}.header{background-color:var(--theme-purple);background:linear-gradient(135deg, var(--theme-purple-dark) 0%, var(--theme-purple) 100%);color:#fff;box-shadow:var(--shadow-md);z-index:10;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.logo-container{align-items:center;gap:.5rem;display:flex}.logo-text{letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:#fffc;cursor:pointer;font-size:.95rem;font-weight:500;transition:color .2s;position:relative}.nav-link:hover{color:#fff}.nav-link.active:after{content:"";background-color:#fff;border-radius:2px;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.header-actions{align-items:center;gap:1.25rem;display:flex}.action-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.2rem;transition:transform .2s,color .2s;display:flex}.action-btn:hover{color:#fff;transform:scale(1.05)}.get-started-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:9999px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:background-color .2s,border-color .2s}.get-started-btn:hover{background-color:#ffffff1a;border-color:#fff}.avatar{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:32px;height:32px}.hero-section{border-bottom:1px solid var(--border-color);background-color:#fff;justify-content:center;align-items:center;padding:3rem 2rem 2.5rem;display:flex;position:relative}.search-container{background-color:#fff;border:1px solid #4c1d951a;border-radius:9999px;align-items:center;width:100%;max-width:680px;padding:.5rem .5rem .5rem 1.5rem;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;box-shadow:0 10px 30px -10px #4c1d9526}.search-container:focus-within{border-color:var(--theme-purple-light);box-shadow:0 10px 30px -5px #4c1d9540}.link-icon{color:var(--text-muted);flex-shrink:0;margin-right:.75rem;font-size:1.25rem}.search-input{font-size:1.05rem;font-family:var(--font-outfit);color:var(--text-dark);border:none;outline:none;flex-grow:1}.search-input::placeholder{color:#9ca3af}.download-button{background:linear-gradient(135deg, var(--theme-purple) 0%, var(--theme-purple-light) 100%);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-outfit);border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #4c1d9533}.download-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4c1d954d}.download-button:active{transform:translateY(1px)}.services-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-title{color:var(--text-dark);font-size:1.75rem;font-weight:700}.view-all-link{color:#4c1d95;cursor:pointer;font-weight:600;transition:color .2s}.view-all-link:hover{color:var(--theme-purple-light)}.services-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.service-card{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:1.25rem;flex-direction:column;align-items:flex-start;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#4c1d9526;transform:translateY(-4px)}.service-card.active{border-color:var(--theme-purple-light);box-shadow:0 0 0 2px #8b5cf633}.card-icon-container{border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.bg-yt-video{color:#ef4444;background-color:#fee2e2}.bg-yt-audio{color:#8b5cf6;background-color:#f3e8ff}.bg-transcript{color:#0284c7;background-color:#e0f2fe}.bg-ig-video{color:#ec4899;background-color:#fce7f3}.bg-ig-audio{color:#f97316;background-color:#ffedd5}.badge-new{color:#fff;letter-spacing:.05em;text-transform:uppercase;background-color:#8b5cf6;border-radius:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.card-title{color:var(--text-dark);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.card-link{color:#4c1d95;align-items:center;gap:.25rem;font-size:.95rem;font-weight:600;transition:gap .2s;display:flex}.service-card:hover .card-link{color:var(--theme-purple-light);gap:.5rem}.footer{border-top:1px solid var(--border-color);background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding:2rem;display:flex}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-link{color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--theme-purple)}.copyright{color:var(--text-muted);font-size:.9rem}.download-progress-container{width:90%;max-width:680px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);background-color:#fff;border-radius:1.25rem;margin:2rem auto;padding:2rem;animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-meta-card{border-bottom:1px solid var(--border-color);gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.media-thumb{object-fit:cover;width:140px;height:90px;box-shadow:var(--shadow-sm);background-color:#000;border-radius:.5rem;flex-shrink:0}.media-details{flex-direction:column;justify-content:space-between;display:flex}.media-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.media-uploader{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.media-duration{color:var(--text-muted);background-color:#f3f4f6;border-radius:.25rem;align-self:flex-start;margin-top:.5rem;padding:.15rem .5rem;font-size:.85rem;font-weight:600}.progress-wrapper{margin-bottom:1.5rem}.progress-info{color:var(--text-dark);justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.progress-bar-bg{background-color:#e5e7eb;border-radius:9999px;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--theme-purple) 0%, var(--theme-purple-light) 100%);border-radius:9999px;height:100%;transition:width .2s ease-out}.progress-details-row{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;font-size:.8rem;display:flex}.settings-panel{border:1px solid var(--border-color);background-color:#f9fafb;border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.setting-row{justify-content:space-between;align-items:center;display:flex}.setting-label{color:var(--text-dark);font-size:.9rem;font-weight:600}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--theme-purple-light)}input:checked+.toggle-slider:before{transform:translate(20px)}.action-buttons-group{gap:1rem;margin-top:1rem;display:flex}.btn-primary{background-color:var(--theme-purple);color:#fff;cursor:pointer;text-align:center;font-weight:600;font-family:var(--font-outfit);border:none;border-radius:.5rem;flex-grow:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;transition:background-color .2s;display:flex}.btn-primary:hover{background-color:var(--theme-purple-dark)}.btn-secondary{color:var(--text-dark);border:1px solid var(--border-color);cursor:pointer;font-weight:600;font-family:var(--font-outfit);background-color:#f3f4f6;border-radius:.5rem;padding:.8rem 1.2rem;transition:background-color .2s}.btn-secondary:hover{background-color:#e5e7eb}.ai-summary-card{border:1px dashed var(--theme-purple-light);background-color:#fdfeff;border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.ai-summary-header{color:var(--theme-purple);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.05rem;font-weight:700;display:flex}.ai-summary-content{color:#374151;font-size:.95rem;line-height:1.6}.ai-summary-content ul,.ai-summary-content ol{margin-top:.5rem;margin-bottom:.5rem;margin-left:1.25rem}.ai-summary-content li{margin-bottom:.25rem}.ai-summary-content p{margin-bottom:.75rem}.ai-loading-spinner{border:2px solid #4c1d951a;border-top-color:var(--theme-purple);border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.n8n-notification{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex}.format-select{border:1px solid var(--border-color);font-family:var(--font-outfit);color:var(--text-dark);background-color:#fff;border-radius:.375rem;outline:none;padding:.4rem .7rem;font-size:.85rem;font-weight:600}.format-select:focus{border-color:var(--theme-purple-light)}@media (max-width:640px){.header{flex-direction:column;gap:1rem;padding:1rem}.services-grid{grid-template-columns:1fr}.media-meta-card{text-align:center;flex-direction:column;align-items:center}.media-duration{align-self:center}.action-buttons-group{flex-direction:column}}