:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:#f8fafc}.help-text{color:#64748b;font-size:.875rem;margin-top:.5rem;text-align:center}.loading-container{text-align:center;margin:2rem 0}.loading-container p{margin-top:1rem;color:#64748b}.video-info{background-color:#f1f5f9;padding:1rem;border-radius:.5rem;margin:1rem 0}.video-info p{margin-bottom:.5rem}.video-info p:last-child{margin-bottom:0}.disclaimer{font-size:.875rem;color:#94a3b8;margin-top:.5rem}.summary-content h1,.summary-content h2,.summary-content h3,.summary-content h4,.summary-content h5,.summary-content h6{margin:1.5rem 0 1rem;color:#1e293b}.summary-content p{margin-bottom:1rem;line-height:1.7}.summary-content ul,.summary-content ol{margin:1rem 0 1rem 1.5rem}.summary-content li{margin-bottom:.5rem}.summary-content code{background-color:#f1f5f9;padding:.2rem .4rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em}.summary-content pre{background-color:#f1f5f9;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.summary-content pre code{background-color:transparent;padding:0}.summary-content blockquote{border-left:4px solid #e2e8f0;padding-left:1rem;margin:1rem 0;color:#64748b}.summary-content a{color:#2563eb;text-decoration:none}.summary-content a:hover{text-decoration:underline}:focus{outline:2px solid #2563eb;outline-offset:2px}:focus:not(:focus-visible){outline:none}@media print{.App-header,form,footer{display:none}.summary-container{box-shadow:none;padding:0}.summary-content{border:none;padding:0}}.video-gallery{margin:0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.video-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:var(--transition);border:1px solid var(--border-light);position:relative;animation:cardFadeIn .6s ease-out;animation-fill-mode:both}.video-card:nth-child(1){animation-delay:.05s}.video-card:nth-child(2){animation-delay:.1s}.video-card:nth-child(3){animation-delay:.15s}.video-card:nth-child(4){animation-delay:.2s}.video-card:nth-child(5){animation-delay:.25s}.video-card:nth-child(6){animation-delay:.3s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.05) 100%);opacity:0;transition:var(--transition);pointer-events:none}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.video-card:hover:before{opacity:1}.video-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-thumbnail:after{content:"📝";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:80px;height:80px;background:#000000d9;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);font-size:2rem;opacity:0;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1)}.video-thumbnail:before{content:"View Q&A";position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(10px);background:var(--primary);color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;opacity:0;transition:var(--transition);white-space:nowrap;box-shadow:var(--shadow-lg)}.video-card:hover .video-thumbnail:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover .video-thumbnail:before{opacity:1;transform:translate(-50%) translateY(0)}.language-badge{position:absolute;top:12px;right:12px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:var(--radius);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow);transition:var(--transition)}.video-card:hover .language-badge{background:var(--primary);transform:scale(1.05)}.video-title{padding:1.25rem;font-size:1rem;color:var(--text-primary);line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:var(--transition)}.video-card:hover .video-title{color:var(--primary)}.video-meta{padding:0 1.25rem 1.25rem;display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.video-meta-item{display:flex;align-items:center;gap:.25rem}.video-card.skeleton{animation:none;cursor:default}.skeleton-thumbnail{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-title{height:3rem;margin:1rem;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.load-more-container{display:flex;justify-content:center;padding:3rem 0}.load-more-btn{padding:1rem 3rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.load-more-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.load-more-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.load-more-btn:hover:before{width:300px;height:300px}.load-more-btn:active{transform:translateY(0)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 1024px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 640px){.video-grid{grid-template-columns:1fr;gap:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;width:900px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-xl);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:2rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);position:relative}.modal-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;padding-right:3rem;line-height:1.4}.youtube-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:var(--transition);padding:.5rem 1rem;background:var(--bg-primary);border-radius:var(--radius);margin-top:.5rem}.youtube-link:hover{background:var(--primary);color:#fff;transform:translate(4px)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition);z-index:1}.modal-close:hover{background:var(--error);color:#fff;border-color:var(--error);transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.wiki-article{max-width:700px;margin:0 auto}.wiki-qa{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-light);animation:contentFadeIn .6s ease-out;animation-fill-mode:both}.wiki-qa:nth-child(1){animation-delay:.1s}.wiki-qa:nth-child(2){animation-delay:.2s}.wiki-qa:nth-child(3){animation-delay:.3s}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wiki-qa:last-child{border-bottom:none}.wiki-qa h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative;padding-left:1.5rem}.wiki-qa h3:before{content:"Q";position:absolute;left:0;top:0;width:1.25rem;height:1.25rem;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}.wiki-qa p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.supplement-section{background:var(--bg-secondary);border-left:4px solid var(--primary);padding:1.25rem;margin:1.5rem 0;border-radius:0 var(--radius) var(--radius) 0;position:relative;overflow:hidden}.supplement-section:before{content:'"';position:absolute;top:-10px;left:10px;font-size:4rem;color:var(--primary);opacity:.1;font-family:Georgia,serif}.supplement-section p{font-style:italic;color:var(--text-primary);margin:0;position:relative;z-index:1}.error-message{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:1.5rem;border-radius:var(--radius);text-align:center;margin:2rem 0}@media (max-width: 768px){.modal-content{max-width:100vw;max-height:100vh;width:100vw;height:100vh;border-radius:0}.modal-overlay{padding:0}.modal-header,.modal-body{padding:1.5rem}.wiki-qa h3{font-size:1.125rem}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #f59e0b;--success: #10b981;--error: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}body.dark-mode{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #fbbf24;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border: #334155;--border-light: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:var(--transition-slow)}.hero-section{position:relative;height:350px;overflow:hidden;margin-bottom:-80px;background:var(--primary-dark)}.animated-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-dark);overflow:hidden}.animated-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);animation:ripple 3s ease-out infinite;transform:scale(0);opacity:0}.animated-bg:after{content:"";position:absolute;top:50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,191,36,.1) 0%,transparent 70%);animation:ripple 3s ease-out infinite 1.5s;transform:scale(0);opacity:0}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.hero-content{position:relative;z-index:1;text-align:center;padding:3rem 2rem 4rem;max-width:800px;margin:0 auto}.hero-title{margin-bottom:1rem;animation:fadeInUp .8s ease-out}.gradient-text{font-size:3.5rem;font-weight:800;color:#fff;display:block;margin-bottom:.5rem;letter-spacing:-.5px;opacity:1}.hero-subtitle{font-size:1.5rem;font-weight:400;color:#ffffffe6;display:block;opacity:.9}.hero-description{font-size:1.125rem;color:#fffffff2;animation:fadeInUp .8s ease-out .2s both;font-weight:400}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.App-header{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);transition:var(--transition);margin-top:-2rem;border-radius:var(--radius-xl) var(--radius-xl) 0 0}body.dark-mode .App-header{background:#0f172afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;gap:1.5rem;align-items:center;justify-content:space-between}.App-header form{flex:1;display:flex;gap:.75rem;align-items:center;background:var(--bg-secondary);padding:.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition)}body.dark-mode .App-header form{background:var(--bg-tertiary);border-color:var(--border-light)}.App-header form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.App-header input[type=url]{flex:1;padding:.75rem 1rem;border:none;background:transparent;font-size:1rem;color:var(--text-primary);outline:none}.App-header input[type=url]::placeholder{color:var(--text-tertiary)}.App-header button[type=submit]{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:.5rem}.App-header button[type=submit]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.App-header button[type=submit]:active{transform:translateY(0)}.App-header button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.language-selector{padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);outline:none;min-width:120px;color:var(--text-primary)}body.dark-mode .language-selector{background:var(--bg-tertiary)}.language-selector:hover{border-color:var(--primary);box-shadow:var(--shadow)}.language-selector:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.theme-toggle{width:44px;height:44px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.25rem}.theme-toggle:hover{background:var(--bg-tertiary);transform:rotate(15deg);box-shadow:var(--shadow)}.content-wrapper{max-width:1200px;margin:0 auto;padding:2rem;min-height:400px}.section-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out}.section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-line{width:60px;height:4px;background:var(--primary);margin:0 auto;border-radius:2px}.empty-state{text-align:center;padding:4rem 2rem;animation:fadeIn .6s ease-out}.empty-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:1.125rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.hero-section{height:280px}.gradient-text{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.header-content{flex-direction:column;gap:1rem;padding:1rem}.App-header form{width:100%}.language-selector,.theme-toggle{position:absolute;top:1rem;right:1rem}.theme-toggle{right:5rem}}