@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body,html{background-color:#282c34;margin:0;min-height:100vh;overscroll-behavior-y:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--app-height:100vh}.App{min-height:100vh;min-height:var(--app-height);padding-bottom:140px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;flex-grow:1;font-size:calc(10px + 2vmin);justify-content:center;padding:20px}.App-header h1{border:1px solid #61dafb;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:30px;padding:10px 20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.controls-container{flex-direction:column;gap:10px;margin-bottom:20px;max-width:600px}.controls-container,.input-container{display:flex;width:100%}.clear-btn-left{background-color:#61dafb;border:none;border-radius:4px 0 0 4px;color:#282c34;cursor:pointer;font-size:16px;font-weight:700;margin-right:-1px;padding:12px 20px;transition:transform .1s ease}.clear-btn-left:active{transform:scale(.98)}input[type=text]{border:1px solid #ccc;border-radius:4px 0 0 4px;flex-grow:1;font-size:16px;padding:12px}select{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#282c34;font-size:14px;font-weight:400;line-height:1.4;padding:10px}button{background-color:#61dafb;border:none;border-radius:0 4px 4px 0;color:#282c34;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:transform .1s ease}button:active{transform:scale(.98)}button:disabled{background-color:#ccc;cursor:not-allowed}.error{color:red;margin-top:10px}.video-list{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0 20px;width:100%}.source-type-title{align-items:center;background-color:initial;border:1px solid #61dafb;border-radius:4px;color:#61dafb;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;justify-content:center;padding:8px 15px;text-align:center}.video-section-header{align-items:center;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-start;margin-bottom:20px;max-width:100%;padding:0 20px;width:100%}.video-item{background-color:#3a3f4a;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;text-align:left}.video-item img{aspect-ratio:16/9;background-color:#20232a;display:block;width:100%}.video-details{display:flex;flex-direction:column;flex-grow:1;padding:15px}.video-details>h3,.video-details>p{margin-bottom:8px}.video-details>.small-summarize-btn{display:inline-flex}.video-details .button-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-top:auto;padding-top:10px}.video-details h3{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 10px}.video-details h3 a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.video-details p{color:#ccc;font-size:14px;font-weight:400;line-height:1.4;margin:0 0 15px}.video-duration{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px}.video-date,.video-duration,.video-views{color:#aaa;font-size:13px;font-weight:400}.video-details a{color:#fff;text-decoration:none}.video-details a:hover{text-decoration:underline}.small-summarize-btn{background:#6edcff;border:none;border-radius:6px;color:#222;cursor:pointer;font-size:13px;font-weight:600;line-height:1.4;margin:2px 0;min-height:32px;min-width:32px;padding:0 8px;transition:background .2s}.small-summarize-btn:active{background:#3ec3e6}.small-summarize-btn:last-child{margin-right:0}@media (max-width:600px){.App-header{font-size:calc(12px + 2vmin);padding:10px 10px 50px}.input-container{align-items:center;flex-direction:column;width:100%}input[type=text],select{margin:0 0 10px;width:calc(100% - 22px)}.input-container:first-of-type{gap:10px}.input-container button{margin-right:0;width:100%}}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{align-items:stretch;background:#222b;border-radius:10px;box-shadow:0 4px 24px #000a;color:#fff;display:flex;flex-direction:column;min-width:320px;padding:24px 20px 16px}.modal h3{font-size:1.2rem;font-weight:600;margin:0 0 12px}.modal-input{border:1px solid #6edcff;border-radius:6px;font-size:1rem;margin-bottom:16px;outline:none;padding:8px 10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{background:#6edcff;border:none;border-radius:6px;color:#222;cursor:pointer;font-weight:700;padding:6px 16px;transition:background .2s}.modal-actions button:disabled{background:#aaa;color:#666;cursor:not-allowed}.sort-toggle-button{align-items:center;background-color:grey;border:1px solid #777;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin:0 5px;padding:3.5px 15px}.sort-toggle-button.reversed,.sort-toggle-button:hover{background-color:#61dafb;border-color:#61dafb}.sort-icon{color:#fff;font-size:1.2em}.sort-toggle-button.reversed .sort-icon{color:#282c34}@media (max-width:600px){.sort-toggle-button{flex-grow:1;margin:0;width:auto}}.user-info{align-items:center;display:flex;gap:10px;position:absolute;right:1rem;top:1rem}.balance-display{background-color:#3a3f4a;border:1px solid #61dafb;border-radius:4px;color:#fff;font-size:16px;padding:10px 15px}.status-bar-container{bottom:0;box-shadow:0 -2px 10px #0000004d;display:flex;flex-direction:column;left:0;position:fixed;right:0;z-index:1000}.status-bar{grid-gap:12px 16px;align-items:center;background:#282c34;border-top:1px solid #444c56;box-sizing:border-box;display:grid;gap:12px 16px;grid-template-areas:"status speed lang voice";grid-template-columns:auto minmax(240px,1fr) minmax(140px,auto) minmax(160px,auto);height:64px;padding:0 20px env(safe-area-inset-bottom)}.error-bar,.status-bar{font-size:14px;width:100%}.error-bar{background:#5c1a1a;border-top:1px solid #822020;color:#ffc0c0;padding:10px 20px;text-align:center}.status-item-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.status-info{grid-area:status}.speed-control{grid-area:speed}.lang-control{grid-area:lang}.voice-control{grid-area:voice}.control-group,.status-item{align-items:center;color:#abb2bf;display:flex;gap:8px}.icon{color:#abb2bf;font-size:20px}.status-value{color:#61dafb;font-weight:700}.status-value.loading{animation:pulse 1.5s ease-in-out infinite;color:gold}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.reload-btn{background-color:#61dafb;border:none;border-radius:0 4px 4px 0;color:#282c34;cursor:pointer;font-size:16px;font-weight:700;line-height:1;padding:10px 12px;transition:background-color .1s ease}.reload-btn:hover{background-color:#7be3ff}.reload-btn:disabled{background-color:#555;color:#888;cursor:not-allowed}.control-group select{-webkit-appearance:none;appearance:none;background:#3a4048;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ABB2BF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #444c56;border-radius:6px;color:#e6e6e6;font-size:14px;max-width:220px;padding:8px 30px 8px 12px}.control-group.speed{color:#abb2bf;width:100%}.control-group.speed .speed-value{min-width:45px;text-align:left}.control-group.speed input[type=range]{-webkit-appearance:none;appearance:none;background:#444c56;border-radius:3px;height:6px;margin:0;outline:none;padding:0;width:100%}.control-group.speed input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#61dafb;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:background .2s;transition:background .2s;width:18px}.control-group.speed input[type=range]::-moz-range-thumb{background:#61dafb;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:background .2s;transition:background .2s;width:18px}@media (max-width:820px){.status-bar{gap:10px 16px;grid-template-areas:"status speed" "lang   voice";grid-template-columns:3fr 7fr;height:auto;padding:10px 16px}.control-group select{max-width:none;width:100%}}.url-input-container{font-family:Roboto,sans-serif;margin-bottom:15px;max-width:700px;position:relative;width:100%}.input-wrapper{border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;overflow:hidden}.url-input-container input[type=text]{background-color:#fff;border:none;color:#333;flex-grow:1;font-size:16px;outline:none;padding:12px 15px;transition:all .3s ease}.url-input-container input[type=text]::placeholder{color:#999}.url-input-container input[type=text]:focus{box-shadow:0 0 0 2px #007bff40}.url-input-container button{background-color:#6cf;border:none;color:#000;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .2s ease}.url-input-container button:hover{background-color:#e0e0e0}.url-input-container button:disabled{background-color:#ccc;cursor:not-allowed}.clear-btn-left{background-color:#6cf!important;border-radius:8px 0 0 8px;padding:12px 15px!important}.clear-btn-left:hover{background-color:#39f!important}.history-dropdown{background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #eee;box-shadow:0 5px 15px #0003;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.history-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .2s ease}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:#f0f0f0}.history-item-title{color:#333;flex-grow:1;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-history-item-btn{background-color:initial!important;border:none!important;color:#999!important;cursor:pointer;font-size:18px!important;line-height:1;padding:5px!important;transition:color .2s ease}.clear-history-item-btn:hover{background-color:initial!important;color:#dc3545!important}
/*# sourceMappingURL=main.849774b0.css.map*/