body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{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;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.landing-page{background:#232323;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:1rem;min-height:100vh;padding-top:1.5rem}.landing-page-container{margin:0 auto;max-width:1200px;padding:0 2rem;width:90%}.landing-content{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:40px;text-align:center}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:3.5rem;font-weight:700}.landing-subtitle{color:#718096;font-size:1.3rem;font-weight:300}.landing-features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#718096;font-size:1rem;line-height:1.6}.cta-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 30px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.landing-content{gap:24px;padding:30px 20px}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.1rem}.landing-features{gap:20px;grid-template-columns:1fr}.feature-card{padding:20px}.landing-page{gap:.5rem}}@media (max-width:480px){.landing-title{font-size:2rem}.cta-button,.landing-subtitle{font-size:1rem}.cta-button{padding:12px 30px}.landing-page{gap:.3rem}}.navbar{background:#18181b;border:1.5px solid #2d2d2d;border-radius:12px;box-shadow:0 2px 12px #0000001a;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.1rem 2rem;position:static;width:90%;z-index:1}.nav-logo-simple,.navbar{align-items:center;display:flex}.nav-logo-text{font-size:2rem;font-weight:700;letter-spacing:.5px}.nav-logo-blue{color:#3b82f6}.nav-logo-white{color:#fff}.nav-chatbot-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;justify-content:center;padding:.7rem 2.2rem;transition:background .2s}.nav-chatbot-btn:hover{background:#2563eb}.nav-chatbot-arrow{font-size:1.1em;margin-left:.6em}@media (max-width:600px){.navbar{align-items:center;flex-direction:column;gap:1.1rem;justify-content:center;max-width:98vw;padding:.7rem;width:82%}.nav-logo-simple img{display:block;margin-left:auto;margin-right:auto}.nav-logo-text{display:block;font-size:1.4rem;text-align:center;width:100%}.nav-chatbot-btn{font-size:.95rem;max-width:320px;padding:.5rem 1.1rem;width:100%}}.bumpups-section{background:#232323;min-height:50vh;padding:0}.bumpups-container{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:left;width:95%}.bumpups-title{color:#fff;font-size:2.2rem;font-weight:700}.bumpups-highlight{color:#fff}.bumpups-green{color:#2ee59d}.bumpups-subtitle{color:#e0e0e0;font-size:1.05rem}.bumpups-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.bumpup-card{align-items:center;background:#111112;border:1.5px solid #2d2d2d;border-radius:12px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:row;gap:10rem;height:100px;justify-content:center;min-height:100px;padding:2.5rem 2rem;transition:box-shadow .2s,transform .2s;width:90%;width:320px;width:fit-content;width:max-content}.bumpup-left{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem}.bumpup-label{background:#2ee59d;border-radius:6px;display:inline-block;font-weight:700;padding:.3rem 1.2rem}.bumpup-label,.bumpup-link{color:#fff;font-size:1.1rem}.bumpup-link{align-items:center;display:flex;font-weight:500;margin-top:.2rem;position:relative;text-decoration:none;transition:color .2s}.bumpup-link:hover{color:#2ee59d;text-decoration:underline}.bumpup-link:hover .bumpup-arrow{transform:translateX(6px)}.bumpup-arrow{font-size:1.3rem;margin-right:.5rem;transition:transform .2s}.bumpup-icon{align-items:center;color:#fff;display:flex;font-size:4rem;justify-content:center;margin-left:0}.bumpup-separator{border:none;border-top:3px dashed #ccc;margin:5rem auto;opacity:.7;width:100%}.timestamp-container{border-radius:12px;box-shadow:0 2px 12px #0000001a}.footer-card{border:1.5px solid #2d2d2d}@media (max-width:900px){.bumpups-grid{gap:1.2rem;grid-template-columns:1fr}.bumpups-title{font-size:1.2rem;text-align:center}.bumpups-subtitle{font-size:1rem;margin-bottom:3rem;text-align:center}.bumpup-card{--bumpup-card-gap:0.4rem;align-items:center;background:#18191b;border:1.5px solid #232323;border-radius:18px;box-shadow:0 2px 8px #00000021;flex-direction:row;gap:var(--bumpup-card-gap);height:auto;justify-content:center;margin-left:auto;margin-right:auto;min-height:70px;padding:1.2rem .8rem;width:90%}.bumpup-left{align-items:flex-start;display:flex;flex:initial;flex-direction:column;gap:.5rem;justify-content:center}.bumpup-label{border-radius:8px;font-weight:700;padding:.3rem 1.1rem}.bumpup-label,.bumpup-link{font-size:1rem;margin-bottom:.2rem}.bumpup-link{font-weight:500;margin-top:.1rem}.bumpup-arrow{font-size:1.1rem;margin-right:.4rem}.bumpup-icon{align-self:center;color:#2ee59d;flex-shrink:0;font-size:2.5rem}}@media (max-width:600px){.bumpups-container{padding:0 .2rem;width:85%}.bumpups-title{font-size:1rem}.bumpups-subtitle{font-size:.92rem;margin-bottom:.5rem}.bumpup-card{--bumpup-card-gap:3rem;align-items:center;border-radius:14px;flex-direction:row;gap:var(--bumpup-card-gap);justify-content:center;margin-left:auto;margin-right:auto;min-height:50px;padding:1rem .2rem;width:80%}.bumpup-left{align-items:flex-start;display:flex;flex:initial;flex-direction:column;gap:.5rem;justify-content:center}.bumpup-label{border-radius:7px;font-size:.9rem;padding:.18rem .7rem}.bumpup-link{font-size:.85rem}.bumpup-arrow{font-size:.95rem;margin-right:.2rem}.bumpup-icon{align-self:center;flex-shrink:0;font-size:2rem}}.timestamp-section{background:#232323;color:#fff;margin:0}.timestamp-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111112;border:1.5px solid #2d2d2d;border-radius:18px;box-shadow:0 6px 32px 0 #0000002e,0 1.5px 6px 0 #0000001a;display:flex;flex-direction:column;justify-content:center;margin:24px auto 0;max-width:1200px;padding:2rem 1.5rem;text-align:left;width:90%}.main-title{color:#fff;font-size:2.3rem;font-weight:800;line-height:1.1;margin-bottom:.3em;text-align:center}.subtitle{color:#d1d5db;font-size:1.08rem;line-height:1.5;margin-bottom:1.2em;text-align:center}.subtitle a{color:#60a5fa;text-decoration:underline}.timestamp-form{flex-wrap:wrap;gap:1rem;margin-top:0}.input-group,.timestamp-form{align-items:center;display:flex}.input-group{background:#18181b;border:1px solid #333;border-radius:6px;flex:1 1 350px;min-width:250px;padding:.5rem 1rem}.input-icon{color:#9ca3af;font-size:1.1rem;margin-right:.5rem}.url-input{background:#0000;border:none;color:#fff;font-size:1rem;outline:none;width:100%}.lang-select{background:#18181b;border:1px solid #333;border-radius:6px;color:#fff;font-size:1rem;padding:.5rem 1.2rem .5rem .7rem}.generate-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.3rem;transition:background .2s}.generate-btn:hover{background:#2563eb}.generate-btn:disabled{background:#6b7280;cursor:not-allowed}.generate-btn:disabled:hover{background:#6b7280}.invalid-btn{background:#ef4444!important;border:none;color:#fff!important;cursor:not-allowed!important}.error-message{align-self:stretch;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;box-sizing:border-box;color:#ef4444;font-size:.9rem;margin-left:auto;margin-right:auto;padding:.5rem;text-align:center;width:auto}.video-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:2rem}.video-thumbnail{background:#18181b;border-radius:12px;box-shadow:0 4px 24px 0 #0000002e,0 1.5px 6px 0 #0000001a;max-width:480px;width:100%}.video-title{color:#fff;font-size:1.25rem;font-weight:600;margin-top:.5rem;text-align:center;word-break:break-word}.video-preview-loading{color:#60a5fa;font-size:1.1rem;font-weight:500;margin-top:2rem;text-align:center}.youtube-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem 0 0;opacity:.7}.youtube-placeholder svg{border-radius:12px;height:270px;max-height:60vw;max-width:100%;width:480px}.youtube-placeholder-text{color:#fff;font-size:1.15rem;font-weight:500;margin-top:.5rem;text-align:center}.youtube-placeholder-link{display:inline-block;text-decoration:none;transition:transform .18s}.youtube-placeholder-link:hover{cursor:pointer;text-decoration:none;transform:scale(1.04)}@media (max-width:600px){.youtube-placeholder svg{height:56vw;max-height:56vw;max-width:100vw;min-height:0;min-width:0;width:100vw}.youtube-placeholder-text{font-size:1rem}}.history-section{margin-top:1.2rem}@media (max-width:600px){.timestamp-section{min-height:0;min-height:auto;padding:0 0 .5rem}.timestamp-container{gap:24px;margin-left:auto;margin-right:auto;max-width:480px;min-width:0;padding:.5rem .7rem;width:85%}.main-title{font-size:1.5rem;margin-bottom:0;text-align:center}.subtitle{font-size:.93rem;margin-bottom:1.5em;text-align:center}.timestamp-form{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.input-group{align-items:center;box-sizing:border-box;display:flex;height:auto;margin-bottom:.5rem;max-height:44px;min-height:40px;min-width:0;padding:.5rem 1rem;width:100%}.input-icon{align-self:center;font-size:1.1rem;line-height:1}.url-input{background:#0000;border:none;box-sizing:border-box;color:#fff;height:24px;line-height:1.2;margin:0;max-height:28px;min-height:24px;outline:none;overflow-x:auto;overflow-y:hidden;padding:0;vertical-align:middle;white-space:nowrap}.lang-select,.url-input{font-size:1.1rem;width:100%}.lang-select{margin-bottom:.5rem;padding:.7rem 1.2rem .7rem .7rem}.generate-btn{font-size:1.1rem;margin-bottom:.5rem;margin-top:.2rem;padding:.8rem 0;width:100%}.error-message{align-self:stretch;box-sizing:border-box;font-size:1rem;margin:.5rem 4px;width:auto}.video-preview{gap:1.2rem;margin-top:2.2rem}.video-thumbnail{border-radius:10px;max-width:100%}.video-title{font-size:1.1rem;margin-top:.7rem}.video-preview-loading{font-size:1.1rem;margin-top:2.2rem}.youtube-placeholder svg{height:80px;max-height:40vw;max-width:100vw;width:120px}}.history-section{background:#111112;border:1.5px solid #2d2d2d;border-radius:18px;box-shadow:0 6px 32px 0 #0000002e,0 1.5px 6px 0 #0000001a;margin-top:2.5rem;padding:1.5rem 1rem}.history-title-row{align-items:center;display:flex;gap:.7rem;margin-bottom:1.2rem}.history-title{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.01em;margin:0 0 0 rem}.history-icon{align-items:center;display:flex;opacity:.85}.history-list{display:flex;flex-direction:column;gap:1.1rem}.history-item{align-items:center;background:#232323;border-radius:8px;box-shadow:0 1px 4px 0 #00000014;display:flex;gap:1.2rem;padding:.7rem 1rem}.history-thumb{background:#111;border-radius:6px;box-shadow:0 1px 4px 0 #0000001a;height:40px;object-fit:cover;width:72px}.history-video-title{color:#fff;flex:1 1 auto;font-size:1rem;font-weight:500;margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-show-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.98rem;font-weight:600;padding:.5rem 1.1rem;transition:background .2s}.history-show-btn:hover{background:#2563eb}.history-empty{color:#aaa;font-size:1.05rem;font-style:italic;margin:1.2rem 0 .5rem;text-align:center}.history-invalid-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:not-allowed;font-size:.98rem;font-weight:600;opacity:.85;padding:.5rem 1.1rem}.history-invalid-title{color:#ef4444}@media (max-width:600px){.history-item{align-items:flex-start;flex-direction:column;gap:.7rem;padding:.7rem .5rem}.history-thumb{height:auto;max-width:180px;width:100%}.history-video-title{font-size:.97rem;margin-right:0;max-width:100%}}.footer-card{background:#111112;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin:0 auto 1.5rem;max-width:1200px;padding:2.5rem 2rem;width:90%}.footer{background:#0000;border-radius:12px;color:#fff}.footer,.footer-container{padding:0}.footer-content{align-items:flex-start;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between}.footer-section{flex:1 1;min-width:180px}.footer-section:first-child{align-items:flex-start;display:flex;flex:1.5 1;flex-direction:column;justify-content:flex-start;text-align:left}.footer-title{color:#38d39f;font-size:1.1rem;font-weight:600;letter-spacing:1px}.footer-description{color:#e0e0e0;font-size:1rem;line-height:1.6;text-align:left}.footer-section h4{color:#fff;font-weight:600;margin-bottom:1rem}.social-links{display:flex;gap:1.2rem;margin-top:1.2rem}.social-link{align-items:center;background:#38d39f14;border:1.5px solid #38d39f33;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:40px;justify-content:center;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;width:40px}.social-link:hover{background:#38d39f;box-shadow:0 4px 16px #38d39f26;color:#232323}.footer-links{list-style:none;margin:0;padding:0}.footer-links a{color:#e0e0e0;font-size:.97rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#38d39f}.footer-bottom{border-top:1px solid #333;margin-top:2rem;padding-top:1.2rem}.footer-bottom-content{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.2rem;justify-content:center;text-align:center;width:100%}.footer-bottom p{color:#b0b0b0;font-size:.95rem;margin:0}.footer-bottom-links{display:flex;gap:1.2rem;justify-content:center;margin-top:0}.footer-bottom-links a{margin:0}.footer-bottom-links a:hover{color:#38d39f}.footer-bottom p,.footer-bottom-links a{color:#b0b0b0}@media (max-width:900px){.footer-content{align-items:center;flex-direction:column;gap:2rem;text-align:center}.footer-section,.footer-section:first-child{align-items:center;justify-content:center}.footer-section:first-child{align-items:flex-start;justify-content:flex-start;text-align:left}.footer-description{text-align:left}}@media (max-width:600px){.footer-card{box-sizing:border-box;margin:0 auto 1rem;max-width:100%;overflow-x:hidden;padding:1.2rem;width:85%}.footer-content{align-items:center;flex-direction:column;gap:.8rem;padding:0;text-align:center}.footer-section,.footer-section:first-child{align-items:center;justify-content:center;margin-bottom:.5rem;min-width:0;min-width:auto;text-align:center;width:100%}.footer-title{font-size:1rem;margin-bottom:.7rem!important}.footer-description{font-size:.97rem;margin-bottom:.7rem!important;text-align:center}.social-links{gap:.7rem;justify-content:center;margin-bottom:.7rem;margin-top:.7rem}.social-link{font-size:1.1rem;height:34px;width:34px}.footer-section h4{font-size:1rem;margin-bottom:.5rem}.footer-links a{font-size:.93rem}.footer-bottom{margin-top:1.2rem;padding-top:.7rem}.footer-bottom-content{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.footer-bottom-links{flex-direction:column;gap:.3rem;margin-top:.2rem}.footer-bottom p{font-size:.92rem}}.stamp-pop-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.stamp-pop-container{background:#18181b;border:1.5px solid #2d2d2d;border-radius:16px;box-shadow:0 6px 32px #00000040,0 1.5px 6px 0 #0000001a;display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;max-width:90vw;min-width:320px;padding:2rem;position:relative}.stamp-pop-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.stamp-pop-content{background:#232323;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;max-height:40vh;overflow-y:auto;padding:1rem;text-align:left}.stamp-pop-timestamp{background:#232323;border:1px solid #2d2d2d;border-radius:6px;color:#fff;font-family:monospace;font-size:1rem;padding:.5rem .75rem;text-align:left}.stamp-pop-copy{align-self:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 8px 0 #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.stamp-pop-copy:hover{background:#2563eb}.stamp-pop-copy:disabled{background:#6b7280!important;color:#fff!important;cursor:not-allowed}.stamp-pop-close{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .18s}.stamp-pop-close:hover{color:#fff}.stamp-pop-error{background:#2d2d2d;border:1px solid #ffb3b3;border-radius:6px;color:#ff4d4f;font-weight:700;padding:1rem;text-align:center}
/*# sourceMappingURL=main.bbdb22b1.css.map*/