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}.landing-page{background:#f5f5f5;background-image:linear-gradient(90deg,#9370db1a 1px,#0000 0),linear-gradient(#9370db1a 1px,#0000 0);background-size:50px 50px;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:100vh;padding-top:80px;position:relative;width:100%}@media (max-width:768px){.landing-page{padding-top:0}}.landing-page:before{animation:wave 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#9370db26 0,#0000 50%),radial-gradient(circle at 80% 80%,#9370db1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes wave{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.landing-content{background:#0000;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center;width:100%}.landing-title{color:#333;font-size:2.5rem;font-weight:600;letter-spacing:1px;margin:0 0 2rem}@media (max-width:768px){.landing-title{font-size:2rem}.landing-content{margin:0 auto;padding:20px 30px;width:calc(100% - 20px)}}.navbar{box-sizing:border-box;display:flex;justify-content:center;left:0;padding:.25rem 2rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.5rem 2rem;width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{flex:1 1;gap:.75rem;min-width:0}.logo-image{height:48px;object-fit:contain;width:auto}.logo-text{color:#000;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.navbar-center{flex:0 0 auto}.navbar-center,.navbar-menu{display:flex;justify-content:center}.navbar-menu{align-items:center;gap:3rem;list-style:none;margin:0;padding:0}.navbar-item{color:#000;cursor:pointer;font-size:.95rem;font-weight:600;transition:color .3s ease;white-space:nowrap}.navbar-item:hover{color:#555}.navbar-actions{flex:1 1;justify-content:flex-end;min-width:0}.navbar-actions,.navbar-actions-inner{align-items:center;display:flex;gap:.75rem}.navbar-actions-inner{background:#1e3a8a;border-radius:12px;padding:.5rem}.navbar-button-login{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar-button-login:hover{background:#ffffff1a}.navbar-button-contact{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar-button-contact:hover{background:#ffffff1a}.navbar-profile-avatar{align-items:center;background:#fff;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;font-family:Arial,sans-serif;height:40px;justify-content:center;overflow:hidden;padding:0;transition:all .3s ease;width:40px}.navbar-profile-avatar:hover{border-color:#ffffff80;box-shadow:0 2px 8px #0003;transform:scale(1.1)}.navbar-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.navbar-avatar-initial{color:#1e3a8a;font-size:1.25rem;font-weight:700;-webkit-user-select:none;user-select:none}@media (max-width:1024px){.navbar{padding:.25rem 1.5rem}.navbar-container{gap:1.5rem;padding:.5rem 1.5rem}.navbar-logo{flex:none;left:50%;position:absolute;transform:translateX(-50%)}.navbar-center{display:none}.logo-image{height:40px}.logo-text{font-size:1.5rem}.navbar-item{font-size:.9rem}.navbar-actions-inner{gap:.5rem;padding:.4rem}.navbar-button-contact,.navbar-button-login{font-size:1rem;padding:.65rem 1.25rem}.navbar-profile-avatar{height:36px;width:36px}.navbar-avatar-initial{font-size:1.1rem}}@media (max-width:768px){.navbar{padding:.5rem 1rem;position:fixed}.navbar-container{grid-gap:.5rem;border-radius:12px;display:grid;gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto;max-width:100%;padding:.5rem 1rem;position:relative;width:100%}.navbar-logo{align-items:center;flex:none;gap:.5rem;grid-column:1;grid-row:1;justify-content:flex-start;margin:0;position:static;transform:none;width:auto}.logo-image{height:32px}.logo-text{font-size:1.25rem}.navbar-center{display:flex;grid-column:1;grid-row:2;margin-top:0}.navbar-center,.navbar-menu{align-items:center;justify-content:center;width:100%}.navbar-menu{flex-wrap:wrap;gap:1.5rem;margin:0;padding:0}.navbar-item{font-size:.85rem;text-align:center}.navbar-actions{align-items:center;align-self:center;display:flex;flex:none;grid-column:1;grid-row:1;justify-content:flex-end;justify-self:end;margin:0;max-width:none;width:auto}.navbar-actions-inner{gap:.5rem;padding:.4rem}.navbar-button-contact,.navbar-button-login{flex:none;font-size:.9rem;min-width:auto;padding:.5rem 1rem;text-align:center}.navbar-profile-avatar{height:32px;width:32px}.navbar-avatar-initial{font-size:1rem}}.intro{background-color:initial;box-sizing:border-box;font-family:Arial,sans-serif;margin:0 auto;max-width:1400px;padding:2rem 2rem 4rem;width:100%}.intro-container{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:1200px}.intro-content{flex:1 1;max-width:600px;text-align:left}.intro-header{font-size:.875rem;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.intro-header,.intro-title{color:#1e3a8a;font-family:Arial,sans-serif;font-weight:700}.intro-title{font-size:3.5rem;letter-spacing:-1px;line-height:1.1;margin:0 0 1.5rem}.intro-description{color:#4b5563;font-family:Arial,sans-serif;font-size:1.25rem;line-height:1.6;margin:0 0 2.5rem}.intro-buttons{display:flex;flex-wrap:wrap;gap:1rem}.intro-button-primary{background:#1a1a1a;border:1.5px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;padding:.875rem 2rem;position:relative;transition:all .3s ease;white-space:nowrap}.intro-button-primary:hover{background:#2a2a2a;transform:translateY(-1px)}.intro-button-secondary{background:#fff;border:1.5px solid #0000;border-radius:8px;color:#1e3a8a;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;padding:.875rem 2rem;position:relative;transition:all .3s ease;white-space:nowrap}.intro-button-secondary:after{background:linear-gradient(135deg,#764ba2,#667eea);border-radius:8px;bottom:-1.5px;content:"";left:-1.5px;position:absolute;right:-1.5px;top:-1.5px;z-index:-1}.intro-button-secondary:hover{background:#764ba20d}.intro-visual{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.intro-image-wrapper{max-width:600px;position:relative;width:100%}.intro-image{border-radius:12px;box-shadow:0 10px 40px #00000026;height:auto;object-fit:cover;width:100%}@media (max-width:1024px){.intro-container{flex-direction:column;gap:3rem}.intro-content{max-width:100%;text-align:left}.intro-title{font-size:2.5rem}.intro-buttons{justify-content:center}}@media (max-width:768px){.intro{margin:1rem auto;padding:2rem 1.5rem}.intro-container{gap:2rem}.intro-title{font-size:2rem}.intro-description{font-size:1.1rem}.intro-buttons{flex-direction:column;width:100%}.intro-button-primary,.intro-button-secondary{width:100%}.intro-button-primary{background:#1e3a8a}.intro-button-primary:hover{background:#1e40af}}.bumpups{background-color:initial;box-sizing:border-box;font-family:Arial,sans-serif;padding:4rem 2rem;width:100%}.bumpups-container{margin:0 auto;max-width:1400px;text-align:left}.bumpups-heading{color:#1e3a8a;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 1.5rem}.bumpups-description{color:#4b5563;font-family:Arial,sans-serif;font-size:1.1rem;line-height:1.6;margin:0 0 3rem}.bumpups-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.bumpup-item{border-radius:12px;box-shadow:0 4px 20px #0003;cursor:pointer;display:block;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:100%}.bumpup-item:hover{box-shadow:0 8px 30px #0000004d;transform:translateY(-5px)}.bumpup-image{border-radius:12px;display:block;height:auto;object-fit:cover;width:100%}@media (max-width:1024px){.bumpups-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bumpups{padding:3rem 1.5rem}.bumpups-heading{font-size:2rem}.bumpups-description{font-size:1rem;margin-bottom:2rem}.bumpups-grid{gap:1.5rem;grid-template-columns:1fr}}.enter-component{font-family:Arial,sans-serif;width:100%}.enter-heading{color:#fff;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 1.5rem}.enter-input-wrapper{margin-bottom:1.5rem}.enter-input-container{align-items:center;display:flex;position:relative;width:100%}.enter-input{background:linear-gradient(180deg,#e5e7eb,#fff);border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1rem;padding:1rem 180px 1rem 1.25rem;transition:border-color .3s ease;width:100%}.enter-input:focus{border-color:#667eea;outline:none}.enter-input-error{border-color:#ef4444}.enter-input::placeholder{color:#9ca3af}.enter-button-container{align-items:center;display:flex;position:absolute;right:8px}.enter-button{align-items:center;background:#fff;border:2px solid #1e3a8a;border-radius:6px;color:#1e3a8a;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.enter-button-icon{display:inline-block;font-size:.9rem;transition:none}.enter-button-icon.hammer-animating{animation:hammerMove .6s ease-in-out infinite}@keyframes hammerMove{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.enter-button:hover:not(:disabled){background:#1e3a8a;color:#fff}.enter-button:active:not(:disabled){transform:none}.enter-button:disabled{cursor:not-allowed;opacity:.6}.enter-error{color:#ef4444;font-family:Arial,sans-serif;font-size:.875rem;margin:.5rem 0 0}.enter-video-preview{align-items:center;animation:fadeIn .5s ease-in;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;text-align:center}.enter-video-preview-loading,.enter-video-preview-placeholder{margin-left:auto;margin-right:auto;max-width:420px;width:100%}.enter-placeholder-thumbnail{align-items:center;aspect-ratio:16/9;background-color:#e5e7eb;border-radius:12px;display:flex;justify-content:center;margin-bottom:.5rem;max-width:420px;position:relative;width:100%}.enter-placeholder-youtube-icon{color:red;height:60px;opacity:1;width:80px}.enter-placeholder-title{background-color:#d1d5db;border-radius:8px;height:50px;margin:0 auto;max-width:420px;width:100%}.enter-loading-spinner{animation:spin 1s linear infinite;border:4px solid #9ca3af;border-radius:50%;border-top-color:#1e3a8a;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.enter-video-thumbnail{border-radius:12px;box-shadow:0 8px 24px #0000004d;height:auto;margin-bottom:.5rem;max-width:100%;max-width:420px;object-fit:contain;width:100%}.enter-video-title{word-wrap:break-word;color:#fff;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;margin:0;max-width:420px;padding:0 1rem}@media (max-width:768px){.enter-heading{font-size:2rem;margin:0 0 1rem}.enter-input{font-size:.875rem;padding:.75rem 120px .75rem .875rem}.enter-button{font-size:.875rem;padding:.625rem 1rem}.enter-error{font-size:.75rem}.enter-video-preview{margin-top:.75rem}.enter-video-thumbnail{border-radius:8px;margin-bottom:.4rem;max-width:100%;max-width:350px}.enter-video-title{font-size:.85rem;line-height:1.3;max-width:350px;padding:0 .5rem}}.times-component{animation:fadeIn .5s ease-in;margin-top:.75rem;width:100%}.times-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-top:0;padding:1rem}.times-columns{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem;max-height:400px;overflow-y:auto}.times-columns::-webkit-scrollbar{width:6px}.times-columns::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.times-columns::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.times-columns::-webkit-scrollbar-thumb:hover{background:#94a3b8}.times-column{display:flex;flex-direction:column}.times-column-left{padding-right:.75rem}.times-column-right{border-left:2px solid #e5e7eb;padding-left:.75rem}.times-item{border-bottom:1px solid #f3f4f6;font-family:Arial,sans-serif;line-height:1.4;padding:.4rem 0;text-align:left}.times-item:last-child{border-bottom:none}.times-time{color:#1e3a8a;font-size:.95rem;font-weight:600}.times-auth-message{animation:fadeIn .3s ease;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:.75rem;padding:1rem}.times-auth-message-text{color:#92400e;font-family:Arial,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 .75rem;text-align:center}.times-auth-message-buttons{display:flex;gap:.75rem;justify-content:center}.times-auth-button{border:none;border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.times-auth-login{background:#1e3a8a;color:#fff}.times-auth-login:hover{background:#1e40af;box-shadow:0 2px 8px #1e3a8a4d;transform:translateY(-1px)}.times-auth-signup{background:#fff;border:2px solid #1e3a8a;color:#1e3a8a}.times-auth-signup:hover{background:#f3f4f6;transform:translateY(-1px)}.times-actions{border-top:2px solid #e5e7eb;display:flex;gap:.75rem;justify-content:center;padding-top:.75rem}.times-button{background:#1e3a8a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:.9rem;font-weight:600;padding:.625rem 1.5rem;transition:all .3s ease}.times-button:hover{background:#1e40af;box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-2px)}.times-button:active{transform:translateY(0)}.times-generate-button{background:#1e3a8a}.times-generate-button:hover{background:#1e40af;box-shadow:0 4px 12px #1e3a8a4d}.times-copy-button{background:#1e3a8a}.times-copy-button:hover{background:#1e40af;box-shadow:0 4px 12px #1e3a8a4d}.times-title-link{color:#374151;cursor:pointer;font-size:.95rem;text-decoration:none;transition:color .2s ease}.times-title-link:hover{color:#1e3a8a;text-decoration:underline}@media (max-width:768px){.times-box{padding:.75rem}.times-columns{gap:.75rem;grid-template-columns:1fr;margin-bottom:.75rem;max-height:300px}.times-column-left{padding-right:0}.times-column-right{border-left:none;border-top:2px solid #e5e7eb;margin-top:.75rem;padding-left:0;padding-top:.75rem}.times-item{padding:.35rem 0}.times-item,.times-time{font-size:.8rem}.times-title{font-size:.875rem}.times-auth-message{margin-bottom:.5rem;padding:.75rem}.times-auth-message-text{font-size:.875rem;margin-bottom:.5rem}.times-auth-message-buttons{flex-direction:column;gap:.5rem}.times-auth-button{font-size:.8rem;padding:.5rem 1rem;width:100%}.times-actions{flex-direction:column;gap:.5rem;padding-top:.5rem}.times-button{font-size:.8rem;padding:.5rem 1.25rem;width:100%}}.history-component{background-color:initial;font-family:Arial,sans-serif;margin-top:3rem;padding:0;width:100%}.history-heading{color:#1e3a8a;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 1.5rem;text-align:left}.history-empty{color:#6b7280}.history-empty,.history-loading{font-family:Arial,sans-serif;font-size:.95rem;margin:0 0 1rem}.history-loading{color:#4b5563}.history-error{color:#b91c1c;font-family:Arial,sans-serif;font-size:.95rem;margin:0 0 1rem}.history-carousel-container{overflow:hidden;position:relative;width:100%}.history-carousel{display:flex;gap:1rem;min-width:100%;transition:transform 2s ease-in-out;width:-webkit-fit-content;width:fit-content;will-change:transform}.history-card{background-color:#eff6ff;border:2px solid #bfdbfe;border-radius:8px;box-shadow:0 2px 8px #3b82f626;cursor:pointer;display:flex;flex-basis:calc(20% - 0.8rem);flex-direction:column;flex-grow:0;flex-shrink:0;max-width:calc(20% - .8rem);min-width:0;overflow:hidden;transition:none}.history-card:hover{background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 8px 16px #3b82f64d;transform:translateY(-4px)}.history-card.new-item-appearing{animation:newItemAppear 1s ease-out}@keyframes fadeInCard{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes newItemAppear{0%{opacity:0;transform:translateX(100%) scale(.8)}50%{opacity:.7;transform:translateX(50%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.history-card-thumbnail{aspect-ratio:16/9;background-color:#0003;overflow:hidden;position:relative;width:100%}.history-card-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.history-card:hover .history-card-thumbnail img{transform:scale(1.05)}.history-card-placeholder{align-items:center;background-color:#f3f4f6;color:#0006;display:flex;font-size:.75rem;justify-content:center}.placeholder-icon{color:#9ca3af;font-size:3rem;opacity:.6}.history-card-placeholder-item{background-color:#eff6ff;border:2px solid #bfdbfe;cursor:default}.history-card-placeholder-item:hover{border-color:#bfdbfe;box-shadow:0 2px 8px #3b82f626;transform:none}.history-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1e3a8a;display:-webkit-box;font-size:.8125rem;font-weight:700;line-height:1.4;min-height:2.8rem;overflow:hidden;padding:.75rem;text-align:center;text-overflow:ellipsis}.history-card-placeholder-item .history-card-title{background-color:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;margin:.5rem;min-height:2rem;padding:.5rem}.history-scroll-button{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#1e3a8a;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.history-scroll-button:hover{background-color:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-50%) scale(1.1)}.history-scroll-button:active{transform:translateY(-50%) scale(.95)}.history-scroll-right{right:0}@media (max-width:1200px){.history-card{flex-basis:calc(25% - 0.75rem);flex-grow:0;flex-shrink:0}}@media (max-width:968px){.history-card{flex-basis:calc(33.33333% - 0.66667rem);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.history-heading{font-size:2rem;margin:0 0 1rem}.history-carousel{gap:.75rem}.history-card{flex-basis:calc(33.33333% - 0.5rem);flex-grow:0;flex-shrink:0}.history-card-title{font-size:.75rem;min-height:2.4rem;padding:.5rem}.history-scroll-button{font-size:1.25rem;height:32px;width:32px}}@media (max-width:480px){.history-card{flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:0}}.timestamp{background-color:initial;box-sizing:border-box;font-family:Arial,sans-serif;margin:1rem auto;max-width:1400px;padding:1rem 2rem;width:100%}.timestamp-container{background-color:#1e3a8a;border-radius:16px;box-shadow:0 10px 40px #00000026;padding:2.5rem;text-align:left}.timestamp-heading{color:#fff;font-family:Arial,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem}.timestamp-input-wrapper{margin-bottom:1.5rem}.timestamp-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1rem;padding:1rem 1.25rem;transition:border-color .3s ease;width:100%}.timestamp-input:focus{border-color:#667eea;outline:none}.timestamp-input-error{border-color:#ef4444}.timestamp-input::placeholder{color:#9ca3af}.timestamp-error{color:#ef4444;font-family:Arial,sans-serif;font-size:.875rem;margin:.5rem 0 0}.timestamp-button{background:#fff;border:none;border-radius:8px;color:#1e3a8a;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.timestamp-button:hover:not(:disabled){background:#f3f4f6;transform:translateY(-1px)}.timestamp-button:active:not(:disabled){transform:translateY(0)}.timestamp-button:disabled{cursor:not-allowed;opacity:.6}.timestamp-video-preview{align-items:center;animation:fadeIn .5s ease-in;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;text-align:center}.timestamp-video-thumbnail{border-radius:12px;box-shadow:0 8px 24px #0000004d;height:auto;margin-bottom:1rem;max-width:100%;max-width:640px;object-fit:contain;width:100%}.timestamp-video-title{word-wrap:break-word;color:#fff;font-family:Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5;margin:0;max-width:640px;padding:0 1rem}.timestamp-generate-button{margin-top:1.5rem}.timestamp-results{animation:fadeIn .5s ease-in;margin-top:2rem}.timestamp-results-heading{color:#fff;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.timestamp-list{display:flex;flex-direction:column;gap:.75rem}.timestamp-link{border-bottom:1px solid #0000;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;padding:.5rem 0;text-decoration:none;transition:all .2s ease}.timestamp-link:hover{border-bottom-color:#e0e7ff;color:#e0e7ff;transform:translateX(5px)}@media (max-width:768px){.timestamp{margin:.5rem auto;padding:.75rem 1rem}.timestamp-container{padding:1.5rem 1rem}.timestamp-heading{font-size:1.25rem;margin:0 0 1rem}.timestamp-input{font-size:.875rem;padding:.75rem .875rem}.timestamp-button{font-size:.875rem;padding:.875rem;width:100%}.timestamp-error{font-size:.75rem}.timestamp-video-preview{margin-top:1.5rem}.timestamp-video-thumbnail{border-radius:8px;max-width:100%}.timestamp-video-title{font-size:.95rem;line-height:1.4;padding:0 .5rem}.timestamp-generate-button{margin-top:1rem}.timestamp-results{margin-top:1.5rem}.timestamp-results-heading{font-size:1.25rem;margin:0 0 1rem}.timestamp-link{font-size:.875rem}}.footer{background:#1e3a8a;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;margin-top:auto;width:100%}.footer-main{padding:2rem}.footer-container{align-items:flex-start;display:flex;gap:4rem;margin:0 auto;max-width:1400px}.footer-left{flex:0 0 300px;text-align:left}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem;position:relative}.footer-logo-image{height:28px;object-fit:contain;position:relative;width:auto;z-index:1}.footer-logo-text{font-size:1.25rem;font-weight:700;position:relative;z-index:2}.footer-logo-text,.footer-tagline{color:#fff;font-family:Arial,sans-serif}.footer-tagline{font-size:.75rem;font-weight:600;margin:0 0 .75rem}.footer-description{color:#d1d5db;font-family:Arial,sans-serif;font-size:.85rem;line-height:1.4;margin:0 0 1.5rem}.footer-social{display:flex;gap:1rem}.social-icon{align-items:center;background:#fff;border-radius:6px;color:#1e3a8a;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .3s ease;width:32px}.social-icon:hover{background:#f3f4f6;transform:translateY(-2px)}.social-icon svg{height:16px;width:16px}.footer-nav{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-nav-column{text-align:left}.footer-nav-heading{color:#d1d5db;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;margin:0 0 .75rem}.footer-nav-list{list-style:none;margin:0;padding:0}.footer-nav-list li{margin-bottom:.5rem}.footer-nav-link{align-items:center;color:#d1d5db;display:inline-flex;font-family:Arial,sans-serif;font-size:.85rem;gap:.5rem;text-decoration:none;transition:color .3s ease}.footer-nav-link:hover{color:#fff}.footer-nav-arrow{font-size:.875rem;transition:transform .3s ease}.footer-nav-link:hover .footer-nav-arrow{transform:translateX(4px)}.footer-bottom{border-top:1px solid #ffffff1a;padding:1rem 2rem}.footer-bottom-container{margin:0 auto;max-width:1400px;text-align:left}.footer-copyright{font-size:.8rem;margin:0}.footer-copyright,.footer-legal-link{color:#d1d5db;font-family:Arial,sans-serif}.footer-legal-link{text-decoration:none;transition:color .3s ease}.footer-legal-link:hover{color:#fff}@media (max-width:1024px){.footer-main{padding:1.5rem 2rem}.footer-container{flex-direction:column;gap:2rem}.footer-left{flex:1 1}.footer-nav{gap:1.5rem;grid-template-columns:repeat(4,1fr);width:100%}}@media (max-width:768px){.footer-main{padding:1.5rem}.footer-tagline{margin:0 0 1rem}.footer-description{margin:0 0 1.75rem}.footer-social{gap:1.25rem}.social-icon{height:36px;width:36px}.social-icon svg{height:18px;width:18px}.footer-nav{flex-direction:column;gap:1.5rem}.footer-bottom{padding:1rem 1.5rem}.footer-copyright{font-size:.75rem}}.login-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;font-family:Arial,sans-serif;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.login-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.login-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.login-close-button:hover{background:#f3f4f6;color:#1e3a8a;transform:rotate(90deg)}.login-header{margin-bottom:2rem;text-align:center}.login-logo{height:48px;margin-bottom:1rem;width:auto}.login-title{color:#1e3a8a;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-family:Arial,sans-serif;font-size:.95rem;margin:0}.login-form{gap:1.5rem}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:.5rem}.login-password-header{align-items:center;display:flex;justify-content:space-between}.login-label{color:#374151;font-size:.9rem}.login-forgot-password,.login-label{font-family:Arial,sans-serif;font-weight:600}.login-forgot-password{background:none;border:none;color:#1e3a8a;cursor:pointer;font-size:.85rem;padding:0;text-decoration:none;transition:color .3s ease}.login-forgot-password:hover{color:#1e40af;text-decoration:underline}.login-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:border-color .3s ease;width:100%}.login-input:focus{border-color:#1e3a8a;outline:none}.login-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.login-error{background-color:#fee2e2;border-radius:8px;color:#dc2626;font-size:.875rem;padding:.75rem 1rem}.login-button,.login-error{font-family:Arial,sans-serif}.login-button{background:#1e3a8a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 2rem;transition:all .3s ease}.login-button:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.login-divider-text{color:#6b7280;font-family:Arial,sans-serif;font-size:.875rem;padding:0 1rem}.login-google-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.login-google-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.login-google-button:active:not(:disabled){background:#f3f4f6}.login-google-button:disabled{cursor:not-allowed;opacity:.6}.login-google-icon{flex-shrink:0;height:20px;width:20px}.login-footer{margin-top:2rem;text-align:center}.login-footer-text{color:#6b7280;font-family:Arial,sans-serif;font-size:.9rem;margin:0}.login-link-button{background:none;border:none;color:#1e3a8a;cursor:pointer;font-family:Arial,sans-serif;font-size:inherit;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.login-link-button:hover{color:#1e40af;text-decoration:underline}@media (max-width:768px){.login-modal-container{padding:2rem 1.5rem}.login-title{font-size:1.75rem}}.signup-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;font-family:Arial,sans-serif;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.signup-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.signup-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.signup-close-button:hover{background:#f3f4f6;color:#1e3a8a;transform:rotate(90deg)}.signup-header{margin-bottom:2rem;text-align:center}.signup-logo{height:48px;margin-bottom:1rem;width:auto}.signup-title{color:#1e3a8a;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.signup-subtitle{color:#6b7280;font-family:Arial,sans-serif;font-size:.95rem;margin:0}.signup-form{gap:1.5rem}.signup-form,.signup-form-group{display:flex;flex-direction:column}.signup-form-group{gap:.5rem}.signup-label{color:#374151;font-size:.9rem;font-weight:600}.signup-input,.signup-label{font-family:Arial,sans-serif}.signup-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:border-color .3s ease;width:100%}.signup-input:focus{border-color:#1e3a8a;outline:none}.signup-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.signup-error{background-color:#fee2e2;border-radius:8px;color:#dc2626;font-family:Arial,sans-serif;font-size:.875rem;padding:.75rem 1rem}.signup-button{background:#1e3a8a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 2rem;transition:all .3s ease}.signup-button:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-2px)}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{cursor:not-allowed;opacity:.6}.signup-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.signup-divider:after,.signup-divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.signup-divider-text{color:#6b7280;font-family:Arial,sans-serif;font-size:.875rem;padding:0 1rem}.signup-google-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.signup-google-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.signup-google-button:active:not(:disabled){background:#f3f4f6}.signup-google-button:disabled{cursor:not-allowed;opacity:.6}.signup-google-icon{flex-shrink:0;height:20px;width:20px}.signup-footer{margin-top:2rem;text-align:center}.signup-footer-text{color:#6b7280;font-family:Arial,sans-serif;font-size:.9rem;margin:0}.signup-link-button{background:none;border:none;color:#1e3a8a;cursor:pointer;font-family:Arial,sans-serif;font-size:inherit;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.signup-link-button:hover{color:#1e40af;text-decoration:underline}@media (max-width:768px){.signup-modal-container{padding:2rem 1.5rem}.signup-title{font-size:1.75rem}}.forgot-password-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;font-family:Arial,sans-serif;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.forgot-password-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.forgot-password-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.forgot-password-close-button:hover{background:#f3f4f6;color:#1e3a8a;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{margin-bottom:2rem;text-align:center}.forgot-password-logo{height:48px;margin-bottom:1rem;width:auto}.forgot-password-title{color:#1e3a8a;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.forgot-password-subtitle{color:#6b7280;font-family:Arial,sans-serif;font-size:.95rem;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form-group{display:flex;flex-direction:column;gap:.5rem}.forgot-password-label{color:#374151;font-family:Arial,sans-serif;font-size:.9rem;font-weight:600}.forgot-password-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:border-color .3s ease;width:100%}.forgot-password-input:focus{border-color:#1e3a8a;outline:none}.forgot-password-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.forgot-password-error{background-color:#fee2e2;border-radius:8px;color:#dc2626;font-family:Arial,sans-serif;font-size:.875rem;padding:.75rem 1rem}.forgot-password-success{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-success-message{background-color:#d1fae5;border-radius:8px;color:#065f46;font-family:Arial,sans-serif;font-size:.9rem;line-height:1.5;padding:1rem 1.25rem}.forgot-password-button{background:#1e3a8a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 2rem;transition:all .3s ease}.forgot-password-button:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-2px)}.forgot-password-button:active:not(:disabled){transform:translateY(0)}.forgot-password-button:disabled{cursor:not-allowed;opacity:.6}.forgot-password-footer{margin-top:2rem;text-align:center}.forgot-password-footer-text{color:#6b7280;font-family:Arial,sans-serif;font-size:.9rem;margin:0}.forgot-password-link-button{background:none;border:none;color:#1e3a8a;cursor:pointer;font-family:Arial,sans-serif;font-size:inherit;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.forgot-password-link-button:hover{color:#1e40af;text-decoration:underline}@media (max-width:768px){.forgot-password-modal-container{padding:2rem 1.5rem}.forgot-password-title{font-size:1.75rem}}.App{zoom:.8;align-items:flex-start;background:linear-gradient(135deg,grey,#606060 50%,#404040);display:flex;justify-content:center;min-height:100vh;text-align:center;width:100%}@supports not (zoom:1){.App{min-height:125vh;transform:scale(.8);transform-origin:top center;width:125%}}.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)}}
/*# sourceMappingURL=main.de2f8d1c.css.map*/