:root,[data-theme="default"]{--color-bg-primary:#0b0b0c;--color-bg-secondary:#111;--color-bg-card:#1a1a1b;--color-bg-card-hover:#222223;--color-bg-input:rgba(255,255,255,0.05);--color-bg-input-focus:rgba(255,255,255,0.08);--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-subtle:rgba(59,130,246,0.1);--color-accent-glow:rgba(59,130,246,0.25);--color-border:rgba(255,255,255,0.08);--color-border-hover:rgba(255,255,255,0.15);--color-border-accent:rgba(59,130,246,0.4);--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-legacy-salmon:#ff5757;--color-legacy-orange:orange;--color-legacy-purple:#560b94;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-accent:0 4px 14px rgba(59,130,246,0.25);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-2xl:64px;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}[data-theme="legacy"]{--color-bg-primary:transparent;--color-bg-secondary:rgba(86,11,148,0.95);--color-bg-card:rgba(86,11,148,0.95);--color-bg-card-hover:rgba(121,29,200,0.95);--color-bg-input:rgba(255,255,255,0.1);--color-bg-input-focus:rgba(255,255,255,0.15);--color-text-primary:#fff9ef;--color-text-secondary:#e0e0e0;--color-text-muted:rgba(255,255,255,0.6);--color-accent:#ff5757;--color-accent-hover:#ff6b6b;--color-accent-subtle:rgba(255,87,87,0.1);--color-accent-glow:rgba(255,87,87,0.25);--color-border:rgba(255,255,255,0.13);--color-border-hover:rgba(255,255,255,0.25);--color-border-accent:rgba(255,87,87,0.4);--color-success:#4caf50;--color-error:#ef4444;--color-warning:#ffc107;--color-legacy-salmon:#ff5757;--color-legacy-orange:orange;--color-legacy-purple:#560b94;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 4px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 8px rgba(0,0,0,0.3);--shadow-lg:0 8px 16px rgba(0,0,0,0.3);--shadow-accent:0 8px 16px rgba(255,87,87,0.3);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-2xl:64px;--font-family:'Nunito',sans-serif;--transition-fast:200ms ease;--transition-base:300ms ease;--transition-slow:400ms ease}@view-transition{navigation:auto}html{overflow-x:hidden;max-width:100vw}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-optical-sizing:auto;font-style:normal;font-size:large;color:var(--color-text-primary);height:100vh;background-size:cover;background-color:var(--color-bg-primary);overflow-x:hidden;max-width:100vw}[data-theme="default"] body::after{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse 80% 50% at 50% 0,rgba(59,130,246,0.15) 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 120% 55% at 50% 0,black 0,transparent 80%);mask-image:radial-gradient(ellipse 120% 55% at 50% 0,black 0,transparent 80%);pointer-events:none;z-index:0}[data-theme="default"] body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(75% 50% at top center,white,transparent);mask-image:radial-gradient(75% 50% at top center,white,transparent);pointer-events:none;z-index:0}.floating-dots{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-dot{position:absolute;bottom:-10px;border-radius:50%;background:rgba(255,255,255,0.15);animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-110vh) translateX(30px);opacity:0}}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}[data-theme="default"] .background{display:none}.content-wrapper{padding-top:80px}[data-theme="legacy"] .content-wrapper{padding-top:130px}.summarize-page{color:var(--color-text-primary)}.summarize-container{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-lg);max-width:1200px;margin:0 auto;padding:calc(var(--spacing-2xl) + 60px) var(--spacing-lg) var(--spacing-2xl)}.summarize-main{min-width:0}.summarize-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.summarize-video-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.summarize-video-card .video-container{border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:0;box-shadow:none}.summarize-video-info{padding:var(--spacing-lg)}.summarize-video-meta-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.summarize-category-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--color-accent-subtle);color:var(--color-accent)}[data-theme="legacy"] .summarize-category-badge{background:rgba(255,87,87,0.15);color:var(--color-legacy-salmon)}.summarize-video-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs);text-align:left;line-height:1.3;letter-spacing:-.01em}.summarize-video-author{font-size:.9rem;color:var(--color-text-muted);margin:0 0 var(--spacing-md)}.summarize-video-author-link{color:inherit;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px}.summarize-video-author-link:hover{color:var(--color-accent);text-decoration-color:currentColor}.summarize-related{margin-top:var(--spacing-lg,32px)}.summarize-related-title{font-size:1.25rem;margin:0 0 var(--spacing-md);color:var(--color-text-primary)}.summarize-related-channel-link{display:inline-block;margin-top:var(--spacing-md);color:var(--color-accent);font-weight:600;text-decoration:none}.summarize-related-channel-link:hover{text-decoration:underline}.summarize-actions{margin-top:var(--spacing-md)}.summarize-share-container{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.85rem}.summarize-share-container p{margin:0;color:var(--color-text-muted);font-size:.85rem}.summarize-keywords-section{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.summarize-keywords-icon{width:36px;height:36px;min-width:36px;background:var(--color-accent-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.summarize-keywords-list{display:flex;flex-wrap:wrap;gap:6px}.summarize-sidebar-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg)}[data-theme="legacy"] .summarize-sidebar-card{background:linear-gradient(135deg,rgba(86,11,148,0.95) 0,rgba(121,29,200,0.95) 100%);border:1px solid rgba(255,255,255,0.15)}.summarize-sidebar-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.summarize-sidebar-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.summarize-sidebar-icon svg{color:#fff}.summarize-sidebar-icon-star{background:linear-gradient(135deg,#eab308,#f97316)}.summarize-sidebar-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0}.summarize-keywords-sidebar{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.summarize-keywords-sidebar li{display:flex;align-items:center;gap:var(--spacing-sm)}.summarize-keyword-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--color-accent)}[data-theme="legacy"] .summarize-keyword-dot{background:var(--color-legacy-salmon)}.summarize-keyword-link{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;line-height:1.4;transition:color var(--transition-fast)}.summarize-keyword-link:hover{color:var(--color-accent)}[data-theme="legacy"] .summarize-keyword-link:hover{color:var(--color-legacy-salmon)}.summarize-premium-cta{background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(168,85,247,0.1));border:1px solid var(--color-border-accent) !important;text-align:center}[data-theme="legacy"] .summarize-premium-cta{background:linear-gradient(135deg,rgba(255,87,87,0.1),rgba(255,165,0,0.1));border-color:rgba(255,87,87,0.3) !important}.summarize-premium-cta-text{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-md);line-height:1.5}.summarize-premium-cta-button{display:inline-block;padding:10px 32px;background:linear-gradient(135deg,#3b82f6,#a855f7);color:#fff;text-align:center;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:opacity var(--transition-fast)}[data-theme="legacy"] .summarize-premium-cta-button{background:var(--color-legacy-salmon)}.summarize-premium-cta-button:hover{opacity:.9}@media(max-width:1024px){.summarize-container{grid-template-columns:1fr}.summarize-sidebar{order:-1}}@media(max-width:768px){.summarize-container{padding:calc(var(--spacing-xl) + 50px) var(--spacing-sm) var(--spacing-xl)}.summarize-video-title{font-size:1.25rem}.summarize-sidebar{order:0}}.summary-content{padding:0 16px;max-width:1200px;margin:auto}.summary-content .card.title{display:flex;flex-direction:column;align-items:center}.summary-content .card.title>h1{margin-bottom:0}.summary-content .card.title>h5{margin-top:0}h1{text-align:center}h5{margin-top:0}li{line-height:1.6}.logo h1{max-height:64px;text-wrap:nowrap}.copy-button svg{width:24px;height:24px}@media only screen and (max-width:1000px){h1{font-size:24px}.content-wrapper{padding-top:100px}[data-theme="legacy"] .content-wrapper{padding-top:180px}}@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:100px}[data-theme="legacy"] .content-wrapper{padding-top:180px}}.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 var(--color-accent);margin:20px 0;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.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:var(--radius-sm);padding:10px 15px;cursor:pointer;margin-top:10px;transition:background-color var(--transition-base)}.copy-button:hover{background-color:var(--color-accent-hover)}.thumbnail-wrapper{position:relative;display:inline-block;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.thumbnail{display:block;width:100%;transition:transform var(--transition-base);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 var(--transition-base)}.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:var(--color-bg-card);color:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;margin:20px 0;transition:transform var(--transition-base),box-shadow var(--transition-base);overflow-x:auto;border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.card>h2{font-size:1.5rem;margin-bottom:10px;border-bottom:1px solid var(--color-border);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 var(--color-border-hover);padding-bottom:8px}[data-theme="legacy"] .card>ul>li:not(:last-child){border-bottom-color:#5d5d5d}.card ul li::before{content:"\2022";color:var(--color-accent);margin-right:10px;font-size:1.2rem}[data-theme="legacy"] .card ul li::before{color:var(--color-legacy-orange)}.card ul li p{margin-top:0}.card::-webkit-scrollbar{height:8px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;transition:background-color var(--transition-base)}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:10px}[data-theme="legacy"] ::-webkit-scrollbar-track{background:#c2c2c2}.keywords{font-size:1em;color:#fff;background-color:var(--color-bg-card);padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.keyword{background-color:var(--color-bg-card-hover);color:var(--color-text-secondary);padding:5px 10px;border-radius:var(--radius-sm);margin-right:5px;display:inline-block;text-decoration:none;border:1px solid var(--color-border)}.keyword:hover{border-color:var(--color-accent);color:var(--color-accent)}.navbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;box-shadow:none;transition:transform var(--transition-base);z-index:1000;flex-direction:row;padding:12px 32px;border-bottom:1px solid var(--color-border);background-color:transparent;max-width:100vw;width:100%;box-sizing:border-box}[data-theme="legacy"] .navbar{top:20px;max-width:1200px;gap:64px;width:80%;margin:0 auto;border-radius:100px;padding:20px 50px;border:1px solid rgba(255,255,255,0.13);background-color:rgba(86,11,148,0.95);border-bottom:0}.navbar.hidden{transform:translateY(-120%)}.navbar .logo{font-size:12px;color:var(--color-text-primary);display:flex;align-items:center;gap:12px;text-decoration:none;min-width:auto}[data-theme="legacy"] .navbar .logo{min-width:200px;gap:16px}.nav-items{display:flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;gap:var(--spacing-lg)}[data-theme="legacy"] .nav-items{justify-content:space-between}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:0;border:0;cursor:pointer;z-index:1001;flex-shrink:0}.hamburger-line{display:block;width:100%;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none}.logo-image{width:32px;height:32px;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-base)}[data-theme="legacy"] .logo-image{width:64px;height:64px;border-radius:10px}.logo-image[data-loaded="true"]{opacity:1}.navbar ul{list-style:none;display:flex;margin:0;padding:0;gap:var(--spacing-lg)}.navbar ul li{margin-left:0}[data-theme="legacy"] .navbar ul li{margin-left:20px}.navbar ul li a{text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:14px;transition:color var(--transition-fast)}.navbar ul li a:hover{color:var(--color-accent)}[data-theme="legacy"] .navbar ul li a{font-weight:bold;color:#e0e0e0}[data-theme="legacy"] .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:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:15px;margin-bottom:10px}.ad-placeholder{height:250px;background:var(--color-bg-card);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:var(--color-accent);font-weight:bold;min-height:2em;margin-bottom:24px}.video-title{font-size:14pt}.video-author{font-size:.9em;color:var(--color-text-muted)}code{background-color:var(--color-bg-card);color:var(--color-text-primary);font-family:'Courier New',Courier,monospace;padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em;line-height:1.4;box-shadow:var(--shadow-sm);padding-inline:8px;border-radius:var(--radius-md);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:var(--color-text-primary);text-align:center;width:100%;font-weight:bold;display:block}.view-more:hover{color:var(--color-accent)}.category-section{padding-bottom:64px}.video-card .video-card-body{text-align:center}.video-card{width:280px;color:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow-x:auto;border:1px solid var(--color-border);overflow:hidden;margin:16px}.video-card:hover{transform:scale(1.05);box-shadow:var(--shadow-accent);border-color:var(--color-border-accent)}.video-card a{text-decoration:none;color:var(--color-text-primary)}.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 var(--transition-base)}.lazy-image[src^="data:image"]{background-color:var(--color-bg-card)}.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:var(--color-text-muted)}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:var(--color-accent);color:white;border:0;border-radius:50%;text-align:center;font-size:24px;cursor:pointer;box-shadow:var(--shadow-md);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(--color-accent-hover)}.login-button{display:flex;align-items:center;background-color:transparent;color:var(--color-text-primary);padding:8px 16px;border-radius:var(--radius-md);text-decoration:none;font-weight:500;font-size:14px;text-wrap:nowrap;transition:all var(--transition-fast);border:1px solid var(--color-border)}.login-button:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-subtle)}[data-theme="legacy"] .login-button{background-color:white;color:#333;border:0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}[data-theme="legacy"] .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 var(--color-border)}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px 0;min-width:120px;opacity:0;visibility:hidden;z-index:1001;margin-top:20px;border:1px solid var(--color-border);transition:opacity .2s,visibility 0s linear .3s;padding-top:16px;transform:translateY(-18px)}[data-theme="legacy"] .dropdown-menu{background-color:rgba(86,11,148,0.95)}.user-profile:hover .dropdown-menu,.dropdown-menu:hover{opacity:1;visibility:visible;transition-delay:0s}.dropdown-menu a{display:block;padding:8px 16px;color:var(--color-text-primary);text-decoration:none;transition:background-color var(--transition-fast)}.dropdown-menu a:hover{background-color:var(--color-accent-subtle);color:var(--color-accent)}[data-theme="legacy"] .dropdown-menu a:hover{background-color:rgba(255,255,255,0.1);color:white}.btn-primary{display:flex;align-items:center;border:0;border-radius:var(--radius-md);padding:10px 20px;text-decoration:none;height:40px;background-color:var(--color-accent);color:white;width:200px;margin:auto;cursor:pointer;font-weight:600;font-size:14px;justify-content:center;transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}[data-theme="legacy"] .btn-primary{background-color:var(--color-legacy-salmon);border-radius:5px;padding:.5em 1em;height:32px}[data-theme="legacy"] .btn-primary:hover{background-color:white;color:var(--color-legacy-salmon);transform:none;box-shadow:none}@media only screen and (max-width:1024px){.navbar{padding:10px 16px;flex-wrap:wrap;gap:var(--spacing-sm)}[data-theme="legacy"] .navbar{padding:8px 12px;gap:8px;flex-direction:column;width:90%;border-radius:16px;top:10px}.hamburger{display:flex}.nav-overlay{display:block;position:fixed;inset:0;top:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.nav-overlay.active{opacity:1;pointer-events:auto}.nav-items{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0;position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md);box-sizing:border-box}[data-theme="legacy"] .nav-items{position:static;background-color:rgba(86,11,148,0.95);border-bottom:0;border-radius:12px;padding:var(--spacing-md)}.nav-items.mobile-open{display:flex}.navbar ul{flex-direction:column;gap:0;width:100%}.navbar ul li{margin-left:0}.navbar ul li a{font-size:15px;padding:12px var(--spacing-md);display:block;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.navbar ul li a:hover{background:rgba(255,255,255,0.05)}.logo-image{width:28px;height:28px}[data-theme="legacy"] .logo-image{width:40px;height:40px}.navbar .logo{flex-direction:row;min-width:auto;gap:8px}.logo h1{font-size:18px;margin:0}.profile{width:100%;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-sm)}.user-profile{flex-direction:row;gap:8px}.user-profile span{font-size:13px}.login-button{width:100%;justify-content:center;padding:12px var(--spacing-md);font-size:14px}.google-icon{width:16px;height:16px;margin-right:6px}.profile-picture{width:28px;height:28px}}@media only screen and (max-width:480px){.navbar{padding:8px 12px}.logo h1{font-size:16px}.logo-image{width:24px;height:24px}}::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:1px solid var(--color-border);margin-bottom:20px;overflow-x:auto;background-color:var(--color-bg-card);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:#888 transparent;width:fit-content;margin:auto;max-width:100%;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}[data-theme="legacy"] .tabs-header{background-color:color-mix(in srgb,white 10%,var(--color-legacy-purple));border:1px solid 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:var(--color-text-muted);border:0;padding:12px 20px;cursor:pointer;font-size:15px;font-weight:500;transition:all var(--transition-fast);border-bottom:2px solid transparent;white-space:nowrap;position:relative}.tab-button:hover{color:var(--color-text-primary);background-color:var(--color-accent-subtle)}.tab-button.active{color:var(--color-text-primary);border-bottom-color:var(--color-accent)}.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;min-height:200px;align-content:center}[data-theme="legacy"] .transcript-tab-content,[data-theme="legacy"] .qa-tab-content,[data-theme="legacy"] .chat-tab-content,[data-theme="legacy"] .mindmap-tab-content,[data-theme="legacy"] .translate-tab-content{background-color:rgba(86,11,148)}.summarize-page .tab-content .card,.summarize-page .tab-content .premium-feature-banner{background-color:transparent;border:0;box-shadow:none}.premium-feature-banner{padding:40px;background-color:var(--color-bg-card);border:2px dashed var(--color-border-accent);border-radius:var(--radius-lg);text-align:center}.premium-feature-banner p{font-size:18px;margin:0}.premium-feature-banner a{color:var(--color-accent);text-decoration:underline;font-weight:bold}.premium-feature-banner a:hover{color:var(--color-accent-hover)}.premium-paywall-banner{padding:40px 30px;background:var(--color-bg-card);border:2px dashed var(--color-border-accent);border-radius:var(--radius-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .3s ease-in}[data-theme="legacy"] .premium-paywall-banner{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)}.paywall-icon{color:var(--color-accent);animation:pulse 2s infinite}[data-theme="legacy"] .paywall-icon{color:var(--color-legacy-salmon)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.paywall-content h3{margin:0 0 10px 0;font-size:1.5rem;color:var(--color-text-primary)}.paywall-content p{margin:0 0 20px 0;font-size:1.1rem;color:var(--color-text-secondary)}.paywall-content strong{color:var(--color-accent)}[data-theme="legacy"] .paywall-content strong{color:var(--color-legacy-salmon)}.paywall-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.btn-upgrade{display:inline-block;padding:12px 32px;background-color:var(--color-accent);color:white;text-decoration:none;border-radius:var(--radius-full);font-weight:600;font-size:1rem;transition:all var(--transition-fast);border:1px solid var(--color-accent)}.btn-upgrade:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}[data-theme="legacy"] .btn-upgrade{background-color:var(--color-legacy-salmon);border-color:var(--color-legacy-salmon);border-radius:30px;font-size:1.1rem;font-weight:bold;border:2px solid var(--color-legacy-salmon)}[data-theme="legacy"] .btn-upgrade:hover{background-color:white;color:var(--color-legacy-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:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:500;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.btn-free:hover{border-color:var(--color-border-hover);background-color:var(--color-accent-subtle)}[data-theme="legacy"] .btn-free{border:2px solid rgba(255,255,255,0.3);border-radius:30px;font-weight:bold}[data-theme="legacy"] .btn-free:hover{background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.6)}@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{white-space:nowrap;padding:8px 14px;font-size:13px;max-width:fit-content}.google-icon{width:16px;height:16px;margin-right:6px}.profile-picture{width:28px;height:28px}.share-container{flex-direction:column;align-items:flex-start;gap:8px}.share-container p{margin:0}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:100ms}.fade-in-delay-2{transition-delay:200ms}.fade-in-delay-3{transition-delay:300ms}.explore-page{color:var(--color-text-primary)}.explore-section-inner{max-width:1100px;margin:0 auto;padding:0 var(--spacing-lg)}.explore-hero{padding:calc(var(--spacing-2xl) + 60px) var(--spacing-md) var(--spacing-xl);text-align:center;position:relative}.explore-hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(168,85,247,0.15),transparent 70%);filter:blur(80px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;will-change:transform}[data-theme="legacy"] .explore-hero-glow{background:radial-gradient(circle,rgba(255,87,87,0.12),transparent 70%)}.explore-hero-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}.explore-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-full);background:rgba(255,255,255,0.05);border:1px solid var(--color-border);font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);backdrop-filter:blur(4px)}.explore-badge svg{color:var(--color-accent)}.explore-hero-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--spacing-md)}.explore-hero-gradient{background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme="legacy"] .explore-hero-gradient{background:0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.explore-hero-subtitle{font-size:1.15rem;color:var(--color-text-secondary);font-weight:400;line-height:1.5;max-width:520px;margin:0 auto}.explore-categories-section{padding:var(--spacing-xl) 0 var(--spacing-2xl)}.explore-section-heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;text-align:center;margin-bottom:var(--spacing-xs);letter-spacing:-.02em;color:var(--color-text-primary)}.explore-section-subheading{font-size:1.05rem;color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400}.explore-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.explore-category-card{display:block;padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;position:relative;overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.explore-category-card:hover{border-color:var(--color-border-hover);transform:translateY(-3px);box-shadow:var(--shadow-md)}[data-theme="legacy"] .explore-category-card{background:linear-gradient(135deg,rgba(86,11,148,0.95) 0,rgba(121,29,200,0.95) 100%);border:1px solid rgba(255,255,255,0.15)}[data-theme="legacy"] .explore-category-card:hover{border-color:rgba(255,255,255,0.3)}.explore-category-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);color:#fff}.explore-category-icon svg{color:#fff}.explore-category-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.explore-category-count{font-size:.85rem;color:var(--color-text-muted);margin:0}.explore-category-icon.technology{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.explore-category-icon.business{background:linear-gradient(135deg,#a855f7,#ec4899)}.explore-category-icon.education{background:linear-gradient(135deg,#22c55e,#10b981)}.explore-category-icon.fitness,.explore-category-icon.health{background:linear-gradient(135deg,#ef4444,#f97316)}.explore-category-icon.music{background:linear-gradient(135deg,#eab308,#f59e0b)}.explore-category-icon.design{background:linear-gradient(135deg,#ec4899,#f43f5e)}.explore-category-icon.science,.explore-category-icon.science-and-technology{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.explore-category-icon.gaming{background:linear-gradient(135deg,#d946ef,#ec4899)}.explore-category-icon.programming{background:linear-gradient(135deg,#10b981,#14b8a6)}.explore-category-icon.cooking,.explore-category-icon.food{background:linear-gradient(135deg,#f97316,#ef4444)}.explore-category-icon.autos-and-vehicles{background:linear-gradient(135deg,#6366f1,#3b82f6)}.explore-category-icon.entertainment{background:linear-gradient(135deg,#f43f5e,#ec4899)}.explore-category-icon.news-and-politics{background:linear-gradient(135deg,#64748b,#475569)}.explore-category-icon.people-and-blogs{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.explore-category-icon.travel-and-events{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.explore-category-icon{background:linear-gradient(135deg,#6366f1,#a855f7)}.explore-category-hover-overlay{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.explore-category-card:hover .explore-category-hover-overlay{opacity:1}.explore-category-hover-overlay.technology,.explore-category-hover-overlay.science-and-technology{background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(6,182,212,0.1))}.explore-category-hover-overlay.business{background:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(236,72,153,0.1))}.explore-category-hover-overlay.education{background:linear-gradient(135deg,rgba(34,197,94,0.1),rgba(16,185,129,0.1))}.explore-category-hover-overlay.fitness,.explore-category-hover-overlay.health{background:linear-gradient(135deg,rgba(239,68,68,0.1),rgba(249,115,22,0.1))}.explore-category-hover-overlay.music{background:linear-gradient(135deg,rgba(234,179,8,0.1),rgba(245,158,11,0.1))}.explore-category-hover-overlay.design{background:linear-gradient(135deg,rgba(236,72,153,0.1),rgba(244,63,94,0.1))}.explore-category-hover-overlay.science{background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(59,130,246,0.1))}.explore-category-hover-overlay.gaming{background:linear-gradient(135deg,rgba(217,70,239,0.1),rgba(236,72,153,0.1))}.explore-category-hover-overlay.programming{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(20,184,166,0.1))}.explore-category-hover-overlay.cooking,.explore-category-hover-overlay.food{background:linear-gradient(135deg,rgba(249,115,22,0.1),rgba(239,68,68,0.1))}.explore-category-hover-overlay.autos-and-vehicles{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(59,130,246,0.1))}.explore-category-hover-overlay.entertainment{background:linear-gradient(135deg,rgba(244,63,94,0.1),rgba(236,72,153,0.1))}.explore-category-hover-overlay.news-and-politics{background:linear-gradient(135deg,rgba(100,116,139,0.1),rgba(71,85,105,0.1))}.explore-category-hover-overlay.people-and-blogs{background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(168,85,247,0.1))}.explore-category-hover-overlay.travel-and-events{background:linear-gradient(135deg,rgba(20,184,166,0.1),rgba(6,182,212,0.1))}.explore-category-hover-overlay{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(168,85,247,0.1))}.explore-category-name,.explore-category-count{position:relative;z-index:1}.explore-category-icon{position:relative;z-index:1}.explore-recent-section{padding:var(--spacing-xl) 0 var(--spacing-2xl)}.explore-recent-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--spacing-xl)}.explore-recent-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.explore-recent-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;transition:border-color var(--transition-fast),transform var(--transition-fast);overflow:hidden}.explore-recent-card:hover{border-color:var(--color-border-hover);transform:translateX(6px)}.explore-recent-card:hover .explore-recent-thumb img{transform:scale(1.08)}[data-theme="legacy"] .explore-recent-card{background:linear-gradient(135deg,rgba(86,11,148,0.95) 0,rgba(121,29,200,0.95) 100%);border:1px solid rgba(255,255,255,0.1)}[data-theme="legacy"] .explore-recent-card:hover{border-color:rgba(255,255,255,0.25)}.explore-recent-thumb{width:160px;min-width:160px;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);position:relative;flex-shrink:0}.explore-recent-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.explore-recent-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.3),transparent);pointer-events:none}.explore-recent-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-bg-secondary)}.explore-recent-content{flex:1;min-width:0}.explore-recent-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.explore-recent-card:hover .explore-recent-title{color:var(--color-accent)}[data-theme="legacy"] .explore-recent-card:hover .explore-recent-title{color:var(--color-legacy-salmon)}.explore-recent-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.explore-recent-author{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--color-text-muted)}.explore-recent-category-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--color-accent-subtle);color:var(--color-accent)}[data-theme="legacy"] .explore-recent-category-badge{background:rgba(255,87,87,0.15);color:var(--color-legacy-salmon)}.category-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:var(--spacing-lg);transition:color var(--transition-fast);padding:6px 12px;border-radius:var(--radius-full);background:rgba(255,255,255,0.05);border:1px solid var(--color-border)}.category-back-link:hover{color:var(--color-accent);border-color:var(--color-border-hover)}[data-theme="legacy"] .category-back-link{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15);color:#e0e0e0}[data-theme="legacy"] .category-back-link:hover{color:var(--color-legacy-salmon);border-color:rgba(255,255,255,0.3)}.category-load-more-wrapper{text-align:center;margin-top:var(--spacing-xl)}.category-load-more-btn{padding:12px 32px;background:rgba(255,255,255,0.05);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.category-load-more-btn:hover{background:rgba(255,255,255,0.1);border-color:var(--color-border-hover)}[data-theme="legacy"] .category-load-more-btn{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#e0e0e0}[data-theme="legacy"] .category-load-more-btn:hover{background:var(--color-legacy-salmon);color:white;border-color:var(--color-legacy-salmon)}.category-loading{color:var(--color-text-muted);font-size:14px}@media(max-width:1024px){.explore-categories-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.explore-categories-grid{grid-template-columns:repeat(2,1fr)}.explore-recent-thumb{width:120px;min-width:120px}.explore-recent-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media(max-width:480px){.explore-hero{padding:calc(var(--spacing-xl) + 50px) var(--spacing-sm) var(--spacing-md)}.explore-category-card{padding:var(--spacing-md)}.explore-recent-card{flex-direction:column;align-items:flex-start}.explore-recent-thumb{width:100%;min-width:unset}}