:root{--primary-salmon:#ff5757;--secondary-orange:orange;--purple-card:#560b94}@view-transition{navigation:auto}body{margin:auto;font-family:"Nunito",sans-serif;font-optical-sizing:auto;font-style:normal;font-size:large;color:#fff9ef;height:100vh;background-size:cover}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.content-wrapper{padding-top:130px}.summary-content{padding:0 16px;max-width:1200px;margin:auto}@media only screen and (min-width:1000px){.summary-content{padding:15px 20%}}@media only screen and (max-width:1000px){h1{font-size:24px}.content-wrapper{padding-top:120px}}.logo h1{max-height:64px;text-wrap:nowrap}h1{text-align:center}li{line-height:1.6}li>strong{padding-right:16px}.li-title::after{content:":"}ol>li>span.li-title{min-width:90%;max-width:90%;display:block}ul span.li-title{min-width:120px;max-width:120px;margin-right:8px;display:block}@media only screen and (min-width:1300px){ul span.li-title{min-width:150px;max-width:150px;margin-right:16px;display:block}}.summary-content>p:last-of-type{color:#333;background-color:#c8c8c8;padding:15px;border-left:5px solid #4a90e2;margin:20px 0;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.summary-content .card.title{display:flex;flex-direction:column;align-items:center}.summary-content .card.title>h1{margin-bottom:0}.share-container{display:flex;flex-direction:row;align-items:center;gap:16px}.copy-button svg{width:24px;height:24px}.copy-button{color:white;border:0;border-radius:5px;padding:10px 15px;cursor:pointer;margin-top:10px;transition:background-color .3s}.copy-button:hover{background-color:#ff8c00}.thumbnail-wrapper{position:relative;display:inline-block;overflow:hidden;border-radius:12px;border:1px solid #fff2}.thumbnail{display:block;width:100%;transition:transform .3s ease;margin:auto}.thumbnail-wrapper:hover .thumbnail{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.thumbnail-wrapper:hover .play-overlay{opacity:1;pointer-events:auto}.play-icon{width:60px;height:60px}.summary-content .card.title>h5{margin-top:0}.card{background-color:rgba(86,11,148,0.95);color:#f5f5f5;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.3);padding:20px;margin:20px 0;transition:transform .3s,box-shadow .3s;overflow-x:auto;border:1px solid #fff2}.card:hover{box-shadow:0 8px 16px var(--primary-salmon)}.card>h2{font-size:1.5rem;margin-bottom:10px;border-bottom:2px solid #f5f5f5;padding-bottom:5px}.card ul{list-style:none;padding:0}.card ul li{margin-bottom:8px;display:flex}.card>ul>li:not(:last-child){border-bottom:1px dashed #5d5d5d;padding-bottom:8px}.card ul li::before{content:"•";color:var(--secondary-orange);margin-right:10px;font-size:1.2rem}.card ul li p{margin-top:0}.card::-webkit-scrollbar{height:8px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-track{background:#c2c2c2;border-radius:10px}.keywords{font-size:1em;color:#fff;background-color:#2c3e50;padding:10px;border:1px solid #34495e;border-radius:8px;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.keyword{background-color:#34495e;color:#ecf0f1;padding:5px 10px;border-radius:5px;margin-right:5px;display:inline-block;text-decoration:none}.keyword:hover{background-color:#2c3e50}.navbar{position:fixed;top:20px;left:0;right:0;max-width:1200px;display:flex;align-items:center;gap:64px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform .25s ease;z-index:1000;flex-direction:row;width:80%;margin:0 auto;border-radius:100px;padding:20px 50px;border:1px solid #fff2;background-color:rgba(86,11,148,0.95)}.navbar.hidden{transform:translateY(-120%)}.navbar .logo{font-size:12px;color:#fff;display:flex;align-items:center;gap:16px;text-decoration:none;min-width:200px}.nav-items{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-image{width:64px;height:64px;border-radius:10px;opacity:0;transition:opacity .3s}.logo-image[data-loaded="true"]{opacity:1}.navbar ul{list-style:none;display:flex;margin:0;padding:0}.navbar ul li{margin-left:20px}.navbar ul li a{text-decoration:none;color:#e0e0e0;font-weight:bold;transition:color .3s}.navbar ul li a:hover{color:#fb3}.profile{display:flex;align-items:center;cursor:pointer}.profile img{border-radius:50%;width:35px;height:35px}.home-container{display:flex;flex-direction:column;gap:20px;padding:20px}@media only screen and (min-width:768px){.home-container{display:grid;grid-template-columns:1fr 3fr 1fr}}.left-column{grid-column:1}.center-column{grid-column:2}.right-column{grid-column:3}.summary-card{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:15px;margin-bottom:10px}.ad-placeholder{height:250px;background:#ccc;display:flex;align-items:center;justify-content:center}.top-summaries-list{list-style-type:none;padding:0}.video-item{margin-bottom:10px}.video-link{text-decoration:none;color:#7ab9ff;font-weight:bold;min-height:2em;margin-bottom:24px}.video-title{font-size:14pt}.video-author{font-size:.9em;color:#c2c2c2}code{background-color:#2e2e2e;color:#fff;font-family:'Courier New',Courier,monospace;padding:.2em .4em;border-radius:4px;font-size:.9em;line-height:1.4;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding-inline:8px;border-radius:10px;margin-inline:8px;height:fit-content}.top-summaries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;justify-items:center}.view-more{margin-top:16px;color:white;text-align:center;width:100%;font-weight:bold;display:block}.view-more:hover{color:var(--primary-salmon)}.category-section{padding-bottom:64px}.video-card .video-card-body{text-align:center}.video-card{width:280px;color:#f5f5f5;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform .3s,box-shadow .3s;overflow-x:auto;border:1px solid #fff2;overflow:hidden;margin:16px}.video-card:hover{transform:scale(1.05);box-shadow:0 8px 16px var(--primary-salmon)}.video-card a{text-decoration:none;color:#fff9ef}.video-card figure{margin:0;position:relative;width:100%;padding-top:56.25%;overflow:hidden}.video-card figure img{width:100%;display:block;position:absolute;top:0;left:0;height:100%;object-fit:cover}.lazy-image{opacity:0;transition:opacity .3s}.lazy-image[src^="data:image"]{background-color:#2e2e2e}.lazy-image:not([src^="data:image"]){opacity:1}.video-card-body{padding:1rem}.video-card-title{font-size:1.25rem;margin-bottom:.5rem}.video-card-author{font-size:.9rem;color:#ccc}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:var(--primary-salmon);color:white;border:0;border-radius:50%;text-align:center;font-size:24px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.3);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .5s ease,visibility .5s ease}.scroll-to-top.show{display:flex;opacity:1;visibility:visible}.scroll-to-top.hide{opacity:0;visibility:hidden}.scroll-to-top:hover{background-color:var(--secondary-orange)}.login-button{display:flex;align-items:center;background-color:white;color:#333;padding:8px 12px;border-radius:4px;text-decoration:none;font-weight:500;font-size:14px;text-wrap:nowrap;transition:background-color .3s,box-shadow .3s;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.login-button:hover{background-color:#f5f5f5;box-shadow:0 4px 8px rgba(0,0,0,0.3)}.google-icon{width:18px;height:18px;margin-right:8px}.user-profile{position:relative;display:flex;align-items:center;cursor:pointer}.user-profile span{margin-right:8px;font-size:14px}.profile-picture{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid white}.dropdown-menu{position:absolute;top:100%;right:0;background-color:rgba(86,11,148,0.95);border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,0.3);padding:8px 0;min-width:120px;opacity:0;visibility:hidden;z-index:1001;margin-top:20px;border:1px solid #fff2;transition:opacity .2s,visibility 0s linear .3s;padding-top:16px;transform:translateY(-18px)}.user-profile:hover .dropdown-menu,.dropdown-menu:hover{opacity:1;visibility:visible;transition-delay:0s}.dropdown-menu a{display:block;padding:8px 16px;color:white;text-decoration:none;transition:background-color .2s}.dropdown-menu a:hover{background-color:rgba(255,255,255,0.1)}.btn-primary{display:flex;align-items:center;border:0;border-radius:5px;padding:.5em 1em;text-decoration:none;height:32px;background-color:var(--primary-salmon);color:white;width:200px;margin:auto;cursor:pointer;font-weight:bold;justify-content:center}.btn-primary:hover{background-color:white;color:var(--primary-salmon)}@media only screen and (max-width:1024px){.navbar{padding:10px 25px;gap:8px}.navbar.hidden{transform:translateY(-130%)}.navbar ul{flex-direction:column}.navbar ul li{margin-left:0}.navbar .menu-toggle{display:block;font-size:1.5rem;color:#fff;cursor:pointer}.logo-image{width:48px;height:48px}.navbar .logo{flex-direction:column;min-width:100px;gap:0}.logo h1{font-size:16px;margin:4px}.user-profile{flex-direction:column-reverse}}::view-transition-old([view-transition-name^="video-title-"]),::view-transition-new([view-transition-name^="video-title-"]),::view-transition-old([view-transition-name^="video-thumbnail-"]),::view-transition-new([view-transition-name^="video-thumbnail-"]){animation-duration:.5s;animation-timing-function:ease-in-out}.tabs-container{margin:20px 0}.tabs-header{display:flex;gap:8px;border-bottom:2px solid rgba(255,255,255,0.1);margin-bottom:20px;overflow-x:auto;background-color:color-mix(in srgb,white 10%,var(--purple-card));border-radius:12px;scrollbar-width:thin;scrollbar-color:#888 transparent;width:fit-content;margin:auto;max-width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1)}.tabs-header::-webkit-scrollbar{height:6px}.tabs-header::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.tab-button{display:flex;align-items:center;gap:8px;background:transparent;color:#ccc;border:0;padding:12px 20px;cursor:pointer;font-size:16px;font-weight:bold;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap;position:relative}.tab-button:hover{color:#fff;background-color:rgba(255,255,255,0.05)}.tab-button.active{color:#fff;border-bottom-color:var(--primary-salmon)}.tab-button svg{flex-shrink:0}.premium-badge{font-size:12px;margin-left:4px}.tabs-content{min-height:300px;justify-content:center;display:flex}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block;width:100%}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcript-tab-content,.qa-tab-content,.chat-tab-content,.mindmap-tab-content,.translate-tab-content{padding:20px;background-color:rgba(86,11,148);border-radius:12px;min-height:200px;align-content:center}.premium-feature-banner{padding:40px;background-color:rgba(86,11,148,0.7);border:2px dashed rgba(255,87,87,0.5);border-radius:12px;text-align:center}.premium-feature-banner p{font-size:18px;margin:0}.premium-feature-banner a{color:var(--primary-salmon);text-decoration:underline;font-weight:bold}.premium-feature-banner a:hover{color:var(--secondary-orange)}.premium-paywall-banner{padding:40px 30px;background:linear-gradient(135deg,rgba(86,11,148,1) 0,rgba(121,29,200,0.8) 100%);border:2px dashed rgba(255,87,87,0.5);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .3s ease-in}.paywall-icon{color:var(--primary-salmon);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.paywall-content h3{margin:0 0 10px 0;font-size:1.5rem;color:white}.paywall-content p{margin:0 0 20px 0;font-size:1.1rem;color:#e0e0e0}.paywall-content strong{color:var(--primary-salmon)}.paywall-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.btn-upgrade{display:inline-block;padding:12px 32px;background-color:var(--primary-salmon);color:white;text-decoration:none;border-radius:30px;font-weight:bold;font-size:1.1rem;transition:all .3s ease;border:2px solid var(--primary-salmon)}.btn-upgrade:hover{background-color:white;color:var(--primary-salmon);transform:scale(1.05);box-shadow:0 4px 15px rgba(255,87,87,0.3)}.btn-free{padding:12px 32px;background-color:transparent;color:white;border:2px solid rgba(255,255,255,0.3);border-radius:30px;font-weight:bold;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-free:hover{background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.6)}.premium-feature-banner{padding:40px;background-color:rgba(86,11,148,0.7);border:2px dashed rgba(255,87,87,0.5);border-radius:12px;text-align:center}.premium-feature-banner p{font-size:18px;margin:0}.premium-feature-banner a{color:var(--primary-salmon);text-decoration:underline;font-weight:bold}.premium-feature-banner a:hover{color:var(--secondary-orange)}@media only screen and (max-width:768px){.tabs-header{gap:4px}.tab-button{padding:10px 12px;font-size:14px}.tab-button svg{width:16px;height:16px}.premium-badge{font-size:10px}.login-button{text-wrap:auto;width:80px}}