.App{display:flex;flex-direction:column;min-height:100vh;background-color:#1e1e1e;color:#fff;height:100%}main{flex:1;overflow-x:hidden;box-sizing:border-box;background-color:#1e1e1e;color:#ccc;min-height:calc(100vh - 80px);padding:0}.sidebar-present main{margin-left:70px;width:calc(100% - 70px)}.page-content{background-color:#2a2a2a;border-radius:8px;padding:25px;box-shadow:0 4px 12px #00000026;margin-bottom:20px}.page-content h2{color:#a259ff;margin-bottom:15px;font-size:1.5rem}.page-content p{line-height:1.6;margin-bottom:15px;color:#ccc}@media (max-width: 768px){.sidebar-present main{margin-left:60px;width:calc(100% - 60px)}}.script-editor-container{width:100%;max-width:1000px;margin:0 auto;padding:20px}.editor-content-area{width:100%}.tiptap,.editable-script-container .editor,.ProseMirror{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;min-height:300px;background:#ffffff05;transition:border-color .2s ease,box-shadow .2s ease}.tiptap:focus,.ProseMirror-focused{outline:none;border-color:#a259ff;box-shadow:0 0 0 2px #a259ff33;background:#ffffff0a}.script-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.editor-actions{display:flex;gap:10px;color:#fff}.view-toggle{background:#333;color:#fff;border:1px solid #555;padding:8px 16px;border-radius:6px;cursor:pointer}.view-toggle.active{background:#a259ff;border-color:#a259ff}.back-button,.save-button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.back-button{background:#333;color:#fff;border:1px solid #555}.back-button:hover{background:#444}.save-button{background:#a259ff;color:#fff}.save-button:hover:not(:disabled){background:#8a3ffb}.save-button:disabled{opacity:.6;cursor:not-allowed}.script-info-preview{background:#1a1a1a;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #333}.script-info-preview h3{color:#a259ff;margin:0 0 10px}.script-meta{display:flex;gap:15px;color:#ccc;font-size:.9rem}.script-meta span{background:#333;padding:4px 8px;border-radius:4px}.split-view-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.view-panel{display:flex;flex-direction:column;background:#fff;border-radius:8px;border:1px solid #ddd;overflow:hidden}.view-panel h4{background:#f5f5f5;margin:0;padding:12px;border-bottom:1px solid #ddd;color:#333;font-size:1rem}.original-content{flex:1;padding:20px;color:#333;font-family:inherit;white-space:pre-wrap;line-height:1.6;background:#f8f9fa;overflow-y:auto}.custom-floating-menu{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;border-radius:12px;padding:6px 10px;gap:6px;z-index:1000;transition:opacity .2s ease,transform .2s ease}.custom-floating-menu button{background:none;border:none;color:#333;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .2s ease,color .2s ease}.custom-floating-menu button:hover{background:#f2f2f2}.custom-floating-menu button.is-active{color:#a259ff}.custom-floating-menu .color-picker-wrapper input[type=color]{width:24px;height:24px;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:0;background:transparent}.custom-floating-menu .color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.custom-floating-menu .color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.success-message,.error-message{display:inline-block;background:#a259ff1f;color:#a259ff;border:1px solid rgba(162,89,255,.35);padding:10px 16px;border-radius:10px;font-weight:500;font-size:.95rem;margin-bottom:20px;max-width:fit-content;box-shadow:0 2px 6px #a259ff1a}.success-message:before,.error-message:before{content:"●";color:#a259ff;margin-right:8px;font-size:.8rem}.success-message,.error-message{background:#a259ff1f}.loading-editor{text-align:center;padding:40px;color:#ccc}@media (max-width: 768px){.script-editor-container{padding:15px}.script-editor-header{flex-direction:column;gap:15px;align-items:flex-start}.editor-actions{width:100%;justify-content:space-between}.split-view-container{grid-template-columns:1fr;gap:15px}.script-meta{flex-wrap:wrap;gap:8px}.view-panel{background:#fff}.custom-floating-menu{transform:scale(.95)}}.script-writer-form input,.script-writer-form select,.script-writer-form textarea,.script-writer-form button{border:none!important;outline:none!important}.script-writer-form input:focus,.script-writer-form select:focus,.script-writer-form textarea:focus,.script-writer-form button:focus{border:none!important;outline:none!important}.script-writer-container{padding:20px;max-width:950px;margin:0 auto;color:#ccc}.script-writer-header{text-align:center;margin-bottom:30px}.script-writer-header h1{margin-bottom:30px}.script-writer-form{background-color:#2a2a2a;padding:20px;border-radius:25px;margin-bottom:25px;box-shadow:0 4px 20px #0000004d}.dropdown-trigger{width:auto;min-width:100px;padding:6px 12px;background-color:#1e1e1e;color:#fff;border-radius:20px;font-size:12px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:32px;line-height:1.2}.button-options-grid{position:relative;left:0;right:0;background:#2a2a2a;border-radius:20px;padding:8px;margin-top:4px;box-shadow:0 8px 25px #0000004d;z-index:1000;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:160px;overflow-y:auto;min-width:300px;width:fit-content;margin-left:auto;margin-right:auto}.button-options-grid.flex-layout{display:flex;flex-wrap:wrap;gap:6px;grid-template-columns:none}.generate-button:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.dropdowns-row{grid-template-columns:repeat(2,1fr);gap:12px}.script-writer-container{max-width:800px}.button-options-grid{grid-template-columns:repeat(2,1fr);min-width:200px}}@media (max-width: 768px){.script-writer-container{padding:15px;max-width:100%}.script-writer-form{padding:18px}.dropdowns-row{grid-template-columns:1fr;gap:10px}.form-row{flex-direction:column;gap:12px}.form-row .form-group{min-width:100%}.form-group{margin-bottom:14px}.button-options-grid{position:fixed;left:10px;right:10px;top:50%;transform:translateY(-50%);max-height:70vh;z-index:1001;grid-template-columns:repeat(3,1fr);min-width:auto}}@media (max-width: 480px){.script-writer-container{padding:10px}.script-writer-form{padding:15px}.form-group input[type=text],.form-group textarea{padding:8px 10px;font-size:13px}.dropdown-trigger{width:auto;min-width:120px;font-size:14px;padding:5px 8px;min-height:30px}.option-button{font-size:10px;padding:4px 6px;min-height:24px}.button-options-grid{grid-template-columns:repeat(2,1fr)}}.editable-script-textarea:focus{outline:none;border-color:#a259ff;box-shadow:0 0 0 2px #a259ff33}.editable-script-container{background:#000;border-radius:12px;margin-top:20px;overflow:hidden}.script-header{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;padding:12px 20px;border-bottom:1px solid #333;margin-bottom:0}.script-header h3{color:#a259ff;margin:0;font-size:1.1rem}.editable-script-textarea{width:100%;background:#000;color:#fff;border:none;border-radius:15px;padding:20px;font-family:inherit;font-size:16px;line-height:1.6;resize:none;outline:none;min-height:400px;text-align:left;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;overflow-x:hidden}.editable-script-textarea:focus{outline:none}.toolbar-buttons{gap:5px;background-color:none}.button-dropdown:last-child .button-options-grid{z-index:9999!important}.shorts-writer-form input,.shorts-writer-form select,.shorts-writer-form textarea,.shorts-writer-form button{border:none!important;outline:none!important}.shorts-writer-form input:focus,.shorts-writer-form select:focus,.shorts-writer-form textarea:focus,.shorts-writer-form button:focus{border:none!important;outline:none!important}.shorts-writer-container{padding:20px;max-width:950px;margin:0 auto;color:#ccc}.shorts-writer-header{text-align:center;margin-bottom:30px}.shorts-writer-header h1{margin-bottom:30px}.header-description{font-size:1.1rem;color:#888;max-width:500px;margin:0 auto;line-height:1.5;font-weight:500}.shorts-writer-form{background-color:#2a2a2a;padding:20px;border-radius:25px;margin-bottom:25px;box-shadow:0 4px 20px #0000004d}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#fff;font-size:.9rem}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;border-radius:25px;background-color:#1e1e1e;color:#fff;font-size:14px;box-sizing:border-box;transition:all .2s ease}.form-group textarea{resize:vertical;min-height:70px;font-family:inherit}.form-group input[type=text]:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #a259ff4d}.dropdowns-row{display:grid;grid-template-columns:repeat(4,auto);gap:12px;margin-bottom:20px;position:relative;justify-content:center}.button-dropdown{position:relative;width:auto;display:flex;flex-direction:column;align-items:center}.dropdown-trigger{width:auto;min-width:120px;padding:6px 12px;background-color:#1e1e1e;color:#fff;border-radius:20px;font-size:12px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:32px;line-height:1.2}.button-options-grid{position:relative;margin-top:8px;background:#2a2a2a;border-radius:20px;padding:8px;box-shadow:0 8px 25px #0000004d;z-index:1000;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;max-height:160px;overflow-y:auto;min-width:300px;width:fit-content;margin-left:auto;margin-right:auto}.option-button{padding:5px 8px;background:#000;color:#ccc;border-radius:20px;font-size:11px;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:26px;line-height:1.2;flex:1;min-width:80px}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:16px}.form-row .form-group{flex:1;min-width:180px}.generate-button{background:linear-gradient(135deg,#a259ff,#8a3ffc)!important;color:#fff!important;padding:12px 40px!important;border-radius:20px!important;cursor:pointer!important;font-weight:600!important;font-size:14px!important;transition:all .3s ease!important;width:fit-content!important;min-width:200px!important;margin:20px auto!important;box-shadow:0 2px 10px #a259ff4d!important;display:block!important;border:none!important}.generate-button:disabled{background:#666!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.loading .loader{width:40px;height:40px;border:3px solid #2a2a2a;border-top:3px solid #a259ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.error-message{color:#000;padding:10px 12px;margin-top:12px;background-color:#ffffff1a;border-radius:20px;text-align:center;font-weight:500;font-size:.9rem}.helper-text{color:#888;font-size:.8rem;margin-top:4px;line-height:1.3}.button-dropdown:nth-child(4) .button-options-grid{z-index:1005}@media (max-width: 1024px){.dropdowns-row{grid-template-columns:repeat(2,1fr);gap:12px}.shorts-writer-container{max-width:800px}.button-options-grid{grid-template-columns:repeat(2,1fr);min-width:200px}}@media (max-width: 768px){.shorts-writer-container{padding:15px;max-width:100%}.shorts-writer-form{padding:18px}.dropdowns-row{grid-template-columns:1fr;gap:10px}.form-row{flex-direction:column;gap:12px}.form-row .form-group{min-width:100%}.form-group{margin-bottom:14px}.button-options-grid{position:fixed;left:10px;right:10px;top:50%;transform:translateY(-50%);max-height:70vh;z-index:1001;grid-template-columns:repeat(3,1fr);min-width:auto}}@media (max-width: 480px){.shorts-writer-container{padding:10px}.shorts-writer-form{padding:15px}.form-group input[type=text],.form-group textarea{padding:8px 10px;font-size:13px}.dropdown-trigger{width:auto;min-width:120px;font-size:14px;padding:5px 8px;min-height:30px}.option-button{font-size:10px;padding:4px 6px;min-height:24px}.button-options-grid{grid-template-columns:repeat(2,1fr)}}.formatted-shorts-results{background-color:#000;padding:28px;border-radius:14px;box-shadow:0 4px 15px #00000040;color:#ddd;margin-top:35px;animation:fadeInContainer .8s ease forwards;opacity:0}.formatted-shorts-results h3{color:#a259ff;text-align:center;font-size:1.9rem;font-weight:600;margin-top:0;margin-bottom:8px;letter-spacing:.5px;animation:fadeInTitle 1s ease forwards}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shorts-duration-note{text-align:center;color:#888;margin-bottom:25px;font-style:italic;font-size:.95rem;animation:fadeInText 1.2s ease forwards}.shorts-script-content{background:#000;border-radius:8px;padding:20px;border:none;animation:fadeInText 1.2s ease forwards}.shorts-script-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:1rem;line-height:1.6;color:#e0e0e0;margin:0;font-weight:400}.no-script-message{text-align:center;color:#888;font-style:italic;padding:40px 20px}.shorts-script-content pre:before{content:"";display:none}@media (max-width: 768px){.formatted-shorts-results{padding:20px}.shorts-script-content{padding:15px}.shorts-script-content pre{font-size:.95rem}}.saved-scripts-container{padding:20px;max-width:1000px;margin:0 auto}.saved-scripts-header{text-align:center;margin-bottom:30px}.saved-scripts-header h1{color:#a259ff;margin-bottom:10px}.saved-scripts-header p{color:#ccc;font-size:1.1rem}.content-tabs{display:flex;margin-bottom:30px;border-bottom:1px solid #333}.tab-button{background:none;border:none;padding:12px 24px;color:#ccc;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;font-size:1rem;font-weight:500}.tab-button:hover{color:#fff;background:#a259ff1a}.tab-button.active{color:#fff;border-bottom-color:#a259ff;background:#a259ff1a}.script-type-badge{background:linear-gradient(135deg,#a259ff,#8a3ffc);color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:inline-block;margin-left:auto}.no-scripts{text-align:center;padding:60px 20px;background:#1a1a1a;border-radius:12px;border:1px solid #333}.no-scripts h3{color:#a259ff;margin-bottom:10px}.no-scripts p{color:#ccc;margin-bottom:20px}.generate-first-button{background:#a259ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500}.generate-first-button:hover{background:#8a3ffb}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:20px}.script-card{background:#000;border-radius:15px;padding:20px;transition:all .3s ease}.script-card:hover{border-color:#a259ff;box-shadow:0 4px 8px #a259ff33}.script-card-header{margin-bottom:15px;display:flex;justify-content:space-between;align-items:flex-start}.script-title{color:#fff;font-size:1.2rem;margin:0 0 8px;line-height:1.4}.script-date{color:#888;font-size:.9rem}.script-details{margin-bottom:20px}.script-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{background:#333;color:#ccc;padding:4px 8px;border-radius:8px;font-size:.8rem;text-transform:capitalize}.script-main-points{color:#ccc;font-size:.9rem}.script-main-points strong{color:#a259ff}.script-main-points p{margin:5px 0 0;opacity:.8}.script-actions{display:flex;gap:10px}.edit-button,.delete-button{flex:1;padding:8px 12px;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s;min-width:60px;width:auto}.edit-button{background:transparent;border:1px solid #a259ff;color:#fff}.edit-button:hover{background:#8a3ffb}.delete-button{background:transparent;color:#fff;border:1px solid #555}.delete-button:hover{background:#444;border-color:none}.loading{text-align:center;padding:40px}.loader{border:3px solid #333;border-top:3px solid #a259ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}@media (max-width: 768px){.scripts-grid{grid-template-columns:1fr}.saved-scripts-container{padding:15px}.content-tabs{flex-direction:column}.tab-button{text-align:center}}.success-message{background-color:#2ecc7133;color:#2ecc71;padding:12px 15px;border-radius:15px;margin-bottom:20px;text-align:center;font-weight:500;border:1px solid rgba(46,204,113,.3)}.error-message{background-color:#000!important;color:#a259ff;padding:12px 15px;border-radius:15px;margin-bottom:20px;text-align:center;font-weight:500;border:none}.success-message,.error-message{z-index:3000;position:relative;box-shadow:0 4px 12px #0000004d;margin:20px auto;max-width:500px}.loading{text-align:center;padding:30px;font-size:1.1rem}.loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;border:3px solid #2a2a2a;border-top:3px solid #a259ff;border-radius:50%;animation:spin 1s linear infinite}.no-results,.initial-prompt{text-align:center;padding:40px 20px;color:#888;font-style:italic}.floating-add-button{position:absolute;top:200px;right:20px;width:50px;height:50px;background-color:#000;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;overflow:visible}:root{--spin-duration: 1s;--fade-duration: .3s;--pause-duration: 5s;--spins: 1}.floating-add-button:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,#a259ff,#a259ff99,#a259ff33 120deg,#a259ff00 180deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),black calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),black calc(100% - 1px));animation:cometSpin calc(var(--spin-duration) + var(--fade-duration) + var(--pause-duration)) linear infinite;box-shadow:0 0 15px #a259ff,0 0 30px #a259ff;pointer-events:none}@keyframes cometSpin{0%{transform:rotate(0);opacity:0}10%{opacity:1}70%{transform:rotate(calc(-360deg * var(--spins) * .8));opacity:1}90%{transform:rotate(calc(-360deg * var(--spins)));opacity:0}to{transform:rotate(calc(-360deg * var(--spins)));opacity:0}}.floating-add-button:disabled{background-color:#666;cursor:not-allowed;box-shadow:none}.floating-add-button svg{width:20px;height:20px}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.add-channel-modal{background:#2a2a2a;border-radius:12px;padding:0;max-width:450px;width:100%;box-shadow:0 10px 30px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 20px 0;margin-bottom:20px}.modal-header h3{color:#fff;margin:0;font-size:1.3rem;text-align:center}.add-channel-form{padding:0 20px 20px}.add-channel-form .form-group{margin-bottom:20px}.add-channel-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff;font-size:.95rem}.add-channel-form .form-group input[type=text]{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #444;background-color:#1e1e1e;color:#fff;font-size:16px;box-sizing:border-box}.add-channel-form .form-group input[type=text]:focus{outline:none;border-color:#a259ff;box-shadow:0 0 0 2px #a259ff4d}.add-channel-form .form-group input[type=text]:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.add-channel-button{background-color:#a259ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;box-shadow:0 0 10px #a259ff4d;min-width:120px}.add-channel-button:disabled{background-color:#666;cursor:not-allowed;box-shadow:none}.cancel-button{background:none;border:1px solid #666;color:#ccc;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;min-width:80px}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.channels-list-section h3{margin-bottom:20px}.no-channels{text-align:center;padding:40px 20px;color:#888;font-style:italic}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.channel-card{display:flex;align-items:center;padding:12px;background-color:#2a2a2a;border-radius:10px;box-shadow:0 2px 8px #0003;position:relative}.channel-thumbnail{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:15px;border:1px solid #444}.channel-info{flex:1;min-width:0}.channel-name{display:block;font-weight:600;color:#fff;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-stats{display:flex;flex-direction:column;gap:3px;font-size:.8rem}.stat-item{color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-channel-button{background:none;border:none;width:30px;height:30px;border-radius:0%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;padding:0;color:#5c5c5c}.delete-channel-button:disabled{opacity:.5;cursor:not-allowed}.delete-channel-button .trash-icon{stroke:currentColor;width:14px;height:14px}@media (max-width: 768px){.floating-add-button{top:15px;right:15px;width:45px;height:45px}.floating-add-button svg{width:18px;height:18px}.modal-overlay{padding:10px}.add-channel-modal{max-width:100%}.form-actions{flex-direction:column-reverse}.add-channel-button,.cancel-button{width:100%;min-width:auto}.channels-grid{grid-template-columns:1fr}.channel-card{padding:20px}}@media (max-width: 480px){.floating-add-button{top:10px;right:10px;width:40px;height:40px}.modal-header{padding:15px 15px 0}.add-channel-form{padding:0 15px 15px}}.search-filters-section{margin-top:40px;padding-top:20px;border-top:1px solid #444}.search-filters-section h3{color:#fff;margin-bottom:20px}.search-form{background-color:#2a2a2a;padding:20px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 8px #0003}.search-input-group{display:flex;gap:15px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;border-radius:33px;border:1px solid #444;background-color:#1e1e1e;color:#fff;font-size:15px;box-sizing:border-box}.search-input:focus{outline:none;border-color:#a259ff;box-shadow:0 0 0 2px #a259ff4d}.search-button{background-color:#a259ff;color:#fff;border:none;padding:12px 24px;border-radius:33px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 0 10px #a259ff4d;white-space:nowrap}.search-button:hover:not(:disabled){background-color:#8a3ffc;transform:translateY(-2px);box-shadow:0 0 15px #a259ff80}.search-button:disabled{background-color:#666;cursor:not-allowed;transform:none;box-shadow:none}.clear-search-button{background:none;border:1px solid #a259ff;color:#a259ff;padding:12px 16px;border-radius:33px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;white-space:nowrap}.clear-search-button:hover:not(:disabled){background-color:none}.clear-search-button:disabled{opacity:.5;cursor:not-allowed}.filters-toggle-container{text-align:right;margin-bottom:15px}.toggle-filters-button{background:none;border:1px solid #a259ff;color:#a259ff;padding:8px 15px;border-radius:33px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.toggle-filters-button:hover:not(:disabled){background-color:none}.toggle-filters-button:disabled{opacity:.5;cursor:not-allowed}.filter-section{border-top:1px solid #444;padding-top:20px;margin-top:15px}.filter-section h4{color:#fff;margin-bottom:12px}.channel-checkboxes{display:flex;flex-wrap:wrap;gap:15px}.channel-checkbox-label{display:flex;align-items:center;gap:8px;background-color:#333;padding:8px 12px;border-radius:20px;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.channel-checkbox-label:hover{background-color:#444}.channel-checkbox{margin:0}.range-filters-container{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin:25px 0}.range-filter-group h4{color:#fff;margin-bottom:15px;font-size:.95rem}.dual-range-slider{position:relative;height:40px;display:flex;align-items:center;margin-bottom:15px}.range-slider{position:absolute;width:100%;height:4px;background:none;-webkit-appearance:none;appearance:none;z-index:2}.range-slider::-webkit-slider-thumb{pointer-events:all;width:20px;height:20px;border-radius:50%;background:transparent;border:2px solid #a259ff;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;position:relative;z-index:3;margin-top:-8px;transform:translate(0);transition:all .2s ease}.range-slider::-moz-range-thumb{pointer-events:all;width:20px;height:20px;border-radius:50%;background:transparent;border:2px solid #a259ff;cursor:pointer;box-shadow:none;position:relative;z-index:3;margin-top:-8px;transform:translate(0);transition:all .2s ease}.range-slider-min[value="0"]::-webkit-slider-thumb{transform:translate(-10px)}.range-slider-min[value="0"]::-moz-range-thumb{transform:translate(10px)}.range-slider-max[value="100"]::-webkit-slider-thumb,.range-slider-max[value="10000000"]::-webkit-slider-thumb,.range-slider-max[value="3600"]::-webkit-slider-thumb,.range-slider-max[value="10"]::-webkit-slider-thumb{transform:translate(10px)}.range-slider-max[value="100"]::-moz-range-thumb,.range-slider-max[value="10000000"]::-moz-range-thumb,.range-slider-max[value="3600"]::-moz-range-thumb,.range-slider-max[value="10"]::-moz-range-thumb{transform:translate(10px)}.range-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:transparent;border-radius:2px}.range-slider::-moz-range-track{width:100%;height:4px;background:transparent;border-radius:2px;border:none}.dual-range-slider:before{content:"";position:absolute;height:4px;width:100%;background:#444;border-radius:2px;z-index:1}.dual-range-slider:after{content:"";position:absolute;height:4px;background:#a259ff;box-shadow:0 0 8px #a259ffb3;border-radius:2px;left:calc((var(--min-value, 0) / var(--max-range, 100)) * 100% + 10px);right:calc(100% - ((var(--max-value, 100) / var(--max-range, 100)) * 100%) + 10px);z-index:1}.range-values{display:flex;width:100%;justify-content:space-between;padding:0 4px;position:absolute;top:100%;margin-top:10px;font-size:14px;color:#fff;font-weight:500;z-index:1;pointer-events:none}.min-value{text-align:left}.max-value{text-align:right}.range-slider-min{z-index:3}.range-slider-max{z-index:2}.select-filters-row{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:25px}.filter-select-group{display:flex;flex-direction:column;flex:1;min-width:200px}.filter-select-group label{margin-bottom:8px;font-weight:500;color:#fff;font-size:.95rem}.filter-select{padding:10px;border-radius:6px;border:1px solid #444;background-color:#1e1e1e;color:#fff;font-size:14px;cursor:pointer}.filter-select:focus{outline:none;border-color:#a259ff;box-shadow:0 0 0 2px #a259ff33}.filter-select:disabled{opacity:.6;cursor:not-allowed}.filter-actions{display:flex;justify-content:flex-start;gap:15px;margin-top:10px}.apply-filters-button{background-color:#a259ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 0 10px #a259ff4d}.apply-filters-button:hover:not(:disabled){background-color:#8a3ffc;transform:translateY(-2px);box-shadow:0 0 15px #a259ff80}.apply-filters-button:disabled{background-color:#666;cursor:not-allowed;transform:none;box-shadow:none}.reset-filters-button{background:none;border:1px solid #a259ff;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;transition:all .2s ease}.reset-filters-button:hover:not(:disabled){background-color:none}.reset-filters-button:disabled{opacity:.5;cursor:not-allowed}.search-error-message{background-color:#ff00001a;color:#ff6b6b;padding:15px;border-radius:6px;border:1px solid rgba(255,0,0,.3);text-align:center;font-weight:500;margin-bottom:20px}@media (max-width: 768px){.search-filters-section{margin-top:30px}.search-form{padding:15px}.search-input-group{flex-direction:column}.range-filters-container{grid-template-columns:1fr;gap:25px}.select-filters-row{flex-direction:column;gap:15px}.filter-select-group{min-width:100%}.channel-checkboxes{gap:10px}.channel-checkbox-label{padding:6px 10px;font-size:.85rem}.range-slider::-webkit-slider-thumb{width:18px;height:18px}.range-slider::-moz-range-thumb{width:18px;height:18px}}@media (max-width: 1024px){.range-filters-container{grid-template-columns:1fr}}.channel-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:2px solid #444;border-radius:4px;background-color:#1e1e1e;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.channel-checkbox:after{content:"";display:block;width:5px;height:10px;border:solid #a259ff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease;position:absolute}.channel-checkbox:checked:after{opacity:1}.channel-checkbox:hover{background-color:#2a2a2a;border-color:#555}.channel-checkbox:checked{background-color:#1e1e1e;border-color:#a259ff}.channel-checkbox-label{cursor:pointer}.search-type-options{display:flex;flex-direction:column;gap:8px}.search-type-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.search-type-label input[type=radio]{margin:0}.search-type-description{font-size:.9em;color:#666;margin-top:8px;font-style:italic}.saved-channels-videos-section{margin-top:40px;padding-top:20px;border-top:1px solid #444}.saved-channels-videos-section h3{color:#fff;margin-bottom:20px}.saved-channels-videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.video-card{background:#2a2a2a;border-radius:12px;overflow:hidden;box-shadow:0 0 8px #a259ffb3;transition:transform .2s ease,box-shadow .2s ease;height:100%;border:1px solid #a259ff}.video-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.video-card-link{text-decoration:none;color:inherit;display:block;height:100%}.video-thumbnail-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.video-card:hover .video-thumbnail{transform:scale(1.05)}.duration-overlay{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;font-weight:500}.video-info{padding:12px;display:flex;flex-direction:column;gap:8px}.video-title{font-size:14px;font-weight:600;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:2.8em;color:#fff;line-clamp:2;-webkit-box-orient:vertical}.video-meta{font-size:12px;color:#aaa}.channel-name{display:block;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-stats{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.view-count,.publish-date{font-size:11px;color:#888}.outlier-score{display:flex;align-items:center;gap:4px;font-size:11px;background:#a259ff1a;box-shadow:0 0 8px #a259ffb3;padding:4px 8px;border-radius:12px;margin-top:4px;width:fit-content;color:#a259ff;margin-left:auto;flex-shrink:0;white-space:nowrap}.score-value{font-weight:600}.load-more-container{text-align:center;margin-top:30px}.load-more-button{background-color:#a259ff;color:#fff;border:none;padding:12px 24px;border-radius:33px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 0 10px #a259ff4d}.load-more-button:hover{background-color:#8a3ffc;transform:translateY(-2px);box-shadow:0 0 15px #a259ff80}.no-videos{text-align:center;padding:40px 20px;color:#888;font-style:italic;grid-column:1 / -1}.loading-videos{text-align:center;padding:30px;font-size:1.1rem;color:#aaa}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.result-card{background:#2a2a2a;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0003;transition:transform .2s ease,box-shadow .2s ease}.result-card:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-5px)}.thumbnail-link{text-decoration:none;color:inherit;display:block}.video-title-link{text-decoration:none;color:inherit;flex:1;display:flex;flex-direction:column}.channel-name-meta,.view-count,.outlier-score{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.initial-prompt,.no-results{text-align:center;padding:40px 20px;color:#888;font-style:italic}.loading-results{text-align:center;padding:50px 20px}.loading-results .loader{width:50px;height:50px;border:5px solid #2a2a2a;border-top:5px solid #a259ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@media (max-width: 1024px){.saved-channels-videos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.saved-channels-videos-grid{grid-template-columns:1fr;gap:16px}.video-info{padding:10px}.video-title{font-size:13px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.video-detail-modal{background:#2a2a2a;border-radius:12px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;position:relative;border:2px solid #a259ff;box-shadow:0 10px 30px #00000080}.modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:none;color:#fff}.modal-content{padding:25px}.video-thumbnail-large{position:relative;width:100%;border-radius:8px;overflow:hidden;margin:20px 0;border:1px solid #444}.video-thumbnail-large img{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.video-thumbnail-large .duration-overlay{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.video-header{margin-bottom:20px;text-align:center}.modal-title{color:#fff;margin:0 0 8px;font-size:1.3rem;line-height:1.4}.channel-name-section{display:flex;align-items:center;justify-content:center;gap:5px;color:#aaa}.channel-by{font-size:.9rem;color:#888}.channel-name{font-size:1rem;color:#fff;font-weight:600}.video-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:15px;background:#1e1e1e;border-radius:8px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.85rem;color:#aaa;margin-bottom:4px}.stat-value{font-size:1rem;color:#fff;font-weight:600}.description-section,.tags-section{background:#1e1e1e;padding:15px;border-radius:8px;margin-bottom:15px}.description-section h4,.tags-section h4{color:#fff;margin:0 0 12px;font-size:1.1rem}.video-description{color:#ccc;line-height:1.5;white-space:pre-wrap;max-height:150px;overflow-y:auto;font-size:.9rem}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.video-tag{background:#a259ff;color:#fff;padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:500}.watch-on-youtube-button{background:none;color:#fff;padding:12px 24px;border-radius:20px;text-decoration:none;font-weight:600;font-size:1rem;text-align:center;display:inline-block;width:auto;margin-top:20px}.modal-body{text-align:center}@media (max-width: 768px){.modal-content{padding:20px}.video-thumbnail-large{margin:15px 0}.video-thumbnail-large img{max-height:250px}.modal-title{font-size:1.2rem}.video-stats-grid{grid-template-columns:repeat(2,1fr)}.watch-on-youtube-button{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.video-stats-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.video-thumbnail-large{margin:10px 0}.video-thumbnail-large img{max-height:200px}.modal-title{font-size:1.1rem}}.video-actions{display:flex;justify-content:center;gap:15px;margin:20px 0}.action-button{background:none;border:1px solid #444;color:#aaa;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:6px;transition:none}.action-button:hover{background:none;color:#aaa;border-color:#444}.action-button:active{transform:none}.action-icon{width:16px;height:16px}.niche-dashboard{background-color:#0e0e0e;color:#f5f5f5;padding:20px;max-width:1000px;margin:0 auto;border-radius:20px;display:flex;flex-direction:column;gap:32px}.dash-header{display:flex;max-width:1000px;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.dash-header h1{font-size:1.75rem;font-weight:700}.dash-periods{display:flex;flex-wrap:wrap;gap:8px}.period-btn{background:#000;border:1px solid #a259ff;color:#fff;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px}.period-btn:hover{border-color:#a259ff;color:#fff}.period-btn.active{background:#a259ff;color:#fff;border-color:#a259ff}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.overview-card{background:#000;padding:20px;border-radius:20px;box-shadow:0 0 12px #a259ff1a}.overview-card:hover{box-shadow:0 0 15px #a259ff40}.overview-card p{color:#aaa;font-size:.9rem;margin-bottom:8px}.overview-card h3{font-size:1.5rem;color:#a259ff}.chart-card,.table-card{background:#1a1a1a;border-radius:20px;padding:20px;box-shadow:0 0 10px #a259ff26}.chart-header{margin-bottom:16px}.chart-header h2{font-size:1.2rem;color:#fff;font-weight:600}.table-scroll{overflow-x:auto}.dark-table{width:100%;border-collapse:collapse}.dark-table th,.dark-table td{padding:12px 14px;text-align:left;font-size:.9rem}.dark-table thead{background:#151515;color:#ccc}.dark-table tbody tr{border-top:1px solid #2a2a2a}.dark-table tbody tr:hover{background:#2a2a2a}.video-cell{display:flex;align-items:center;gap:10px}.video-cell img{width:80px;height:50px;border-radius:6px;object-fit:cover}.dash-loading,.dash-error{text-align:center;padding:20px;color:#ccc}.dash-error{color:#ef4444}@media (max-width: 768px){.niche-dashboard{padding:20px}.chart-header h2{font-size:1rem}}.saved-channels-container{padding:20px;max-width:1000px;margin:0 auto;color:#ccc}.saved-channels-container h2,.saved-channels-container h3{color:#fff}.saved-channels-header{text-align:center;margin-bottom:40px;padding:0 20px}.main-title{font-size:3rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.1}.main-subtitle{font-size:1.2rem;color:#aaa;line-height:1.5;max-width:600px;margin:0 auto}.channels-header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.niche-analytics-button{background:#a259ff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;white-space:nowrap}.niche-analytics-button:hover{background:#8a3ffc;transform:translateY(-2px);box-shadow:0 4px 12px #a259ff4d}.expand-channels-container{display:flex;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid #444}.expand-channels-button{background:none;border:1px solid #a259ff;color:#a259ff;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:500;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.expand-channels-button:hover{background:#a259ff1a;transform:translateY(-2px)}@media (max-width: 768px){.channels-header-with-button{flex-direction:column;align-items:flex-start}.niche-analytics-button{align-self:flex-end}.expand-channels-button{width:100%;justify-content:center}}@media (max-width: 768px){.saved-channels-header{margin-bottom:30px}.main-title{font-size:2.5rem}.main-subtitle{font-size:1.1rem;padding:0 10px}}@media (max-width: 480px){.main-title{font-size:2rem}.main-subtitle{font-size:1rem}}@media (max-width: 768px){.saved-channels-container{padding:15px}}.niche-analytics-page{width:100%;min-height:100vh;background-color:#1e1e1e;color:#e0e0e0;box-sizing:border-box}.content-wrapper{max-width:1000px;margin:0 auto;padding:40px 20px}.niche-analytics-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;border-bottom:1px solid #1f1f1f;padding-bottom:1rem}.niche-analytics-header .page-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.niche-analytics-header .page-subtitle{color:#aaa;margin-top:.4rem;font-size:.95rem;line-height:1.4}.back-button{color:#fff;background:#a259ff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:background .2s ease}.back-button:hover{background:#8b3fff}.niche-analytics-main{background:#0e0e0e;border:none;border-radius:15px;padding:32px;box-shadow:0 0 20px #0006;margin-bottom:2rem}.niche-analytics-footer{text-align:center;border-top:1px solid #1f1f1f;padding-top:1rem;color:#777;font-size:.9rem}@media (max-width: 768px){.content-wrapper{padding:24px 15px;max-width:100%}.niche-analytics-header{flex-direction:column;align-items:flex-start}.niche-analytics-main{padding:20px}}.tts-form input,.tts-form select,.tts-form textarea,.tts-form button{border:none!important;outline:none!important}.tts-form input:focus,.tts-form select:focus,.tts-form textarea:focus,.tts-form button:focus{border:none!important;outline:none!important}.tts-container{padding:20px;max-width:800px;margin:0 auto;color:#ccc}.tts-header{text-align:center;margin-bottom:20px}.tts-header h1{margin-bottom:10px}.header-description{font-size:1rem;color:#888;max-width:500px;margin:0 auto;line-height:1.4}.tts-form{background-color:#2a2a2a;padding:20px;border-radius:20px;margin-bottom:20px;box-shadow:0 4px 15px #0003}.form-group.main-text-input{margin-bottom:15px}.form-group.main-text-input label{display:block;margin-bottom:8px;font-weight:500;color:#fff;font-size:.9rem}.form-group.main-text-input textarea{width:100%;padding:12px;border-radius:15px;background-color:#1e1e1e;color:#fff;font-size:14px;box-sizing:border-box;transition:all .2s ease;resize:vertical;min-height:120px;font-family:inherit}.form-group.main-text-input textarea:focus{box-shadow:0 0 0 2px #a259ff4d}.talk-button{background:linear-gradient(135deg,#a259ff,#8a3ffc)!important;color:#fff!important;padding:12px 50px!important;border-radius:20px!important;cursor:pointer!important;font-weight:600!important;font-size:16px!important;transition:all .3s ease!important;width:fit-content!important;min-width:120px!important;margin:20px auto 10px!important;box-shadow:0 2px 10px #a259ff4d!important;display:block!important;border:none!important}.talk-button:disabled{background:#666!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.talk-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #a259ff66!important}.dropdowns-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;position:relative}.form-group.compact{margin-bottom:0;min-width:0;display:flex;flex-direction:column;align-items:center}.form-group.compact label{font-size:.8rem;margin-bottom:4px;color:#aaa;text-align:center;white-space:nowrap}.button-dropdown{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.dropdown-trigger{width:100%;padding:8px 12px;background-color:#1e1e1e;color:#fff;border-radius:15px;font-size:12px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:36px;line-height:1.2}.dropdown-trigger:hover{transition:none}.dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.button-options-grid{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:5px;background:#2a2a2a;border-radius:15px;padding:8px;box-shadow:0 8px 25px #0000004d;z-index:1000;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;max-height:140px;overflow-y:auto;min-width:180px;width:fit-content}.option-button{padding:6px 8px;background:#000;color:#ccc;border-radius:12px;font-size:11px;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:28px;line-height:1.2}.option-button:hover{background:#2a2a2a;color:#fff}.option-button.selected{background:linear-gradient(135deg,#a259ff,#8a3ffc);color:#fff;box-shadow:0 2px 6px #a259ff4d}.form-group.compact-prompt{margin-bottom:0}.form-group.compact-prompt label{display:block;margin-bottom:6px;font-weight:500;color:#fff;font-size:.85rem}.form-group.compact-prompt textarea{width:100%;padding:8px 12px;border-radius:15px;background-color:#1e1e1e;color:#fff;font-size:13px;box-sizing:border-box;transition:all .2s ease;resize:vertical;min-height:60px;font-family:inherit}.audio-results{background-color:#000;padding:20px;border-radius:15px;box-shadow:0 4px 15px #00000040;color:#ddd;margin-top:20px;animation:fadeInContainer .8s ease forwards;opacity:0}@keyframes fadeInContainer{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.audio-results h3{color:#a259ff;text-align:center;font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:8px}.audio-player-container{background:#000;border-radius:8px;padding:15px;text-align:center}.audio-player-container audio{width:100%;margin-bottom:12px}.download-section{text-align:center;margin-top:12px}.download-button{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;padding:8px 16px!important;border-radius:15px!important;cursor:pointer!important;font-weight:600!important;font-size:13px!important;transition:all .3s ease!important;text-decoration:none!important;display:inline-block!important;border:none!important}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166!important}.audio-info{text-align:center;margin-top:12px;font-size:.85rem;color:#888}.audio-info p{margin:4px 0}.error-message{color:#a259ff!important;padding:8px 12px;margin-top:10px;background-color:#000!important;border-radius:15px;text-align:center;font-weight:500;font-size:.85rem;font-weight:700!important}.helper-text{color:#888;font-size:.75rem;margin-top:4px;line-height:1.3}.loading{text-align:center;padding:20px}.loading .loader{width:35px;height:35px;border:3px solid #2a2a2a;border-top:3px solid #a259ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.button-dropdown:nth-child(1) .button-options-grid{z-index:1002}.button-dropdown:nth-child(2) .button-options-grid{z-index:1003}.button-dropdown:nth-child(3) .button-options-grid{z-index:1004}@media (max-width: 768px){.tts-container{padding:15px;max-width:100%}.tts-form{padding:15px}.dropdowns-row{grid-template-columns:1fr;gap:8px}.button-options-grid{position:fixed;left:10px;right:10px;top:50%;transform:translateY(-50%);max-height:60vh;z-index:1001;grid-template-columns:repeat(2,1fr);min-width:auto}}@media (max-width: 480px){.tts-container{padding:10px}.tts-form{padding:12px}.form-group.main-text-input textarea{padding:10px;font-size:13px}.talk-button{padding:10px 40px!important;font-size:14px!important}.dropdown-trigger{font-size:11px;padding:6px 8px;min-height:32px}.option-button{font-size:10px;padding:5px 6px;min-height:26px}.button-options-grid{grid-template-columns:1fr}}.audio-library{padding:20px;max-width:1000px;margin:0 auto}.library-header{text-align:center;margin-bottom:30px}.library-header h1{color:#a259ff;margin-bottom:10px}.library-header p{color:#888;font-size:1.1rem}.audio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.audio-card{background:#2a2a2a;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0003;transition:transform .2s ease}.audio-card:hover{transform:none}.audio-player{margin-bottom:15px;min-height:60px}.audio-player audio{width:70%;border-radius:15px}.audio-loading{display:flex;align-items:center;justify-content:center;padding:20px;background:#1e1e1e;border-radius:10px;color:#888;min-height:60px}.loading-spinner{width:20px;height:20px;border:2px solid #333;border-top:2px solid #a259ff;border-radius:50%;animation:spin .2s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-error{text-align:center;padding:15px;background:#1e1e1e;border-radius:10px;color:#fff;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.retry-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.retry-btn{background:#a259ff;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem}.download-instead-btn{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem}.audio-info h4{color:#fff;margin-bottom:10px;word-break:break-word}.audio-meta p{margin:5px 0;color:#ccc;font-size:.9rem}.audio-actions{display:flex;gap:10px;margin-top:15px}.download-btn{background:#000;color:#a259ff;border:1px solid #a259ff;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:.9rem;flex:1;transition:all .3s ease}.download-btn:disabled{background:#666;cursor:not-allowed;opacity:.7}.download-btn:hover:not(:disabled){transform:none;box-shadow:none}.delete-btn{background:#000;color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:.9rem;flex:1;transition:all .3s ease}.delete-btn:hover{transform:none;box-shadow:0 4px 12px #dc262666}.empty-state{text-align:center;padding:60px 20px;color:#888}.empty-state h3{margin-bottom:10px;color:#ccc}.error-message{background:#000;color:#a259ff;padding:12px 16px;border-radius:10px;margin-bottom:20px;text-align:center;font-weight:500;display:flex;justify-content:center;align-items:center}.dismiss-error{background:transparent!important;border:none!important;color:#a259ff!important;cursor:pointer;font-size:1.2rem;padding:0 0 0 10px!important;margin:0!important}.loading{text-align:center;padding:60px 20px;color:#ccc}@media (max-width: 768px){.audio-library{padding:15px}.audio-grid{grid-template-columns:1fr}.audio-actions{flex-direction:column}.retry-actions{flex-direction:column;width:100%}.retry-btn,.download-instead-btn{width:100%}.audio-player audio{width:100%}}.dashboard-container{width:100%;min-height:100vh;background-color:#1e1e1e;color:#e0e0e0;box-sizing:border-box}.content-wrapper{max-width:1000px;margin:0 auto;padding:20px}.dashboard-content{background-color:#1e1e1e;border-radius:12px;padding:40px}.dashboard-content h1{color:#fff;font-size:2.5rem;margin-bottom:15px;font-weight:700}.dashboard-subtitle{color:#ccc;font-size:1.1rem;margin-bottom:40px;line-height:1.6}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-top:30px}.dashboard-card{background-color:#000;border-radius:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 8px 20px #a259ff33;border-color:#a259ff}.card-icon{font-size:2.5rem;margin-bottom:15px}.dashboard-card h3{color:#fff;font-size:1.3rem;margin-bottom:12px}.dashboard-card p{color:#bbb;line-height:1.5;margin-bottom:20px}.dashboard-card-link{color:#a259ff;text-decoration:none;font-weight:600;display:inline-block;transition:color .2s ease}.dashboard-card-link:hover{color:#8a3ffc}@media (max-width: 768px){.content-wrapper{padding:15px;max-width:100%}.dashboard-content{padding:25px}.dashboard-content h1{font-size:2rem}.dashboard-cards{grid-template-columns:1fr}}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.card-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:150px}.card-links .dashboard-card-link{font-size:.95rem;text-align:right;white-space:nowrap}.card-top>div:first-child{flex:1}.card-top>div:first-child p{padding-right:20px}.dashboard-pricing-section{margin:40px 0;text-align:center}.dashboard-pricing-section h2{color:#fff;font-size:2rem;margin-bottom:1rem}.dashboard-pricing-cards{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.dashboard-price-card{position:relative;background:#000;border:1px solid #a259ff;border-radius:20px;padding:2.5rem 2rem;width:280px;color:#fff;transition:transform .4s ease}.dashboard-price-card.yearly{border-color:#a259ff}.dashboard-price-card:hover{box-shadow:0 0 25px #a259ff33}.dashboard-price-card-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;position:relative}.dashboard-price-card-header h3{color:#fff;font-size:1.4rem;margin:0}.dashboard-price{font-size:2rem;color:#a259ff;font-weight:700;margin-bottom:1rem}.dashboard-price span{color:#888;font-size:1rem;font-weight:400}.dashboard-price-card ul{list-style:none;padding:0;margin:1.5rem 0;color:#fff;text-align:left;line-height:2}.dashboard-price-card li:before{content:"✔ ";color:#a259ff}.dashboard-pricing-btn{background-color:#a259ff;color:#fff;border:none;padding:15px 30px;font-size:16px;border-radius:10px;cursor:pointer;width:100%;transition:background-color .3s ease;font-weight:600}.dashboard-pricing-btn:hover{background-color:#8a3ffc}.dashboard-savings-badge{background:#a259ff;color:#fff!important;font-weight:600;padding:6px 12px;border-radius:12px;font-size:.8rem}@media (max-width: 768px){.dashboard-pricing-cards{flex-direction:column;align-items:center}.dashboard-price-card{width:90%}.dashboard-pricing-section{margin:20px 0}}.dashboard-price-card.semiannual{border-color:#a259ff}.settings-container{padding:2rem;margin:0 auto 0 60px;min-height:100vh;background:#0a0a0a;color:#e0e0e0}.settings-header{margin-bottom:3rem;text-align:center}.settings-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#a259ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-header p{color:#888;font-size:1.1rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.settings-card{background:linear-gradient(145deg,#1a1a1a,#151515);border:1px solid #333;border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#a259ff,#0f8);opacity:0;transition:opacity .3s ease}.settings-card:hover:before{opacity:1}.settings-card:hover{border-color:#444;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.main-card{grid-column:1 / -1;background:linear-gradient(145deg,#1a1a1a,#151515);border:1px solid #333}.secondary-card{background:linear-gradient(145deg,#1a1a1a,#151515);min-height:280px;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.card-icon{font-size:1.5rem;background:linear-gradient(135deg,#a259ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-card h2{margin:0;font-size:1.4rem;color:#fff;font-weight:600}.plan-details{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.plan-info{flex:1}.plan-name{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#a259ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-status{margin-bottom:1.5rem}.status-badge{font-weight:600;padding:.4rem 1rem;border-radius:20px;text-transform:capitalize;font-size:.9rem;border:1px solid}.status-badge.active{background:#00ff881a;color:#0f8;border-color:#00ff884d}.status-badge.inactive{background:#ff3b5c1a;color:#ff3b5c;border-color:#ff3b5c4d}.usage-stats{margin-top:1.5rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.usage-stats h4{margin:0 0 1rem;font-size:1.1rem;color:#fff;font-weight:600}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.usage-item{display:flex;flex-direction:column;gap:.5rem}.usage-label{font-size:.9rem;color:#888;font-weight:500}.usage-value{font-size:1.2rem;font-weight:700;color:#fff}.billing-date{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.billing-label{color:#888;font-size:.9rem}.billing-value{color:#0f8;font-weight:600}.plan-actions{display:flex;flex-direction:column;gap:.75rem;min-width:160px}.btn-subscribe,.btn-paypal{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;min-width:160px;font-size:.95rem}.btn-subscribe{background:linear-gradient(135deg,#a259ff,#8a3ffc);color:#fff}.btn-subscribe:hover{background:linear-gradient(135deg,#8a3ffc,#7a2ffc);transform:translateY(-2px);box-shadow:0 4px 16px #a259ff4d}.btn-paypal{background:linear-gradient(135deg,#0070ba,#005ea6);color:#fff;margin-top:auto}.billing-info{flex:1;display:flex;flex-direction:column}.billing-info p{margin:0 0 1.5rem;color:#888;line-height:1.5;flex:1}.account-info{display:flex;flex-direction:column;gap:1rem;flex:1}.info-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#fff;font-weight:500}.settings-loading{text-align:center;padding:3rem;font-size:1.1rem;color:#888}.error-message{background:#ff3b5c1a;border:1px solid #ff3b5c;color:#ff3b5c;padding:1rem;border-radius:8px;text-align:center;grid-column:1 / -1}@media (max-width: 1024px){.settings-grid{grid-template-columns:1fr;gap:1rem}.secondary-card{min-height:auto}}@media (max-width: 768px){.settings-container{margin-left:0;padding:1rem}.plan-details{flex-direction:column;gap:1.5rem}.plan-actions{width:100%}.usage-grid{grid-template-columns:1fr;gap:.75rem}.settings-card{padding:1.5rem}.card-header{margin-bottom:1rem}.settings-card h2{font-size:1.2rem}.plan-name{font-size:1.5rem}}:root{--accent: #a259ff;--bg-dark: #0d0d0d;--bg-light: #1a1a1a;--text: #ccc;--white: #fff}.homepage{font-family:DM Sans,system-ui,sans-serif;background:#000;color:var(--text);overflow-x:hidden}.hero{text-align:center;padding:8rem 2rem;background:#000;position:relative;background-size:cover;background-position:left center;background-repeat:no-repeat}.hero h1{font-size:3rem;color:var(--white);margin-bottom:1rem;font-weight:700}.hero h1 span{color:var(--accent);text-shadow:0 0 20px rgba(162,89,255,.5)}.hero p{max-width:650px;margin:0 auto 2rem;color:#aaa;font-size:1.1rem}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{padding:12px 28px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn.primary{margin-top:px;background:var(--accent);color:var(--white);box-shadow:0 0 25px #a259ff4d}.btn.primary:hover{background:#8a3ffc;transform:translateY(0)}.btn.secondary{border:2px solid var(--accent);background:transparent;color:var(--accent)}.btn.secondary:hover{background:#a259ff1a;transform:translateY(0)}.btn.large{padding:16px 36px;font-size:1.1rem}.start-writing-container{text-align:center;margin-top:60px;margin-bottom:60px;width:100%}.start-writing-btn{display:inline-block}.how-it-works{padding:6rem 2rem;text-align:center;background:#000}.how-it-works h2{color:var(--white);font-size:2rem;margin-bottom:1rem}.how-it-works span{color:var(--accent)}.how-desc{color:#aaa;max-width:600px;margin:0 auto 3rem}.steps{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.step{background:transparent;border:1px solid #a259ff;border-radius:16px;padding:2rem;width:280px;transition:transform .3s ease,box-shadow .3s ease}.step:hover{box-shadow:0 0 20px #a259ff4d}.step h3{color:var(--accent);margin-bottom:.3rem}.step h4{color:var(--white);margin-bottom:.5rem}.step p{color:#aaa;font-size:.95rem}.niche,.analytics,.scripts{padding:6rem 2rem;text-align:center;background:#0d0d0d;display:flex;align-items:center;justify-content:space-between;gap:40px;text-align:left}.niche h2,.analytics h2,.scripts h2{font-size:2rem;color:var(--white);margin-bottom:1rem}.niche span,.analytics span,.scripts span{color:var(--accent)}.niche p,.analytics p,.scripts p{color:#aaa;max-width:600px;font-size:1.05rem;line-height:1.6;flex:1;max-width:50%;margin:0}.niche .section-image,.analytics .section-image,.scripts .section-image{flex:1;width:50%;border-radius:12px;box-shadow:0 4px 20px #0000001a}.ttt{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:6rem 2rem;background:#0d0d0d;text-align:left}.ttt h2{font-size:2rem;color:var(--white);margin-bottom:1rem}.ttt span{color:var(--accent)}.ttt p{color:#aaa;max-width:600px;font-size:1.05rem;line-height:1.6}.ttt .video-container{flex:1;width:50%;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #a259ff26}.ttt .section-video{width:100%;border-radius:12px;display:block}.video-container{flex:1;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #a259ff26;margin-left:-200px}.section-video{width:100%;height:auto;border-radius:12px;display:block;transition:transform .4s ease,box-shadow .4s ease}.section-video:hover{box-shadow:0 0 40px #a259ff40}.section-image{display:block;margin:3rem auto 0;max-width:750px;width:90%;border-radius:20px;box-shadow:0 0 30px #a259ff26;transition:transform .4s ease,box-shadow .4s ease}.section-image:hover{box-shadow:0 0 40px #a259ff40}.pricing{padding:6rem 2rem;text-align:center;background:#000}.pricing h2{font-size:2rem;color:#fff;margin-bottom:1rem}.pricing span{color:#a259ff}.pricing-desc{color:#fff;max-width:600px;margin:0 auto 3rem}.pricing-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.price-card{position:relative;background:#000;border:1px solid #a259ff;border-radius:20px;padding:2.5rem 2rem;width:280px;color:#fff;overflow:hidden;transition:transform .4s ease}.price-card:hover{transform:none;box-shadow:0 0 25px #a259ff33}.price-card h3{color:var(--white);font-size:1.4rem;margin-bottom:.5rem}.price{font-size:2rem;color:var(--accent);font-weight:700;margin-bottom:1rem}.price span{color:#888;font-size:1rem;font-weight:400}.price-card ul{list-style:none;padding:0;margin:1.5rem 0;color:#fff;text-align:left;line-height:2}.price-card li:before{content:"✔ ";color:var(--accent)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;position:relative}.pricing-toggle span{color:#fff;font-weight:500;font-size:1rem}.pricing-toggle span.active{color:#fff}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#a259ff}input:checked+.slider:before{transform:translate(30px)}.price-card-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;position:relative}.price-card-header h3{margin:0}.savings-badge{background:#a259ff;color:#fff!important;font-weight:600;padding:4px 8px;border-radius:12px;font-size:.8rem;margin-left:.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.faq{padding:6rem 2rem;text-align:center;background-color:#0d0d0d}.faq h2{font-size:2rem;color:var(--white);margin-bottom:2rem}.faq span{color:var(--accent)}.faq-list{max-width:700px;margin:0 auto;text-align:left}.faq-list details{background:#141414;border:1px solid #222;border-radius:12px;padding:1.2rem 1.5rem;margin-bottom:1rem;cursor:pointer;transition:box-shadow .3s ease}.faq-list details:hover{box-shadow:none}.faq-list summary{font-weight:600;color:var(--white);list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary:after{transform:rotate(180deg)}.faq-list summary:after{content:"⌄";position:absolute;right:0;color:var(--accent);transition:transform .3s ease}.faq-list p{color:#aaa;margin-top:.8rem;line-height:1.5}@media (max-width: 768px){.hero h1{font-size:2.2rem}.steps{flex-direction:column;align-items:center}.step{width:90%}.ttt{flex-direction:column;text-align:center;gap:2rem}.ttt .video-container{width:100%;max-width:500px;margin:0 auto}.ttt .text-content{max-width:100%;margin:0 auto}.video-container{width:100%;margin-left:0!important}.pricing-cards{flex-direction:column;align-items:center}.price-card{width:90%}.pricing-toggle{gap:.8rem}.pricing-toggle span{font-size:.9rem}.toggle-switch{width:50px;height:25px}.slider:before{height:18px;width:18px}input:checked+.slider:before{transform:translate(25px)}.niche,.analytics,.scripts{flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:2rem}.niche p,.analytics p,.scripts p{max-width:100%}.niche .section-image,.analytics .section-image,.scripts .section-image{width:100%}.niche .text-content,.analytics .text-content,.scripts .text-content{max-width:100%;text-align:center;margin:0 auto}.section-image{width:100%;max-width:500px;margin:0 auto}.hero{background-position:center top;background-size:contain;background-repeat:no-repeat;background-color:#000}}.terms-container{min-height:100vh;background-color:#1e1e1e;padding:40px 20px;color:#ccc}.terms-content{max-width:800px;margin:0 auto;background-color:#2a2a2a;padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000026}.terms-content h1{color:#a259ff;font-size:2.5rem;margin-bottom:10px;text-align:center}.terms-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #444}.terms-section:last-child{border-bottom:none;margin-bottom:0}.terms-section h2{color:#fff;font-size:1.3rem;margin-bottom:15px;color:#a259ff}.terms-section p{line-height:1.6;margin-bottom:10px}.terms-section ul{margin:15px 0;padding-left:20px}.terms-section li{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.terms-container{padding:20px 15px}.terms-content{padding:25px}.terms-content h1{font-size:2rem}}.privacy-policy-container{min-height:100vh;background-color:#1e1e1e;padding:40px 20px;color:#ccc}.privacy-policy-content{max-width:800px;margin:0 auto;background-color:#2a2a2a;padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000026}.privacy-policy-title{color:#a259ff;font-size:2.5rem;margin-bottom:10px;text-align:center}.policy-intro{font-size:1.1rem;line-height:1.6;margin-bottom:30px}.policy-section p,.policy-section ul{line-height:1.6;margin-bottom:10px}@media (max-width: 768px){.privacy-policy-container{padding:20px 15px}.privacy-policy-content{padding:25px}.privacy-policy-title{font-size:2rem}}.refund-policy-container{min-height:100vh;background-color:#1e1e1e;padding:40px 20px;color:#ccc}.refund-policy-content{max-width:800px;margin:0 auto;background-color:#2a2a2a;padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000026}.refund-policy-content h1{color:#a259ff;font-size:2.5rem;margin-bottom:10px;text-align:center}.last-updated{color:#888;text-align:center;margin-bottom:40px;font-style:italic}.policy-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #444}.policy-section:last-child{border-bottom:none;margin-bottom:0}.policy-section h2{color:#fff;font-size:1.3rem;margin-bottom:15px;color:#a259ff}.policy-section p{line-height:1.6;margin-bottom:10px}.policy-section ul{margin:15px 0;padding-left:20px}.policy-section li{margin-bottom:8px;line-height:1.5}.policy-section a{color:#a259ff;text-decoration:none}.policy-section a:hover{text-decoration:underline}.policy-intro{font-size:1.1rem;line-height:1.7;margin-bottom:30px;text-align:center}@media (max-width: 768px){.refund-policy-container{padding:20px 15px}.refund-policy-content{padding:25px}.refund-policy-content h1{font-size:2rem}.policy-section h2{font-size:1.2rem}}.toptube-header{background-color:#000;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;z-index:100;position:relative}.sidebar-present .toptube-header{width:100%;margin-left:0}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%}.logo-container{display:flex;align-items:center;text-decoration:none;transition:opacity .2s}.header-logo{height:40px;width:auto;object-fit:contain}.header-user-info{display:flex;align-items:center;gap:15px;flex-shrink:0}.user-greeting{font-size:.9rem;color:#ccc}.login-button,.logout-button{background-color:#a259ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;white-space:nowrap}.login-button:hover,.logout-button:hover{background-color:#8a3ffb}@media (max-width: 768px){.toptube-header{padding:1rem}.sidebar-present .toptube-header{width:calc(100% - 60px);margin-left:60px}.header-title{font-size:1.5rem}.header-user-info{gap:10px}.login-button,.logout-button{padding:6px 12px;font-size:.9rem}}@media (max-width: 480px){.toptube-header{flex-direction:column;gap:10px;padding:.8rem}.header-content{flex-direction:column;gap:10px;text-align:center}.header-user-info{justify-content:center}}.footer{background:#000;color:#ccc;padding:60px 5%;border-top:1px solid #1a1a1a;font-family:DM Sans,system-ui,sans-serif}.footer-content{max-width:1400px;margin:0 auto}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:48px}.footer-logo-img{width:100px;height:100px;opacity:.9}.footer-brand-name{color:#d4d4d4;font-size:18px;font-weight:500}.footer-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:48px}.footer-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:16px;padding:24px;transition:border-color .3s ease}.footer-card:hover{border-color:#262626}.footer-card h4{color:#fff;font-size:16px;font-weight:500;margin:0 0 16px}.footer-card a{display:block;color:#999;text-decoration:none;font-size:14px;margin-bottom:8px;transition:color .3s ease}.footer-card a:hover{color:#a259ff}.footer-card p{color:#666;font-size:14px;margin:0 0 16px;line-height:1.5}.dot{display:inline-block;width:8px;height:8px;background:#a3ff00;border-radius:50%;margin-left:8px;vertical-align:middle}.social-icons{display:flex;gap:12px}.social-icon{width:40px;height:40px;background:#1a1a1a;border:1px solid #262626;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;transition:all .3s ease;cursor:pointer}.social-icon:hover{background:#262626;border-color:#a259ff;color:#a259ff}.newsletter-input{display:flex;align-items:center;background:#1a1a1a;border:1px solid #262626;border-radius:8px;overflow:hidden;transition:border-color .3s ease}.newsletter-input:hover{border-color:#333}.newsletter-input input{flex:1;background:transparent;border:none;color:#ccc;padding:10px 16px;font-size:14px;outline:none}.newsletter-input input::placeholder{color:#555}.newsletter-input button{background:transparent;border:none;color:#a259ff;padding:10px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.newsletter-input button:hover{color:#8a3ffc}.footer-bottom{text-align:right;padding-top:16px}.footer-bottom p{color:#555;font-size:14px;margin:0}@media (max-width: 900px){.footer-cards-grid{grid-template-columns:1fr}.footer-bottom{text-align:center}}: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:#a259ff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{width:100%;margin:0;padding:0;overflow-x:hidden}body{min-width:320px;min-height:100vh;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:20px;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;color:#fff}button:hover{border-color:#a259ff;color:#fff}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#000;color:#fff}}
