/* ----------------------------------------------------------------------
		 * EDTECH LEARNING HUB & HYBRID FILTER LAYOUT
		 * -------------------------------------------------------------------- */
		
		/* 0. Canvas Background: Pastel Teal / Ngọc bích nhạt (#f4fafb) đồng bộ hệ thống theme */
		#primary.gt-page {
			background: var(--page-bg, #f4fafb);
			overflow-x: clip;
			max-width: 100%;
		}

		/* Giới hạn khung quảng cáo đỉnh trang không che khuất màn hình đầu */
		.wrap-ads-top{
			overflow:hidden!important;
			max-height:120px!important;
			margin:0 auto 12px!important;
		}
		@media (max-width:767px){
			.wrap-ads-top{
				max-height:90px!important;
				margin:0 auto 8px!important;
			}
		}

		/* 1. Hero Block — Kết hợp Phương án 1 (Decor Mask) & Phương án 2 (Nền đục chống đè chữ) */
		.lnv-hero-wrap{margin-bottom:24px}
		.lnv-hero{
			position:relative;overflow:hidden;border-radius:24px;
			background-color:#1b697b;
			background:linear-gradient(135deg, #1b697b 0%, #155564 100%);
			padding:36px 40px 32px;color:#ffffff;
			border:1px solid #24849a;
			box-shadow:0 14px 34px rgba(27,105,123,.22);
		}
		.lnv-hero--compact{
			padding:24px 32px 22px;border-radius:20px;
		}
		.lnv-hero-decor{
			display:block;position:absolute;inset:0;pointer-events:none;z-index:1;
			background-image:radial-gradient(rgba(94,234,212,.24) 1.2px, transparent 1.2px);
			background-size:20px 20px;
			-webkit-mask-image:radial-gradient(circle at 92% 15%, black 15%, transparent 72%);
			mask-image:radial-gradient(circle at 92% 15%, black 15%, transparent 72%);
		}
		.lnv-hero-inner{position:relative;z-index:2}
		.lnv-hero-header{margin-bottom:24px}
		.lnv-hero-header--compact{margin-bottom:16px}
		.lnv-hero-top-row{
			display:flex;align-items:center;justify-content:space-between;
			flex-wrap:wrap;gap:10px;margin-bottom:10px;
		}
		.lnv-hero-back-link{
			display:inline-flex;align-items:center;gap:6px;
			background:#145767;color:#ffffff;
			border:1px solid rgba(94,234,212,.3);
			font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:50rem;
			text-decoration:none;transition:all .18s;
			box-shadow:0 2px 6px rgba(0,0,0,.08);
		}
		.lnv-hero-back-link:hover{background:#ffffff;border-color:#ffffff;color:#1b697b}
		.lnv-back-short{display:none}
		.lnv-hero-filter-status{
			display:inline-flex;align-items:center;gap:5px;
			color:#5eead4;font-size:12.5px;font-weight:700;
		}
		.lnv-hero-top-actions{
			display:inline-flex;align-items:center;gap:8px;
		}
		.lnv-hero-filter-btn{
			display:none;align-items:center;gap:6px;
			background:linear-gradient(135deg, #5eead4 0%, #14b8a6 100%);
			color:#042f2e;border:1px solid rgba(255,255,255,.4);border-radius:50rem;
			padding:6px 14px;font-size:12.5px;font-weight:800;cursor:pointer;
			line-height:1.2;box-shadow:0 3px 12px rgba(20,184,166,.38);
			transition:all .16s ease;
		}
		.lnv-hero-filter-btn:hover{background:linear-gradient(135deg, #7cf2e1 0%, #2dd4bf 100%);transform:translateY(-1px);box-shadow:0 4px 14px rgba(20,184,166,.45)}
		.lnv-hero-filter-btn:active{transform:scale(0.97)}
		.lnv-hero-filter-btn i{font-size:12px;color:#042f2e}
		.lnv-hero-filter-btn .lnv-mft-badge{
			background:#042f2e;color:#5eead4;font-size:10.5px;font-weight:900;
			min-width:18px;height:18px;border-radius:9px;padding:0 4px;
			display:inline-flex;align-items:center;justify-content:center;line-height:1;
		}
		.lnv-hero-pill-tag{
			display:inline-flex;align-items:center;gap:6px;
			background:#145767;color:#ffffff;
			border:1px solid rgba(94,234,212,.3);
			font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:50rem;
			box-shadow:0 2px 6px rgba(0,0,0,.08);
			margin-bottom:12px;
		}
		.lnv-hero-pill-tag i{color:#5eead4}
		.lnv-hero-header h1{
			margin:0 0 10px;font-size:29px;font-weight:700;color:#fbbf24;
			text-shadow:0 2px 10px rgba(0,0,0,.22);
			letter-spacing:0;line-height:1.3;font-family:'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
		}
		.lnv-hero-header--compact h1{
			font-size:23px;margin:0;
		}
		.lnv-hero-desc{
			margin:0 0 16px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.9);
			max-width:760px;
		}
		.lnv-hero-badges{
			display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:6px;
		}
		.lnv-hbadge{
			display:inline-flex;align-items:center;gap:6px;font-size:13px;
			font-weight:600;color:#ffffff;
			background:#145767;border:1px solid rgba(94,234,212,.25);
			padding:4px 13px;border-radius:50rem;
			box-shadow:0 2px 6px rgba(0,0,0,.08);
		}
		.lnv-hbadge i{color:#5eead4;font-size:13.5px}

		/* Hero Split Grid (Hero Phương án B) */
		.lnv-hero--split{padding:32px 36px 28px}
		.lnv-hero-grid{
			display:grid;grid-template-columns:1.15fr 0.85fr;gap:32px;align-items:center;
		}
		.lnv-hero-intro-col{min-width:0}
		.lnv-hero-spotlight-col{min-width:0}

		/* Spotlight Card */
		.lnv-spotlight-card{
			display:block;background:#ffffff;border-radius:20px;overflow:hidden;
			text-decoration:none;box-shadow:0 16px 36px rgba(0,0,0,.26);
			border:2px solid rgba(94,234,212,.35);transition:all .24s ease;
			color:#0f172a;
		}
		.lnv-spotlight-card:hover{
			transform:translateY(-4px);border-color:#5eead4;
			box-shadow:0 22px 46px rgba(0,0,0,.35);color:#0f172a;
		}
		.lnv-spotlight-thumb-wrap{
			position:relative;aspect-ratio:16/9;overflow:hidden;background:#0f172a;
		}
		.lnv-spotlight-img{
			width:100%;height:100%;object-fit:cover;display:block;
			transition:transform .35s ease;
		}
		.lnv-spotlight-card:hover .lnv-spotlight-img{transform:scale(1.04)}
		.lnv-spotlight-overlay{
			position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 45%,rgba(0,0,0,.75) 100%);
			pointer-events:none;
		}
		.lnv-spotlight-header-tags{
			position:absolute;top:10px;left:10px;right:10px;
			display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2;
		}
		.lnv-spotlight-fire-badge{
			display:inline-flex;align-items:center;gap:5px;
			background:linear-gradient(135deg,#ff4d4f,#f5222d);color:#fff;
			font-size:11.5px;font-weight:900;padding:4px 10px;border-radius:50rem;
			box-shadow:0 3px 10px rgba(245,34,45,.4);letter-spacing:.3px;
		}
		.lnv-spotlight-fire-badge i{font-size:12px;color:#fff}
		.lnv-spotlight-fire-badge svg,
		.lnv-spotlight-fire-badge .lnv-fire-svg{
			width:11px!important;height:13px!important;
			display:inline-block!important;vertical-align:middle!important;
			fill:#fff!important;color:#fff!important;flex-shrink:0!important;
		}
		.lnv-spotlight-play-pulse{
			position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
			z-index:2;pointer-events:none;
		}
		.lnv-spp-circle{
			width:54px;height:54px;border-radius:50%;background:rgba(20,184,166,.92);
			display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;
			box-shadow:0 0 0 0 rgba(94,234,212,.7);transition:all .22s ease;
			padding-left:3px;
		}
		.lnv-spotlight-card:hover .lnv-spp-circle{
			background:#14b8a6;transform:scale(1.1);box-shadow:0 0 0 14px rgba(94,234,212,0);
		}
		.lnv-spotlight-thumb-meta{
			position:absolute;bottom:8px;left:10px;right:10px;
			display:flex;align-items:center;justify-content:space-between;gap:8px;
			z-index:2;font-size:11.5px;font-weight:700;color:#fff;
		}
		.lnv-spotlight-duration, .lnv-spotlight-sentences{
			display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.65);
			backdrop-filter:blur(4px);padding:3px 8px;border-radius:6px;
		}
		.lnv-spotlight-body{padding:14px 18px 16px;background:#ffffff}
		.lnv-spotlight-title{
			margin:0 0 5px;font-size:15px;font-weight:800;color:#0f172a;line-height:1.4;
			display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
		}
		.lnv-spotlight-title-vi,
		.lnv-spotlight-title-sub{
			font-size:13px;color:#64748b;line-height:1.35;margin-bottom:10px;
			display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
			font-weight:600;
		}
		.lnv-spotlight-footer{
			display:flex;align-items:center;justify-content:space-between;gap:10px;
			border-top:1px solid #f1f5f9;padding-top:10px;
		}
		.lnv-spotlight-channel-info{
			display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;font-weight:600;min-width:0;
		}
		.lnv-sp-channel{
			white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;
			display:inline-flex;align-items:center;gap:4px;
		}
		.lnv-sp-channel i{color:#ff0000}
		.lnv-sp-views{white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
		.lnv-spotlight-cta{
			display:inline-flex;align-items:center;gap:5px;
			background:linear-gradient(135deg,#0d9488,#0f766e);color:#ffffff;
			font-size:12px;font-weight:800;padding:6px 14px;border-radius:50rem;
			box-shadow:0 3px 10px rgba(13,148,136,.3);white-space:nowrap;
			transition:all .18s ease;
		}
		.lnv-spotlight-card:hover .lnv-spotlight-cta{
			background:linear-gradient(135deg,#14b8a6,#0d9488);
			transform:translateX(2px);box-shadow:0 4px 14px rgba(13,148,136,.45);
		}

		/* 2. Feature Bar (3 Trụ Cột Học Tập) */
		.lnv-feature-bar{
			display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;
		}
		.lnv-feature-card{
			background:#ffffff;border:1px solid rgba(27,105,123,.12);border-radius:18px;
			padding:16px 18px;display:flex;align-items:flex-start;gap:14px;
			box-shadow:0 4px 16px rgba(27,105,123,.05);transition:all .22s ease;
		}
		.lnv-feature-card:hover{
			border-color:#14b8a6;transform:translateY(-2px);
			box-shadow:0 8px 24px rgba(27,105,123,.1);
		}
		.lnv-fc-icon{
			width:44px;height:44px;border-radius:14px;display:flex;align-items:center;
			justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 3px 8px rgba(0,0,0,.04);
		}
		.lnv-fc-icon--sub{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}
		.lnv-fc-icon--dict{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}
		.lnv-fc-icon--practice{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}
		.lnv-fc-content h4{margin:0 0 4px;font-size:14.5px;font-weight:800;color:#0f172a}
		.lnv-fc-content p{margin:0;font-size:12.5px;color:#64748b;line-height:1.45}

		/* 2.1. Resume Section (Tiếp Tục Bài Học Dở Dang) */
		.lnv-resume-section{margin-bottom:24px}
		.lnv-resume-section.is-hidden{display:none!important}
		.lnv-resume-inner{
			background:linear-gradient(135deg,#ffffff 0%,#f0fdfa 100%);
			border:1.5px solid #ccfbf1;border-radius:20px;padding:16px 20px;
			box-shadow:0 6px 20px rgba(13,148,136,.08);position:relative;
		}
		.lnv-resume-head{
			display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;
		}
		.lnv-resume-badge{
			display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;
			color:#0f766e;text-transform:uppercase;letter-spacing:0.5px;
		}
		.lnv-resume-badge i{color:#0d9488;font-size:13px;animation:lnvSpinSlow 12s linear infinite}
		@keyframes lnvSpinSlow{to{transform:rotate(360deg)}}
		.lnv-resume-dismiss{
			background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:50%;line-height:1;transition:all .15s;
		}
		.lnv-resume-dismiss:hover{color:#ef4444;background:#fee2e2}
		.lnv-resume-card-body{display:flex;align-items:center;gap:16px}
		.lnv-resume-thumb{
			width:120px;aspect-ratio:16/9;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1);
		}
		.lnv-resume-info{flex:1;min-width:0}
		.lnv-resume-title{
			margin:0 0 4px;font-size:15px;font-weight:700;color:#0f172a;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
		}
		.lnv-resume-title a{color:#0f172a;text-decoration:none}
		.lnv-resume-title a:hover{color:#0d9488}
		.lnv-resume-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#64748b;flex-wrap:wrap}
		.lnv-resume-btn{
			display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;padding:8px 18px;border-radius:50rem;white-space:nowrap;box-shadow:0 3px 10px rgba(13,148,136,.3);transition:all .18s;flex-shrink:0;
		}
		.lnv-resume-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(13,148,136,.4);color:#fff!important}

		/* 2.2. Daily Listening Challenge */
		.lnv-section-daily{margin-bottom:30px}
		.lnv-daily-card{
			position:relative;overflow:hidden;border-radius:22px;
			background:#0f3b45;
			background:linear-gradient(135deg,#0f3b45 0%,#155361 60%,#1a6476 100%);
			padding:28px 32px;color:#ffffff;
			border:1.5px solid #238398;
			box-shadow:0 12px 30px rgba(15,59,69,.25);
		}
		.lnv-daily-decor{
			position:absolute;inset:0;pointer-events:none;
			background-image:radial-gradient(rgba(94,234,212,.2) 1.2px, transparent 1.2px);
			background-size:22px 22px;
			mask-image:radial-gradient(circle at 90% 20%, black 10%, transparent 65%);
			-webkit-mask-image:radial-gradient(circle at 90% 20%, black 10%, transparent 65%);
		}
		.lnv-daily-grid{
			position:relative;z-index:2;display:grid;grid-template-columns:1.45fr 1fr;gap:28px;align-items:center;
		}
		.lnv-daily-pill-badge{
			display:inline-flex;align-items:center;gap:6px;background:rgba(251,191,36,.2);border:1px solid #fbbf24;color:#fde047;font-size:12px;font-weight:800;padding:4px 12px;border-radius:50rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px;
		}
		.lnv-daily-title{margin:0 0 6px;font-size:21px;font-weight:800;line-height:1.35}
		.lnv-daily-title a{color:#ffffff;text-decoration:none;transition:color .18s}
		.lnv-daily-title a:hover{color:#5eead4}
		.lnv-daily-title-vi,
		.lnv-daily-title-sub{margin:0 0 12px;font-size:14px;color:rgba(255,255,255,.82);line-height:1.4}
		.lnv-daily-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:rgba(255,255,255,.88)}
		.lnv-daily-meta-item{display:inline-flex;align-items:center;gap:5px}
		.lnv-daily-meta-item i{color:#5eead4}
		.lnv-daily-tip{
			background:rgba(0,0,0,.22);border-left:3px solid #5eead4;border-radius:8px;padding:8px 12px;font-size:13px;color:rgba(255,255,255,.9);line-height:1.45;
		}
		.lnv-daily-tip strong{color:#5eead4}
		.lnv-daily-action-col{min-width:0}
		.lnv-daily-media-preview{
			display:block;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px;transition:all .22s ease;
		}
		.lnv-daily-media-preview:hover{
			background:rgba(255,255,255,.14);border-color:#5eead4;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25);
		}
		.lnv-daily-thumb-wrap{
			position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin-bottom:10px;
		}
		.lnv-daily-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
		.lnv-daily-media-preview:hover .lnv-daily-img{transform:scale(1.04)}
		.lnv-daily-play-btn{
			position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:rgba(20,184,166,.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .2s;
		}
		.lnv-daily-media-preview:hover .lnv-daily-play-btn{background:#14b8a6;transform:translate(-50%,-50%) scale(1.1)}
		.lnv-daily-cta-btn{
			display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#5eead4 0%,#14b8a6 100%);color:#042f2e;font-size:14px;font-weight:800;padding:10px 16px;border-radius:50rem;text-align:center;box-shadow:0 4px 14px rgba(20,184,166,.35);transition:all .18s;
		}
		.lnv-daily-media-preview:hover .lnv-daily-cta-btn{
			background:linear-gradient(135deg,#7cf2e1 0%,#2dd4bf 100%);box-shadow:0 6px 18px rgba(20,184,166,.48);
		}

		/* 2.3. Method & Ecosystem Section */
		.lnv-section-method-ecosystem{
			background:#ffffff;border:1px solid rgba(27,105,123,.12);border-radius:24px;
			padding:28px 30px;box-shadow:0 6px 24px rgba(27,105,123,.05);margin-bottom:34px;
			box-sizing:border-box;max-width:100%;overflow:hidden;
		}
		.lnv-section-method-ecosystem .lnv-hub-section-head{margin-bottom:22px}
		.lnv-method-steps-grid{
			display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px;
		}
		.lnv-step-card{
			background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:20px 16px;position:relative;transition:all .2s ease;display:flex;flex-direction:column;min-width:0;box-sizing:border-box;
		}
		.lnv-step-card:hover{
			background:#ffffff;border-color:#14b8a6;transform:translateY(-3px);box-shadow:0 8px 20px rgba(20,184,166,.12);
		}
		.lnv-step-num{
			font-size:24px;font-weight:900;color:#cbd5e1;line-height:1;margin-bottom:10px;font-family:sans-serif;
		}
		.lnv-step-card:hover .lnv-step-num{color:#14b8a6}
		.lnv-step-icon{
			width:42px;height:42px;border-radius:12px;background:#e6fffa;color:#0d9488;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px;
		}
		.lnv-step-card h4{margin:0 0 6px;font-size:15px;font-weight:800;color:#0f172a;line-height:1.3;word-break:break-word}
		.lnv-step-card p{margin:0;font-size:12.5px;color:#64748b;line-height:1.45;flex:1;word-break:break-word}
		.lnv-ecosystem-divider{text-align:center;position:relative;margin:0 0 20px}
		.lnv-ecosystem-divider::before{
			content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0;z-index:1;
		}
		.lnv-ecosystem-divider span{
			position:relative;z-index:2;background:#ffffff;padding:0 16px;font-size:11.5px;font-weight:800;color:#94a3b8;letter-spacing:1px;text-transform:uppercase;
		}
		.lnv-ecosystem-grid{
			display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
		}
		.lnv-eco-card{
			display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px;text-decoration:none!important;transition:all .2s ease;min-width:0;box-sizing:border-box;overflow:hidden;
		}
		.lnv-eco-card:hover{
			background:#ffffff;border-color:#029fb2;transform:translateY(-2px);box-shadow:0 6px 18px rgba(2,159,178,.12);
		}
		.lnv-eco-icon{
			width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;
		}
		.lnv-eco-icon.is-dict{background:linear-gradient(135deg,#0284c7,#0369a1)}
		.lnv-eco-icon.is-exam{background:linear-gradient(135deg,#16a34a,#15803d)}
		.lnv-eco-icon.is-flashcard{background:linear-gradient(135deg,#d97706,#b45309)}
		.lnv-eco-icon.is-course{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
		.lnv-eco-info{flex:1 1 0;min-width:0;overflow:hidden}
		.lnv-eco-info h4{margin:0 0 2px;font-size:14px;font-weight:800;color:#0f172a;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
		.lnv-eco-card:hover .lnv-eco-info h4{color:#029fb2}
		.lnv-eco-info p{
			margin:0;font-size:11.5px;color:#64748b;line-height:1.35;
			display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
		}
		.lnv-eco-arrow{color:#cbd5e1;font-size:13px;transition:all .2s;flex-shrink:0}
		.lnv-eco-card:hover .lnv-eco-arrow{color:#029fb2;transform:translateX(3px)}

		/* 2. Hero Search Bar */
		.lnv-hero-search-box{
			display:flex;align-items:center;background:#ffffff;border-radius:50rem;
			padding:6px 6px 6px 18px;margin-bottom:14px;
			box-shadow:0 8px 24px rgba(0,0,0,.18);
			max-width:820px;
		}
		.lnv-search-input-wrap{
			display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding-right:10px;
		}
		.lnv-search-icon{color:var(--color-primary);font-size:17px;flex-shrink:0}
		.lnv-search-input-wrap input{
			width:100%;border:none;outline:none;background:transparent;
			font-size:15px;color:#0f172a;padding:8px 0;
		}
		.lnv-search-input-wrap input::placeholder{color:#94a3b8}
		.lnv-search-clear{
			color:#94a3b8;font-size:15px;line-height:1;padding:4px 8px;border-radius:50%;
			font-weight:700;transition:color .2s;text-decoration:none;
		}
		.lnv-search-clear:hover{color:#ef4444}
		.lnv-search-submit{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			gap:6px;
			height:auto;
			min-height:0;
			line-height:1;
			background:#029fb2;
			color:#fff;border:none;border-radius:50rem;padding:11px 24px 10px;
			font-size:14.5px;font-weight:700;cursor:pointer;flex-shrink:0;
			transition:transform .15s,background .2s;
			box-shadow:none;
		}
		.lnv-search-submit:hover{
			transform:translateY(-1px);
			background:#008191;
			box-shadow:none;
			color:#fff;
		}

		/* 3. Hero Suggestions & Stats */
		.lnv-hero-suggestions{
			display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:20px;
			font-size:13px;
		}
		.lnv-hero--compact .lnv-hero-suggestions{margin-bottom:0}
		.lnv-sug-title{color:rgba(255,255,255,.92);font-weight:700;display:inline-flex;align-items:center;gap:4px}
		.lnv-sug-tag{
			color:#ffffff;background:#135362;border:1px solid rgba(94,234,212,.28);
			padding:6px 13px;border-radius:50rem;font-size:12.5px;font-weight:600;
			min-height:34px;display:inline-flex;align-items:center;line-height:1.2;
			text-decoration:none;transition:all .18s;
			box-shadow:0 2px 6px rgba(0,0,0,.08);
		}
		.lnv-sug-tag:hover{
			background:#ffffff;border-color:#ffffff;color:#1b697b;
			transform:translateY(-1px);
			box-shadow:0 4px 10px rgba(0,0,0,.15);
		}
		
		.lnv-hero-stats{
			display:flex;align-items:center;gap:20px;padding-top:16px;
			border-top:1px solid rgba(255,255,255,.16);flex-wrap:wrap;
		}
		.lnv-hstat-item{display:flex;flex-direction:column}
		.lnv-hstat-num{font-size:19px;font-weight:900;color:#5eead4;line-height:1.2}
		.lnv-hstat-lbl{font-size:12px;color:rgba(255,255,255,.82);font-weight:500}
		.lnv-hstat-sep{width:1px;height:24px;background:rgba(255,255,255,.18)}

		/* 4. Smart Filter Box (Bộ lọc 2 tầng ngang trên trang Hub) */
		.lnv-smart-filter-box{
			background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.07);
			box-shadow:0 6px 20px rgba(0,0,0,.04);padding:18px 22px;margin-bottom:24px;
		}
		.lnv-sf-row{display:flex;align-items:center;gap:14px}
		.lnv-sf-label{
			display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;
			color:var(--color-text-secondary);flex-shrink:0;min-width:135px;text-transform:uppercase;
			letter-spacing:.02em;
		}
		.lnv-sf-label i{color:var(--color-primary);font-size:14px}
		.lnv-sf-divider{height:1px;background:#f1f5f9;margin:12px 0}
		.lnv-sf-pills-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}

		/* Filter Pills */
		.lnv-f-pill{
			display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50rem;
			font-size:13px;font-weight:700;color:var(--color-text-secondary);
			background:#f8fafc;border:1px solid #e2e8f0;text-decoration:none;
			transition:all .18s;white-space:nowrap;
		}
		.lnv-f-pill:hover{
			border-color:var(--color-primary);color:var(--color-primary-deep);
			background:#fff;transform:translateY(-1px);
		}
		.lnv-f-pill.is-active{
			background:var(--color-primary);border-color:var(--color-primary);color:#fff;
			box-shadow:none;
		}
		.lnv-fp-count{
			font-size:11px;font-weight:700;opacity:.78;background:rgba(0,0,0,.06);
			padding:1px 6px;border-radius:50rem;
		}
		.lnv-f-pill.is-active .lnv-fp-count{background:rgba(255,255,255,.25);opacity:1;color:#fff}
		.lnv-f-pill.is-empty-pill{
			opacity:.35;background:#f8fafc;color:#94a3b8;cursor:not-allowed!important;
		}
		.lnv-f-pill.is-empty-pill:not(.is-active):hover{
			opacity:.35!important;background:#f8fafc!important;color:#94a3b8!important;
			border-color:#e2e8f0!important;transform:none!important;cursor:not-allowed!important;
		}
		.lnv-f-pill.is-empty-pill.is-active{opacity:1;cursor:pointer!important}

		/* Specific Level Pill Colors (Đồng bộ chuẩn 100% theo .gt-badge trong card video) */
		.lvl-pill--n5{
			background:#1e3a5f!important;border-color:#1e3a5f!important;color:#fff!important;
		}
		.lvl-pill--n4{
			background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important;
		}
		.lvl-pill--n3{
			background:#43a047!important;border-color:#43a047!important;color:#fff!important;
		}
		.lvl-pill--n2{
			background:#fb8c00!important;border-color:#fb8c00!important;color:#fff!important;
		}
		.lvl-pill--n1{
			background:#7c4dff!important;border-color:#7c4dff!important;color:#fff!important;
		}
		.lnv-level-pills .lnv-f-pill .lnv-fp-name{
			font-weight:800;letter-spacing:.02em;
		}
		.lnv-level-pills .lnv-f-pill .lnv-fp-count{
			background:rgba(255,255,255,.25)!important;color:#fff!important;opacity:1!important;
		}
		.lnv-level-pills .lnv-f-pill:hover{
			transform:translateY(-2px);color:#fff!important;
		}
		.lvl-pill--n5:hover{box-shadow:0 4px 14px rgba(30,58,95,.4)!important}
		.lvl-pill--n4:hover{box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.4)!important}
		.lvl-pill--n3:hover{box-shadow:0 4px 14px rgba(67,160,71,.4)!important}
		.lvl-pill--n2:hover{box-shadow:0 4px 14px rgba(251,140,0,.4)!important}
		.lvl-pill--n1:hover{box-shadow:0 4px 14px rgba(124,77,255,.4)!important}

		/* Khi active (đang chọn cấp độ đó) */
		.lvl-pill--n5.is-active{box-shadow:0 0 0 3px rgba(30,58,95,.35),0 4px 12px rgba(30,58,95,.4)!important}
		.lvl-pill--n4.is-active{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.35),0 4px 12px rgba(var(--color-primary-rgb),.4)!important}
		.lvl-pill--n3.is-active{box-shadow:0 0 0 3px rgba(67,160,71,.35),0 4px 12px rgba(67,160,71,.4)!important}
		.lvl-pill--n2.is-active{box-shadow:0 0 0 3px rgba(251,140,0,.35),0 4px 12px rgba(251,140,0,.4)!important}
		.lvl-pill--n1.is-active{box-shadow:0 0 0 3px rgba(124,77,255,.35),0 4px 12px rgba(124,77,255,.4)!important}

		/* =====================================================================
		 * CHỦ ĐỀ & THỂ LOẠI (PASTEL PILLS HIỆN ĐẠI THEO ẢNH MẪU)
		 * ===================================================================== */
		.lnv-sf-row--level,
		.lnv-sf-row--type{align-items:center}
		.lnv-level-scroll-wrap,
		.lnv-type-scroll-wrap{margin:0;width:100%;min-width:0;flex:1;position:relative;display:flex;align-items:center;overflow:hidden;max-width:100%}
		.lnv-level-scroll-wrap .tabs-scroll-hint,
		.lnv-type-scroll-wrap .tabs-scroll-hint{display:none!important}
		.lnv-level-pills,
		.lnv-type-pills{
			display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px;
			overflow-x:auto;padding:8px 8px 12px;
			scrollbar-width:none;-ms-overflow-style:none;
			-webkit-overflow-scrolling:touch;
			scroll-behavior:smooth;
			user-select:none;
		}
		@media (min-width:768px){
			.lnv-level-scroll-wrap{
				overflow:visible!important;
			}
			.lnv-level-pills{
				overflow:visible!important;
				padding:8px 2px 12px!important;
			}
			.lnv-level-nav-wrap--prev,
			.lnv-level-nav-wrap--next{
				display:none!important;
			}
		}
		.lnv-level-pills.is-dragging,
		.lnv-type-pills.is-dragging{
			scroll-behavior:auto!important;
			cursor:grab;cursor:-webkit-grab;
		}
		.lnv-level-pills::-webkit-scrollbar,
		.lnv-type-pills::-webkit-scrollbar{display:none}

		/* Navigation Arrows & YouTube Fade Gradient */
		.lnv-type-nav-wrap{
			position:absolute;top:0;bottom:10px;display:flex;align-items:center;
			z-index:10;pointer-events:none;
			transition:opacity .22s cubic-bezier(0.4,0,0.2,1),visibility .22s cubic-bezier(0.4,0,0.2,1);
		}
		.lnv-type-nav-wrap--prev{
			left:0;padding-right:26px;padding-left:1px;
			background:linear-gradient(90deg,#ffffff 65%,rgba(255,255,255,0) 100%);
		}
		.lnv-type-nav-wrap--next{
			right:0;padding-left:26px;padding-right:1px;
			background:linear-gradient(270deg,#ffffff 65%,rgba(255,255,255,0) 100%);
		}
		.lnv-type-nav-wrap.is-hidden{
			opacity:0;visibility:hidden;pointer-events:none;
		}
		.lnv-type-nav-btn{
			pointer-events:auto;width:34px;height:34px;border-radius:50%;
			background:#ffffff;border:1.5px solid #e2e8f0;color:#334155;
			display:inline-flex;align-items:center;justify-content:center;
			cursor:pointer;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.08);
			transition:all .2s cubic-bezier(0.4,0,0.2,1);outline:none;flex-shrink:0;
		}
		.lnv-type-nav-btn i{
			font-size:15px;line-height:1;font-weight:700;color:#475569;
			transition:transform .15s ease,color .15s ease;
		}
		.lnv-type-nav-btn:hover{
			background:#ffffff;border-color:#cbd5e1;color:#0f172a;
			box-shadow:0 4px 14px rgba(0,0,0,.13);transform:scale(1.08);
		}
		.lnv-type-nav-btn:hover i{color:var(--color-primary)}
		.lnv-type-nav-btn:active{transform:scale(0.94)}

		/* Base style cho pill chủ đề & thể loại */
		.lnv-type-pills .lnv-f-pill{
			display:inline-flex;align-items:center;gap:8px;
			padding:8px 18px;border-radius:50rem;
			font-size:14px;font-weight:600;
			color:#334155;background:#f8fafc;border:1.5px solid #e2e8f0;
			text-decoration:none;white-space:nowrap;flex-shrink:0;
			transition:all .2s cubic-bezier(0.4,0,0.2,1);
			box-shadow:0 1px 3px rgba(0,0,0,.02);
			line-height:1.4;cursor:pointer;
		}
		.lnv-type-pills .lnv-f-pill i{
			font-size:15px;flex-shrink:0;line-height:1;
			transition:transform .2s ease, color .2s ease;
		}
		.lnv-type-pills .lnv-f-pill:hover{
			transform:translateY(-2px);
			box-shadow:0 4px 12px rgba(0,0,0,.07);
			color:#0f172a;
		}
		.lnv-type-pills .lnv-f-pill:hover i{
			transform:scale(1.12);
		}
		/* Ẩn badge số lượng trong hàng nút chủ đề để có giao diện gọn gàng, tinh tế đúng như mẫu */
		.lnv-type-pills .lnv-fp-count{display:none!important}

		/* Pill "Tất cả chủ đề" */
		.lnv-type-pills .lnv-f-pill-all{
			background:#edf2f7;border-color:#cbd5e1;color:#334155;
		}
		.lnv-type-pills .lnv-f-pill-all i{color:#475569}
		.lnv-type-pills .lnv-f-pill-all:hover{
			background:#e2e8f0;border-color:#94a3b8;color:#0f172a;
		}
		.lnv-type-pills .lnv-f-pill-all.is-active{
			background:#0f172a!important;border-color:#0f172a!important;
			color:#ffffff!important;box-shadow:0 4px 14px rgba(15,23,42,.3)!important;
		}
		.lnv-type-pills .lnv-f-pill-all.is-active i{color:#ffffff!important}

		/* BẢNG MÀU PHÂN BIỆT 100% THEO TỪNG CHỦ ĐỀ & THỂ LOẠI (KHÔNG TRÙNG MÀU) */

		/* 1. Bài giảng / Nhập môn (Royal Blue - Xanh dương đậm học thuật) */
		.lnv-type-pills .type-pill--bai-giang,
		.lnv-type-pills .type-pill--nhap-mon,
		.lnv-type-pills .type-pill--moi-bat-dau{background:#dbeafe;border-color:#93c5fd;color:#1e293b}
		.lnv-type-pills .type-pill--bai-giang i,
		.lnv-type-pills .type-pill--nhap-mon i,
		.lnv-type-pills .type-pill--moi-bat-dau i{color:#1d4ed8}
		.lnv-type-pills .type-pill--bai-giang:hover,
		.lnv-type-pills .type-pill--nhap-mon:hover,
		.lnv-type-pills .type-pill--moi-bat-dau:hover{background:#bfdbfe;border-color:#60a5fa}
		.lnv-type-pills .type-pill--bai-giang.is-active,
		.lnv-type-pills .type-pill--nhap-mon.is-active,
		.lnv-type-pills .type-pill--moi-bat-dau.is-active{background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important;box-shadow:0 4px 14px rgba(29,78,216,.35)!important}

		/* 2. Chữ Hán (Sakura Pink - Hồng phấn hoa đào) */
		.lnv-type-pills .type-pill--chu-han{background:#fce7f3;border-color:#fbcfe8;color:#1e293b}
		.lnv-type-pills .type-pill--chu-han i{color:#db2777}
		.lnv-type-pills .type-pill--chu-han:hover{background:#fbcfe8;border-color:#f472b6}
		.lnv-type-pills .type-pill--chu-han.is-active{background:#db2777!important;border-color:#db2777!important;color:#fff!important;box-shadow:0 4px 14px rgba(219,39,119,.35)!important}

		/* 3. Đời sống / Động lực (Warm Orange - Cam ấm cà phê) */
		.lnv-type-pills .type-pill--doi-song,
		.lnv-type-pills .type-pill--truyen-dong-luc,
		.lnv-type-pills .type-pill--dong-luc{background:#ffedd5;border-color:#fed7aa;color:#1e293b}
		.lnv-type-pills .type-pill--doi-song i,
		.lnv-type-pills .type-pill--truyen-dong-luc i,
		.lnv-type-pills .type-pill--dong-luc i{color:#ea580c}
		.lnv-type-pills .type-pill--doi-song:hover,
		.lnv-type-pills .type-pill--truyen-dong-luc:hover,
		.lnv-type-pills .type-pill--dong-luc:hover{background:#fed7aa;border-color:#fb923c}
		.lnv-type-pills .type-pill--doi-song.is-active,
		.lnv-type-pills .type-pill--truyen-dong-luc.is-active,
		.lnv-type-pills .type-pill--dong-luc.is-active{background:#ea580c!important;border-color:#ea580c!important;color:#fff!important;box-shadow:0 4px 14px rgba(234,88,12,.35)!important}

		/* 4. Hội thoại / Công nghệ / Video (Sky Cyan - Xanh da trời sáng) */
		.lnv-type-pills .type-pill--hoi-thoai,
		.lnv-type-pills .type-pill--cong-nghe,
		.lnv-type-pills .type-pill--video{background:#e0f2fe;border-color:#bae6fd;color:#1e293b}
		.lnv-type-pills .type-pill--hoi-thoai i,
		.lnv-type-pills .type-pill--cong-nghe i,
		.lnv-type-pills .type-pill--video i{color:#0284c7}
		.lnv-type-pills .type-pill--hoi-thoai:hover,
		.lnv-type-pills .type-pill--cong-nghe:hover,
		.lnv-type-pills .type-pill--video:hover{background:#bae6fd;border-color:#7dd3fc}
		.lnv-type-pills .type-pill--hoi-thoai.is-active,
		.lnv-type-pills .type-pill--cong-nghe.is-active,
		.lnv-type-pills .type-pill--video.is-active{background:#0284c7!important;border-color:#0284c7!important;color:#fff!important;box-shadow:0 4px 14px rgba(2,132,199,.35)!important}

		/* 5. Kính ngữ / Văn hóa (Sage Slate - Xanh rêu xám lịch thiệp) */
		.lnv-type-pills .type-pill--kinh-ngu,
		.lnv-type-pills .type-pill--van-hoa{background:#e2ece9;border-color:#c6ded6;color:#1e293b}
		.lnv-type-pills .type-pill--kinh-ngu i,
		.lnv-type-pills .type-pill--van-hoa i{color:#0f766e}
		.lnv-type-pills .type-pill--kinh-ngu:hover,
		.lnv-type-pills .type-pill--van-hoa:hover{background:#c6ded6;border-color:#99f6e4}
		.lnv-type-pills .type-pill--kinh-ngu.is-active,
		.lnv-type-pills .type-pill--van-hoa.is-active{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important;box-shadow:0 4px 14px rgba(15,118,110,.35)!important}

		/* 6. Luyện thi JLPT / Giáo dục (Golden Yellow - Vàng tươi kim loại) */
		.lnv-type-pills .type-pill--luyen-thi-jlpt,
		.lnv-type-pills .type-pill--giao-duc{background:#fef9c3;border-color:#fde047;color:#1e293b}
		.lnv-type-pills .type-pill--luyen-thi-jlpt i,
		.lnv-type-pills .type-pill--giao-duc i{color:#ca8a04}
		.lnv-type-pills .type-pill--luyen-thi-jlpt:hover,
		.lnv-type-pills .type-pill--giao-duc:hover{background:#fef08a;border-color:#eab308}
		.lnv-type-pills .type-pill--luyen-thi-jlpt.is-active,
		.lnv-type-pills .type-pill--giao-duc.is-active{background:#ca8a04!important;border-color:#ca8a04!important;color:#fff!important;box-shadow:0 4px 14px rgba(202,138,4,.35)!important}

		/* 7. Ngữ pháp (Classic Purple - Tím hoa cà) */
		.lnv-type-pills .type-pill--ngu-phap{background:#f3e8ff;border-color:#d8b4fe;color:#1e293b}
		.lnv-type-pills .type-pill--ngu-phap i{color:#9333ea}
		.lnv-type-pills .type-pill--ngu-phap:hover{background:#e9d5ff;border-color:#c084fc}
		.lnv-type-pills .type-pill--ngu-phap.is-active{background:#9333ea!important;border-color:#9333ea!important;color:#fff!important;box-shadow:0 4px 14px rgba(147,51,234,.35)!important}

		/* 8. Phát âm / AI (Lime Mint - Xanh cốm / Nõn chuối tươi mát) */
		.lnv-type-pills .type-pill--phat-am,
		.lnv-type-pills .type-pill--ai{background:#ecfccb;border-color:#bef264;color:#1e293b}
		.lnv-type-pills .type-pill--phat-am i,
		.lnv-type-pills .type-pill--ai i{color:#65a30d}
		.lnv-type-pills .type-pill--phat-am:hover,
		.lnv-type-pills .type-pill--ai:hover{background:#d9f99d;border-color:#a3e635}
		.lnv-type-pills .type-pill--phat-am.is-active,
		.lnv-type-pills .type-pill--ai.is-active{background:#65a30d!important;border-color:#65a30d!important;color:#fff!important;box-shadow:0 4px 14px rgba(101,163,13,.35)!important}

		/* 9. Shorts (Crimson Red - Đỏ cờ rực rỡ) */
		.lnv-type-pills .type-pill--shorts{background:#fee2e2;border-color:#fca5a5;color:#1e293b}
		.lnv-type-pills .type-pill--shorts i{color:#dc2626}
		.lnv-type-pills .type-pill--shorts:hover{background:#fecaca;border-color:#f87171}
		.lnv-type-pills .type-pill--shorts.is-active{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;box-shadow:0 4px 14px rgba(220,38,38,.35)!important}

		/* 10. Tiếng Nhật thương mại / Kinh doanh (Emerald Green - Xanh lục bảo) */
		.lnv-type-pills .type-pill--tieng-nhat-thuong-mai,
		.lnv-type-pills .type-pill--thuong-mai,
		.lnv-type-pills .type-pill--kinh-doanh{background:#dcfce7;border-color:#86efac;color:#1e293b}
		.lnv-type-pills .type-pill--tieng-nhat-thuong-mai i,
		.lnv-type-pills .type-pill--thuong-mai i,
		.lnv-type-pills .type-pill--kinh-doanh i{color:#16a34a}
		.lnv-type-pills .type-pill--tieng-nhat-thuong-mai:hover,
		.lnv-type-pills .type-pill--thuong-mai:hover,
		.lnv-type-pills .type-pill--kinh-doanh:hover{background:#bbf7d0;border-color:#4ade80}
		.lnv-type-pills .type-pill--tieng-nhat-thuong-mai.is-active,
		.lnv-type-pills .type-pill--thuong-mai.is-active,
		.lnv-type-pills .type-pill--kinh-doanh.is-active{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;box-shadow:0 4px 14px rgba(22,163,74,.35)!important}

		/* 11. Tiếng Nhật tổng hợp (Plum Fuchsia - Tím sen / Mận chín đa sắc) */
		.lnv-type-pills .type-pill--tieng-nhat-tong-hop{background:#fae8ff;border-color:#f0abfc;color:#1e293b}
		.lnv-type-pills .type-pill--tieng-nhat-tong-hop i{color:#c026d3}
		.lnv-type-pills .type-pill--tieng-nhat-tong-hop:hover{background:#f5d0fe;border-color:#e879f9}
		.lnv-type-pills .type-pill--tieng-nhat-tong-hop.is-active{background:#c026d3!important;border-color:#c026d3!important;color:#fff!important;box-shadow:0 4px 14px rgba(192,38,211,.35)!important}

		/* 12. Từ vựng / Công việc / Hài kịch (Warm Amber - Cam đất / Hổ phách) */
		.lnv-type-pills .type-pill--tu-vung,
		.lnv-type-pills .type-pill--cong-viec,
		.lnv-type-pills .type-pill--hai-kich{background:#fef3c7;border-color:#fcd34d;color:#1e293b}
		.lnv-type-pills .type-pill--tu-vung i,
		.lnv-type-pills .type-pill--cong-viec i,
		.lnv-type-pills .type-pill--hai-kich i{color:#d97706}
		.lnv-type-pills .type-pill--tu-vung:hover,
		.lnv-type-pills .type-pill--cong-viec:hover,
		.lnv-type-pills .type-pill--hai-kich:hover{background:#fde68a;border-color:#f59e0b}
		.lnv-type-pills .type-pill--tu-vung.is-active,
		.lnv-type-pills .type-pill--cong-viec.is-active,
		.lnv-type-pills .type-pill--hai-kich.is-active{background:#d97706!important;border-color:#d97706!important;color:#fff!important;box-shadow:0 4px 14px rgba(217,119,6,.35)!important}

		/* 13. Phụ trợ: Podcast / Livestream / Phim & Anime / Âm nhạc */
		.lnv-type-pills .type-pill--podcast{background:#f1ebfc;border-color:#dfd2f9;color:#1e293b}
		.lnv-type-pills .type-pill--podcast i{color:#7c3aed}
		.lnv-type-pills .type-pill--podcast.is-active{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}

		.lnv-type-pills .type-pill--livestream{background:#fee2e2;border-color:#fca5a5;color:#1e293b}
		.lnv-type-pills .type-pill--livestream i{color:#b91c1c}
		.lnv-type-pills .type-pill--livestream.is-active{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important}

		.lnv-type-pills .type-pill--phim-anime,
		.lnv-type-pills .type-pill--anime,
		.lnv-type-pills .type-pill--phim{background:#ede9fe;border-color:#c7d2fe;color:#1e293b}
		.lnv-type-pills .type-pill--phim-anime i,
		.lnv-type-pills .type-pill--anime i,
		.lnv-type-pills .type-pill--phim i{color:#6366f1}
		.lnv-type-pills .type-pill--phim-anime.is-active{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important}

		.lnv-type-pills .type-pill--am-nhac,
		.lnv-type-pills .type-pill--khac{background:#fae8ff;border-color:#f5d0fe;color:#1e293b}
		.lnv-type-pills .type-pill--am-nhac i,
		.lnv-type-pills .type-pill--khac i{color:#a21caf}
		.lnv-type-pills .type-pill--am-nhac.is-active{background:#a21caf!important;border-color:#a21caf!important;color:#fff!important}

		/* Bất kỳ term nào active thì icon chuyển trắng */
		.lnv-type-pills .lnv-f-pill.is-active i{color:#ffffff!important}

		/* Trạng thái trống (0 bài học) */
		.lnv-type-pills .lnv-f-pill.is-empty-pill{
			opacity:.38;filter:grayscale(0.5);cursor:not-allowed!important;
		}
		.lnv-type-pills .lnv-f-pill.is-empty-pill:not(.is-active):hover{
			opacity:.38!important;transform:none!important;cursor:not-allowed!important;
			box-shadow:none!important;
		}

		/* Màu icon trong Sidebar Bộ lọc */
		.type-item--shorts .lnv-fs-icon i{color:#e11d48}
		.type-item--hoi-thoai .lnv-fs-icon i{color:#0284c7}
		.type-item--doi-song .lnv-fs-icon i{color:#ea580c}
		.type-item--bai-giang .lnv-fs-icon i{color:#2563eb}
		.type-item--ngu-phap .lnv-fs-icon i{color:#9333ea}
		.type-item--tieng-nhat-thuong-mai .lnv-fs-icon i{color:#059669}
		.type-item--podcast .lnv-fs-icon i{color:#7c3aed}
		.type-item--phat-am .lnv-fs-icon i{color:#0d9488}
		.type-item--luyen-thi-jlpt .lnv-fs-icon i{color:#ca8a04}
		.type-item--tu-vung .lnv-fs-icon i{color:#d97706}
		.type-item--kinh-ngu .lnv-fs-icon i{color:#0f766e}
		.type-item--chu-han .lnv-fs-icon i{color:#e11d48}
		.type-item--tieng-nhat-tong-hop .lnv-fs-icon i{color:#4f46e5}
		.type-item--livestream .lnv-fs-icon i{color:#dc2626}
		.type-item--video .lnv-fs-icon i{color:#0284c7}
		.type-item--moi-bat-dau .lnv-fs-icon i{color:#2563eb}
		.type-item--cong-nghe .lnv-fs-icon i{color:#0284c7}
		.type-item--ai .lnv-fs-icon i{color:#0d9488}
		.type-item--tin-tuc .lnv-fs-icon i{color:#e11d48}
		.type-item--truyen-dong-luc .lnv-fs-icon i{color:#ea580c}
		.type-item--kinh-doanh .lnv-fs-icon i{color:#059669}
		.type-item--cong-viec .lnv-fs-icon i{color:#d97706}
		.type-item--phim-anime .lnv-fs-icon i{color:#6366f1}
		.type-item--giao-duc .lnv-fs-icon i{color:#ca8a04}
		.type-item--van-hoa .lnv-fs-icon i{color:#0f766e}
		.type-item--khac .lnv-fs-icon i{color:#c026d3}


		/* ==========================================================================
		 * 5. HYBRID LAYOUT — 2 CỘT (SIDEBAR TRÁI + NỘI DUNG PHẢI)
		 * ========================================================================== */
		.lnv-filtered-layout{
			display:flex;gap:24px;align-items:flex-start;margin-bottom:34px;
		}

		/* Sidebar bên trái (Sticky desktop / Drawer mobile) */
		.lnv-filter-sidebar{
			width:280px;flex-shrink:0;position:sticky;top:20px;
			max-height:calc(100vh - 40px);overflow-y:auto;
			background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.08);
			box-shadow:0 4px 20px rgba(0,0,0,.04);padding:18px;
			scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;
		}
		.lnv-filter-sidebar::-webkit-scrollbar{width:5px}
		.lnv-filter-sidebar::-webkit-scrollbar-track{background:transparent}
		.lnv-filter-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}

		.lnv-fs-header{
			display:flex;align-items:center;justify-content:space-between;
			padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #f1f5f9;
		}
		.lnv-fs-title{
			display:inline-flex;align-items:center;gap:8px;font-size:15px;
			font-weight:800;color:var(--color-text-primary);
		}
		.lnv-fs-title i{color:var(--color-primary);font-size:15px}
		.lnv-fs-clear-all{
			font-size:12px;font-weight:700;color:#ef4444;text-decoration:none;
			transition:all .15s;padding:5px 9px;border-radius:6px;
			display:inline-flex;align-items:center;min-height:28px;
		}
		.lnv-fs-clear-all:hover{background:#fee2e2;text-decoration:none}
		.lnv-fs-close-btn{
			display:none;align-items:center;justify-content:center;
			width:34px;height:34px;border-radius:50%;background:#f1f5f9;
			border:none;color:#64748b;font-size:15px;cursor:pointer;
			transition:background .15s, color .15s;
		}
		.lnv-fs-close-btn:hover{background:#e2e8f0;color:#0f172a}
		.lnv-fs-body{display:block}

		.lnv-fs-group{margin-bottom:20px}
		.lnv-fs-group:last-child{margin-bottom:0}
		.lnv-fs-group-title{
			display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;
			text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);
			margin-bottom:10px;
		}
		.lnv-fs-group-title i{color:var(--color-primary);font-size:13px}

		.lnv-fs-items-list{
			display:flex;flex-direction:column;gap:3px;
		}
		.lnv-fs-items-list--scroll{
			max-height:260px;overflow-y:auto;padding-right:4px;
			scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;
		}
		.lnv-fs-items-list--scroll::-webkit-scrollbar{width:4px}
		.lnv-fs-items-list--scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}

		.lnv-fs-item{
			display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;
			color:var(--color-text-primary);text-decoration:none;font-size:13px;
			font-weight:600;transition:all .16s ease;
		}
		.lnv-fs-item:hover{
			background:#f8fafc;color:var(--color-primary-deep);
		}
		.lnv-fs-item.is-active{
			background:var(--color-primary-tint);color:var(--color-primary-deep);font-weight:700;
		}

		/* Radio circle indicator */
		.lnv-fs-radio{
			width:15px;height:15px;border-radius:50%;border:2px solid #cbd5e1;
			display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
			transition:all .16s ease;background:#fff;
		}
		.lnv-fs-item:hover .lnv-fs-radio{border-color:var(--color-primary)}
		.lnv-fs-item.is-active .lnv-fs-radio{
			border-color:var(--color-primary);background:var(--color-primary);
		}
		.lnv-fs-item.is-active .lnv-fs-radio::after{
			content:"";width:5px;height:5px;border-radius:50%;background:#fff;
		}

		.lnv-fs-icon{
			width:18px;display:inline-flex;align-items:center;justify-content:center;
			color:var(--color-text-tertiary);font-size:12.5px;flex-shrink:0;
		}
		.lnv-fs-item.is-active .lnv-fs-icon{color:var(--color-primary)}

		.lnv-fs-tag-badge{
			font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:4px;
			color:#fff;flex-shrink:0;
		}
		.lvl-badge--n5{background:#1e3a5f}
		.lvl-badge--n4{background:var(--color-primary)}
		.lvl-badge--n3{background:#43a047}
		.lvl-badge--n2{background:#fb8c00}
		.lvl-badge--n1{background:#7c4dff}

		.lnv-fs-label{
			flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
		}
		.lnv-fs-badge{
			font-size:11px;font-weight:700;color:var(--color-text-tertiary);
			background:#f1f5f9;padding:1px 6px;border-radius:50rem;flex-shrink:0;
		}
		.lnv-fs-item.is-active .lnv-fs-badge{
			background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary-deep);
		}
		.lnv-fs-item.is-empty{
			opacity:.32;cursor:not-allowed!important;
		}
		.lnv-fs-item.is-empty:not(.is-active):hover{
			background:transparent!important;color:inherit!important;
			cursor:not-allowed!important;transform:none!important;
		}
		.lnv-fs-item.is-empty.is-active{
			opacity:1;cursor:pointer!important;
		}
		.lnv-fs-item.is-empty:not(.is-active) .lnv-fs-badge{
			opacity:.5;
		}

		.lnv-fs-drawer-footer{display:none}
		.lnv-fs-apply-btn{
			width:100%;padding:11px;background:var(--color-primary);color:#fff;
			border:none;border-radius:50rem;font-size:14px;font-weight:700;cursor:pointer;
			box-shadow:none;
		}

		/* Cột phải: Nội dung Kết quả & Hiệu ứng AJAX Loading */
		.lnv-filtered-main{
			flex:1;min-width:0;position:relative;transition:opacity .2s ease;
		}
		.lnv-filtered-main.is-loading{
			opacity:.45;pointer-events:none;
		}
		.lnv-filtered-main.is-loading::after{
			content:"";position:absolute;top:140px;left:50%;
			width:36px;height:36px;margin-left:-18px;
			border:3px solid rgba(var(--color-primary-rgb),.2);
			border-top-color:var(--color-primary);
			border-radius:50%;animation:lnvSpin .65s linear infinite;z-index:20;
		}
		@keyframes lnvSpin{
			to{transform:rotate(360deg)}
		}
		.lnv-filter-sidebar.is-sidebar-loading{
			pointer-events:none;opacity:.78;
		}

		/* 6. Filter Results Head & Active Chips (Phương án 1: Single-Row Modern Toolbar) */
		.lnv-filter-results-head{
			background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);
			padding:6px 14px;margin-bottom:18px;box-shadow:0 2px 10px rgba(0,0,0,.03);
			display:flex;align-items:center;justify-content:space-between;gap:10px;
			min-height:44px;
		}
		.lnv-fr-left-side{
			display:inline-flex;align-items:center;gap:10px;flex-shrink:0;
		}
		.lnv-fr-title-box{
			display:inline-flex;align-items:center;gap:6px;
		}
		.lnv-fr-title{
			margin:0;font-size:14.5px;font-weight:800;color:var(--color-text-primary);
			display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
		}
		.lnv-fr-title i{color:var(--color-primary);font-size:13.5px}
		.lnv-fr-text-short,.lnv-fr-count-full{display:none}
		.lnv-fr-text-full{display:inline}
		.lnv-fr-count-badge{
			display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;
			color:var(--color-primary-deep);background:var(--color-primary-tint);
			border:1px solid rgba(var(--color-primary-rgb),.18);
			padding:1px 7px;border-radius:50rem;white-space:nowrap;line-height:1.3;
		}
		.lnv-fr-divider{
			display:block;width:1px;height:16px;
			background:#e2e8f0;margin:0 2px;flex-shrink:0;
		}

		/* Controls row & Chips scroll wrapper */
		.lnv-fr-controls-row{
			display:flex;align-items:center;gap:8px;
			flex:1 1 auto;min-width:0;
		}
		/* Desktop: vung chip chi rong bang dung noi dung de nut "Xoa tat ca" nam ngay sau chip
		   cuoi cung, khong bi day sang tan mep phai cua khoi. */
		.lnv-active-chips-scroll{
			flex:0 1 auto;min-width:0;width:auto;
		}
		.lnv-active-chips-wrap{
			display:flex;align-items:center;gap:7px;flex-wrap:wrap;
		}

		/* Mobile Filter Trigger Button */
		.lnv-mobile-filter-trigger{
			display:none;align-items:center;gap:7px;background:var(--color-primary);
			color:#fff;border:none;border-radius:50rem;padding:7px 15px;
			font-size:13px;font-weight:700;cursor:pointer;
			box-shadow:none;
		}
		.lnv-mft-caret{display:none}
		.lnv-mft-badge{
			background:#fff;color:var(--color-primary-deep);font-size:11px;
			font-weight:900;width:18px;height:18px;border-radius:50%;
			display:inline-flex;align-items:center;justify-content:center;
		}

		/* Sticky Filter Bar (Mobile only) */
		.lnv-sticky-filter-bar{
			display:none;
		}

		/* Active Filter Chips */
		.lnv-chip-active{
			display:inline-flex;align-items:center;gap:4px;
			background:#f8fafc;border:1px solid rgba(var(--color-primary-rgb),.22);
			color:var(--color-text-primary);padding:2.5px 4px 2.5px 9px;
			border-radius:50rem;font-size:11.5px;white-space:nowrap;flex-shrink:0;
			transition:all .15s ease;
		}
		.lnv-chip-active:hover{
			border-color:rgba(var(--color-primary-rgb),.45);
			background:var(--color-primary-tint);
		}
		.lnv-chip-lbl{
			color:#64748b;font-weight:500;font-size:11px;
		}
		.lnv-chip-val{
			color:var(--color-primary-deep);font-weight:700;font-size:11.5px;
		}
		.lnv-chip-del{
			width:17px;height:17px;border-radius:50%;
			display:inline-flex;align-items:center;justify-content:center;
			font-size:9.5px;font-weight:700;color:#94a3b8;
			background:rgba(0,0,0,.04);text-decoration:none;
			margin-left:1px;transition:all .15s ease;
		}
		.lnv-chip-del:hover{
			background:#fee2e2;color:#ef4444;text-decoration:none;
		}
		.lnv-chip-clear-all{
			display:inline-flex;align-items:center;gap:4px;
			font-size:11.5px;font-weight:700;color:#ef4444;background:#fef2f2;
			border:1px solid #fee2e2;padding:3px 10px;border-radius:50rem;
			text-decoration:none;white-space:nowrap;flex-shrink:0;
			margin-left:2px;transition:all .15s ease;
		}
		.lnv-chip-clear-all:hover{
			background:#fee2e2;color:#dc2626;border-color:#fca5a5;
			text-decoration:none;
		}
		.lnv-chip-clear-all i{font-size:10.5px}

		/* Grid kết quả trong cột phải: 3 video 1 hàng chuẩn desktop */
		.lnv-filtered-main .gt-grid,
		.lnv-results-grid{
			display:grid!important;
			grid-template-columns:repeat(3,1fr)!important;
			gap:18px!important;
		}

		/* Empty State */
		.lnv-empty-box{
			grid-column:1/-1;background:#fff;border-radius:18px;border:1px dashed #cbd5e1;
			text-align:center;padding:50px 20px;margin:20px 0;
		}
		.lnv-empty-icon{font-size:38px;color:#cbd5e1;margin-bottom:12px}
		.lnv-empty-box h4{font-size:18px;font-weight:800;margin:0 0 8px;color:var(--color-text-primary)}
		.lnv-empty-box p{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px}
		.lnv-btn-reset{
			display:inline-block;background:var(--color-primary);color:#fff;
			padding:10px 24px;border-radius:50rem;font-weight:700;font-size:14px;text-decoration:none;
			box-shadow:none;
		}
		.lnv-btn-reset:hover{background:var(--color-primary-deep);color:#fff;box-shadow:none}

		/* 7. Channel Cards Grid (Hub Mode) */
		.lnv-hub-section{margin-bottom:34px}
		.lnv-hub-section-head{
			display:flex;align-items:center;justify-content:space-between;
			flex-wrap:wrap;gap:12px;margin-bottom:16px;
		}
		.lnv-hsh-title{display:flex;align-items:center;gap:12px}
		.lnv-hsh-title h3{margin:0;font-size:18px;font-weight:800;color:var(--color-text-primary)}
		.lnv-hsh-title p{margin:2px 0 0;font-size:13px;color:var(--color-text-secondary)}
		.lnv-title-prefix{display:inline}
		.lnv-hsh-icon{
			width:38px;height:38px;border-radius:12px;display:flex;align-items:center;
			justify-content:center;font-size:17px;color:#fff;flex-shrink:0;
		}
		.lnv-hsh-icon.is-channel{background:linear-gradient(135deg,#ff0000,#cc0000)}
		.lnv-hsh-icon.is-latest{background:linear-gradient(135deg,#eab308,#f59e0b)}
		.lnv-hsh-icon.is-popular{background:linear-gradient(135deg,#f59e0b,#ea580c)}
		.lnv-hsh-icon.is-level-hub{background:linear-gradient(135deg,#0d9488,#115e59)}
		.lnv-hsh-icon.is-shorts{background:linear-gradient(135deg,#ff6b35,#f24336)}
		.lnv-hsh-icon.is-anime{background:linear-gradient(135deg,#ec4899,#8b5cf6)}
		.lnv-hsh-icon.is-podcast{background:linear-gradient(135deg,#6366f1,#3b82f6)}
		.lnv-hsh-icon.is-method{background:linear-gradient(135deg,#f59e0b,#ea580c)}
		.lnv-hsh-badge{
			font-size:12px;font-weight:700;color:var(--color-text-secondary);
			background:#f1f5f9;padding:4px 12px;border-radius:50rem;
		}
		.lnv-hsh-badge-level{
			display:inline-flex;align-items:center;justify-content:center;
			width:40px;height:40px;border-radius:12px;font-size:14px;font-weight:900;
			color:#fff;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.1);
		}
		.lnv-hsh-badge-level.lvl-n5{background:linear-gradient(135deg,#1e3a5f,#0f2744)}
		.lnv-hsh-badge-level.lvl-n4{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-deep))}
		.lnv-hsh-badge-level.lvl-n3{background:linear-gradient(135deg,#2e7d32,#1b5e20)}
		.lnv-hsh-badge-level.lvl-n2{background:linear-gradient(135deg,#ea580c,#c2410c)}
		.lnv-hsh-badge-level.lvl-n1{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
		.lnv-hsh-view-all{
			font-size:13.5px;font-weight:700;color:var(--color-primary-deep);
			display:inline-flex;align-items:center;gap:4px;text-decoration:none;
			transition:transform .15s;
		}
		.lnv-hsh-view-all:hover{color:var(--color-primary);transform:translateX(3px)}
		.lnv-hsh-va-short{display:none}
		.lnv-hsh-va-full{display:inline}

		/* Slider Navigation */
		.lnv-hsh-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
		.lnv-slider-nav{display:inline-flex;align-items:center;gap:6px}
		.lnv-slide-btn{
			width:32px;height:32px;border-radius:50%;border:1px solid #e2e8f0;
			background:#fff;color:var(--color-text-secondary);
			display:inline-flex;align-items:center;justify-content:center;
			font-size:14px;cursor:pointer;transition:all .18s ease;padding:0;outline:none;
			box-shadow:none;
		}
		.lnv-slide-btn:hover:not(:disabled){
			background:var(--color-primary);border-color:var(--color-primary);
			color:#fff;transform:translateY(-1px);
			box-shadow:none;
		}
		.lnv-slide-btn:disabled{
			opacity:.35;cursor:not-allowed;background:#f8fafc;
			border-color:#e2e8f0;color:#94a3b8;transform:none;box-shadow:none;
		}

		/* Slider Track & Cards */
		.lnv-slider-wrap{position:relative;margin:0 -4px;overflow:hidden;max-width:calc(100% + 8px)}
		.lnv-slider-track{
			display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;
			scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
			padding:6px 4px 16px;scrollbar-width:none;
		}
		.lnv-slider-track::-webkit-scrollbar{display:none}
		.lnv-slider-track.is-dragging{
			scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;user-select:none;
		}
		.lnv-slider-track .lnv-video-card{
			flex:0 0 calc((100% - (3 * 18px)) / 4);
			scroll-snap-align:start;min-width:0;
		}

		/* Level Tabs Controller */
		.lnv-level-tab-bar{
			display:flex;align-items:center;gap:10px;overflow-x:auto;
			scrollbar-width:none;-webkit-overflow-scrolling:touch;
			padding:2px 2px 14px;margin-bottom:12px;
		}
		.lnv-level-tab-bar::-webkit-scrollbar{display:none}
		.lnv-tab-btn{
			display:inline-flex;align-items:center;gap:8px;background:#ffffff;
			border:1.5px solid #e2e8f0;border-radius:50rem;padding:7px 18px 7px 12px;
			font-size:13px;font-weight:700;color:#475569;cursor:pointer;
			transition:all .18s ease;flex-shrink:0;outline:none;line-height:1.2;
			box-shadow:0 2px 6px rgba(0,0,0,.03);
		}
		.lnv-tab-btn:hover{border-color:#14b8a6;color:#0f172a;background:#f8fafc}
		.lnv-tab-btn.is-active{
			background:#0f766e;border-color:#0f766e;color:#ffffff;
			box-shadow:0 4px 14px rgba(15,118,110,.25);transform:translateY(-1px);
		}
		.lnv-tab-badge{
			display:inline-flex;align-items:center;justify-content:center;
			min-width:24px;height:24px;border-radius:8px;font-size:11.5px;
			font-weight:900;color:#fff;padding:0 6px;
		}
		.lnv-tab-badge.lvl-badge--n5{background:linear-gradient(135deg,#1e3a5f,#0f2744)}
		.lnv-tab-badge.lvl-badge--n4{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-deep))}
		.lnv-tab-badge.lvl-badge--n3{background:linear-gradient(135deg,#2e7d32,#1b5e20)}
		.lnv-tab-badge.lvl-badge--n2{background:linear-gradient(135deg,#ea580c,#c2410c)}
		.lnv-tab-badge.lvl-badge--n1{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
		.lnv-tab-desc{font-size:12px;color:#64748b;font-weight:600}
		.lnv-tab-btn.is-active .lnv-tab-desc{color:rgba(255,255,255,.9)}
		.lnv-tab-count{
			font-size:11.5px;font-weight:700;color:#0d9488;background:#ecfdf5;
			padding:2px 8px;border-radius:50rem;
		}
		.lnv-tab-btn.is-active .lnv-tab-count{background:rgba(255,255,255,.2);color:#ffffff}
		.lnv-tab-pane{
			animation:lnvFadeIn .22s ease;
		}
		@keyframes lnvFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

		/* Shorts Reel Track */
		.lnv-shorts-track .lnv-video-card{
			flex:0 0 195px;
		}
		.lnv-shorts-track .gt-card-thumb{
			aspect-ratio:9/13!important;
		}
		.lnv-shorts-track .lnv-card-thumb-tags{
			top:8px;left:8px;
		}
		.lnv-shorts-track .lnv-card-format-tag.format-shorts{
			background:linear-gradient(135deg,#ff4d4f,#f5222d)!important;
			color:#fff!important;box-shadow:0 2px 8px rgba(245,34,45,.4)!important;
		}

		/* Profile Channel Card */
		.lnv-channels-grid{
			display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;
		}
		.lnv-ch-card{
			display:flex;flex-direction:column;background:#fff;border-radius:18px;
			border:1px solid rgba(0,0,0,.07);overflow:hidden;text-decoration:none;
			box-shadow:0 4px 16px rgba(0,0,0,.03);transition:all .22s ease;position:relative;
		}
		.lnv-ch-card:hover{
			transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.09);
			border-color:rgba(var(--color-primary-rgb),.35);
		}
		.lnv-ch-banner{
			height:54px;background:linear-gradient(120deg,var(--sidebar-grad-b),var(--color-primary) 80%);
			opacity:.85;
		}
		.lnv-ch-body{
			padding:0 18px 18px;display:flex;flex-direction:column;align-items:center;
			text-align:center;margin-top:-32px;
		}
		.lnv-ch-avatar-wrap{
			position:relative;width:64px;height:64px;border-radius:50%;
			border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.12);
			background:#fff;overflow:visible;margin-bottom:10px;
		}
		.lnv-ch-avatar{
			width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;
		}
		.lnv-ch-avatar-fallback{
			width:100%;height:100%;border-radius:50%;background:#e2e8f0;
			display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:22px;
		}
		.lnv-ch-yt-icon{
			position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;
			background:#ff0000;color:#fff;display:flex;align-items:center;justify-content:center;
			font-size:10px;border:2px solid #fff;
		}
		.lnv-ch-info{width:100%}
		.lnv-ch-name{
			margin:0 0 6px;font-size:16px;font-weight:800;color:var(--color-text-primary);
			line-height:1.3;
		}
		.lnv-ch-card:hover .lnv-ch-name{color:var(--color-primary-deep)}
		.lnv-ch-meta{margin-bottom:12px}
		.lnv-ch-count{
			display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;
			color:var(--color-primary-deep);background:var(--color-primary-tint);
			padding:3px 10px;border-radius:50rem;
		}
		.lnv-ch-action{
			font-size:12.5px;font-weight:700;color:var(--color-text-secondary);
			display:inline-flex;align-items:center;gap:4px;transition:color .2s;
		}
		.lnv-ch-card:hover .lnv-ch-action{color:var(--color-primary)}

		/* Ẩn các kênh ngoài top 8 ban đầu và hiệu ứng mở rộng */
		.lnv-ch-card.is-extra-channel{
			display:none;
		}
		.lnv-channels-grid.is-expanded .lnv-ch-card.is-extra-channel{
			display:flex;
			animation:lnvFadeIn .28s ease;
		}
		@keyframes lnvFadeIn{
			from{opacity:0;transform:translateY(6px)}
			to{opacity:1;transform:translateY(0)}
		}

		/* Header Channels Tools: Tìm kiếm & Badge */
		.lnv-hub-section-head--channels{
			display:flex;align-items:center;justify-content:space-between;gap:16px;
		}
		.lnv-hsh-channel-tools{
			display:flex;align-items:center;gap:12px;
		}
		.lnv-ch-search-wrap{
			position:relative;display:inline-flex;align-items:center;
		}
		.lnv-ch-search-icon{
			position:absolute;left:12px;color:#94a3b8;font-size:13px;pointer-events:none;
		}
		.lnv-ch-search-input{
			width:200px;height:36px;padding:0 30px 0 32px;border-radius:50rem;
			border:1.5px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;
			color:var(--color-text-primary);outline:none;transition:all .2s ease;
		}
		.lnv-ch-search-input:focus{
			width:240px;border-color:var(--color-primary);
			box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12);
		}
		.lnv-ch-search-clear{
			position:absolute;right:8px;top:50%;transform:translateY(-50%);
			width:20px;height:20px;border-radius:50%;border:none;background:#f1f5f9;
			color:#64748b;font-size:11px;cursor:pointer;display:flex;align-items:center;
			justify-content:center;transition:all .18s;padding:0;
		}
		.lnv-ch-search-clear:hover{
			background:#fee2e2;color:#ef4444;
		}

		/* Nút Xem toàn bộ kênh chuyển sang trang danh sách */
		.lnv-channels-action-footer{
			margin-top:24px;display:flex;justify-content:center;
		}
		.lnv-channels-viewall-btn{
			display:inline-flex;align-items:center;gap:10px;padding:12px 30px;border-radius:50rem;
			border:1.5px solid var(--color-primary);background:#fff;color:var(--color-primary-deep);
			font-size:14.5px;font-weight:700;text-decoration:none;transition:all .25s ease;
			box-shadow:0 3px 12px rgba(var(--color-primary-rgb),.1);min-height:46px;
		}
		.lnv-channels-viewall-btn:hover{
			background:var(--color-primary);color:#fff;
			transform:translateY(-2px);box-shadow:0 8px 22px rgba(var(--color-primary-rgb),.25);
			text-decoration:none;
		}
		.lnv-channels-viewall-btn i.fa-arrow-right{
			transition:transform .2s ease;
		}
		.lnv-channels-viewall-btn:hover i.fa-arrow-right{
			transform:translateX(3px);
		}

		/* Khi tìm kiếm không thấy kênh nào */
		.lnv-channels-empty{
			padding:38px 20px;background:#f8fafc;border-radius:18px;border:1px dashed #cbd5e1;
			text-align:center;margin-top:10px;
		}
		.lnv-ce-icon{
			width:48px;height:48px;border-radius:50%;background:#e2e8f0;color:#64748b;
			display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px;
		}
		.lnv-channels-empty p{
			font-size:14px;color:#64748b;margin:0 0 14px;
		}
		.lnv-channels-empty strong{
			color:var(--color-text-primary);
		}
		.lnv-ce-reset-btn{
			display:inline-flex;align-items:center;padding:8px 18px;border-radius:50rem;
			background:var(--color-primary-tint);color:var(--color-primary-deep);border:none;
			font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;
		}
		.lnv-ce-reset-btn:hover{
			background:var(--color-primary);color:#fff;
		}

		/* Drawer Filter Channel Search Mini */
		.lnv-fs-search-mini-wrap{
			position:relative;margin-bottom:8px;display:flex;align-items:center;width:100%;
		}
		.lnv-fs-search-mini-wrap i{
			position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:12px;pointer-events:none;line-height:1;z-index:2;
		}
		.lnv-fs-search-mini-wrap input.lnv-fs-search-mini-input,
		input[type="text"].lnv-fs-search-mini-input,
		.lnv-fs-search-mini-input{
			width:100%!important;height:34px!important;padding:0 10px 0 32px!important;border-radius:8px!important;
			border:1px solid #e2e8f0!important;background:#f8fafc!important;font-size:12.5px!important;font-weight:600;
			color:var(--color-text-primary)!important;outline:none!important;box-sizing:border-box!important;
			box-shadow:none!important;line-height:normal!important;transition:border-color .18s,background .18s!important;
		}
		.lnv-fs-search-mini-wrap input.lnv-fs-search-mini-input::placeholder,
		.lnv-fs-search-mini-input::placeholder{
			color:#94a3b8!important;font-weight:500!important;opacity:1!important;
		}
		.lnv-fs-search-mini-wrap input.lnv-fs-search-mini-input:focus,
		input[type="text"].lnv-fs-search-mini-input:focus,
		.lnv-fs-search-mini-input:focus{
			border-color:var(--color-primary)!important;background:#fff!important;
			box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)!important;
		}
		.lnv-fs-group-title .lnv-fs-group-badge{
			margin-left:auto;font-size:11px;font-weight:700;background:var(--color-primary-tint);
			color:var(--color-primary-deep);padding:1px 7px;border-radius:50rem;
		}

		/* 8. Video Card (.lnv-video-card) */
		.lnv-video-card{
			border-radius:16px!important;border:1px solid rgba(0,0,0,.06)!important;
			box-shadow:0 4px 14px rgba(0,0,0,.03)!important;transition:all .22s ease!important;
			overflow:hidden;display:flex;flex-direction:column;background:#fff;
		}
		.lnv-video-card:hover{
			transform:translateY(-4px)!important;
			box-shadow:0 14px 30px rgba(0,0,0,.09)!important;
			border-color:rgba(var(--color-primary-rgb),.32)!important;
		}
		.lnv-video-card .gt-card-thumb{
			border-radius:0;aspect-ratio:16/9;position:relative;background:#0f172a;
		}
		.lnv-video-card .gt-card-thumb img{
			width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease;
		}
		.lnv-video-card:hover .gt-card-thumb img{transform:scale(1.04)}

		/* Top Tags on Thumb (Format & Topic) - Thiết kế Viên Thuốc Đôi (Pill) mềm mại */
		.lnv-card-thumb-tags{
			position:absolute;top:7px;left:7px;z-index:2;
			display:flex;align-items:center;gap:4px;flex-wrap:nowrap;
			max-width:calc(100% - 14px);
		}
		.lnv-card-format-tag{
			font-size:10px;font-weight:800;color:#fff;
			padding:2.5px 8px;border-radius:50rem;line-height:1.3;
			display:inline-flex;align-items:center;gap:3.5px;
			box-shadow:0 2px 8px rgba(0,0,0,.3);
			border:1px solid rgba(255,255,255,.4);
			letter-spacing:.01em;white-space:nowrap;
		}
		.lnv-card-format-tag.format-shorts{background:linear-gradient(135deg,#e11d48,#be123c)}
		.lnv-card-format-tag.format-podcast{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
		.lnv-card-format-tag.format-livestream{background:linear-gradient(135deg,#dc2626,#991b1b)}

		/* Nhãn Chủ đề trên Thumbnail - Dạng Viên Thuốc (Pill) bo tròn 50rem, giữ nguyên 100% màu sắc Pastel */
		.lnv-card-topic-tag{
			font-size:13px;font-weight:500;color:#1e293b;
			padding:2.5px 9px;border-radius:50rem;line-height:1.35;
			display:inline-flex;align-items:center;gap:4px;
			box-shadow:0 2px 8px rgba(0,0,0,.22);
			border:1px solid rgba(255,255,255,.75);
			backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
			letter-spacing:0;white-space:nowrap;
			background:#f1f5f9;
		}
		.lnv-card-topic-tag i{
			font-size:12px;
		}

		/* 1. Bài giảng / Nhập môn (Royal Blue - Xanh dương đậm học thuật) */
		.lnv-card-topic-tag.topic-bai-giang,
		.lnv-card-topic-tag.topic-nhap-mon,
		.lnv-card-topic-tag.topic-moi-bat-dau{background:#dbeafe;border-color:#93c5fd;color:#1e293b}
		.lnv-card-topic-tag.topic-bai-giang i,
		.lnv-card-topic-tag.topic-nhap-mon i,
		.lnv-card-topic-tag.topic-moi-bat-dau i{color:#1d4ed8}

		/* 2. Chữ Hán / Tin tức (Sakura Pink - Hồng phấn hoa đào) */
		.lnv-card-topic-tag.topic-chu-han,
		.lnv-card-topic-tag.topic-tin-tuc,
		.lnv-card-topic-tag.topic-thoi-su{background:#fce7f3;border-color:#fbcfe8;color:#1e293b}
		.lnv-card-topic-tag.topic-chu-han i,
		.lnv-card-topic-tag.topic-tin-tuc i,
		.lnv-card-topic-tag.topic-thoi-su i{color:#db2777}

		/* 3. Đời sống / Động lực (Warm Orange - Cam ấm cà phê) */
		.lnv-card-topic-tag.topic-doi-song,
		.lnv-card-topic-tag.topic-truyen-dong-luc,
		.lnv-card-topic-tag.topic-dong-luc{background:#ffedd5;border-color:#fed7aa;color:#1e293b}
		.lnv-card-topic-tag.topic-doi-song i,
		.lnv-card-topic-tag.topic-truyen-dong-luc i,
		.lnv-card-topic-tag.topic-dong-luc i{color:#ea580c}

		/* 4. Hội thoại / Công nghệ / Video (Sky Cyan - Xanh da trời sáng) */
		.lnv-card-topic-tag.topic-hoi-thoai,
		.lnv-card-topic-tag.topic-cong-nghe,
		.lnv-card-topic-tag.topic-video{background:#e0f2fe;border-color:#bae6fd;color:#1e293b}
		.lnv-card-topic-tag.topic-hoi-thoai i,
		.lnv-card-topic-tag.topic-cong-nghe i,
		.lnv-card-topic-tag.topic-video i{color:#0284c7}

		/* 5. Kính ngữ / Văn hóa (Sage Slate - Xanh rêu xám lịch thiệp) */
		.lnv-card-topic-tag.topic-kinh-ngu,
		.lnv-card-topic-tag.topic-van-hoa{background:#e2ece9;border-color:#c6ded6;color:#1e293b}
		.lnv-card-topic-tag.topic-kinh-ngu i,
		.lnv-card-topic-tag.topic-van-hoa i{color:#0f766e}

		/* 6. Luyện thi JLPT / Giáo dục (Golden Yellow - Vàng tươi kim loại) */
		.lnv-card-topic-tag.topic-luyen-thi-jlpt,
		.lnv-card-topic-tag.topic-giao-duc{background:#fef9c3;border-color:#fde047;color:#1e293b}
		.lnv-card-topic-tag.topic-luyen-thi-jlpt i,
		.lnv-card-topic-tag.topic-giao-duc i{color:#ca8a04}

		/* 7. Ngữ pháp (Classic Purple - Tím hoa cà) */
		.lnv-card-topic-tag.topic-ngu-phap{background:#f3e8ff;border-color:#d8b4fe;color:#1e293b}
		.lnv-card-topic-tag.topic-ngu-phap i{color:#9333ea}

		/* 8. Phát âm / AI (Lime Mint - Xanh cốm / Nõn chuối tươi mát) */
		.lnv-card-topic-tag.topic-phat-am,
		.lnv-card-topic-tag.topic-ai{background:#ecfccb;border-color:#bef264;color:#1e293b}
		.lnv-card-topic-tag.topic-phat-am i,
		.lnv-card-topic-tag.topic-ai i{color:#65a30d}

		/* 9. Tiếng Nhật thương mại / Kinh doanh (Emerald Green - Xanh lục bảo) */
		.lnv-card-topic-tag.topic-tieng-nhat-thuong-mai,
		.lnv-card-topic-tag.topic-thuong-mai,
		.lnv-card-topic-tag.topic-kinh-doanh{background:#dcfce7;border-color:#86efac;color:#1e293b}
		.lnv-card-topic-tag.topic-tieng-nhat-thuong-mai i,
		.lnv-card-topic-tag.topic-thuong-mai i,
		.lnv-card-topic-tag.topic-kinh-doanh i{color:#16a34a}

		/* 10. Tiếng Nhật tổng hợp (Plum Fuchsia - Tím sen / Mận chín đa sắc) */
		.lnv-card-topic-tag.topic-tieng-nhat-tong-hop{background:#fae8ff;border-color:#f0abfc;color:#1e293b}
		.lnv-card-topic-tag.topic-tieng-nhat-tong-hop i{color:#c026d3}

		/* 11. Từ vựng / Công việc / Hài kịch (Warm Amber - Cam đất / Hổ phách) */
		.lnv-card-topic-tag.topic-tu-vung,
		.lnv-card-topic-tag.topic-cong-viec,
		.lnv-card-topic-tag.topic-hai-kich{background:#fef3c7;border-color:#fcd34d;color:#1e293b}
		.lnv-card-topic-tag.topic-tu-vung i,
		.lnv-card-topic-tag.topic-cong-viec i,
		.lnv-card-topic-tag.topic-hai-kich i{color:#d97706}

		/* 12. Phim & Anime (Lavender / Indigo) */
		.lnv-card-topic-tag.topic-phim-anime,
		.lnv-card-topic-tag.topic-anime,
		.lnv-card-topic-tag.topic-phim{background:#ede9fe;border-color:#ddd6fe;color:#1e293b}
		.lnv-card-topic-tag.topic-phim-anime i,
		.lnv-card-topic-tag.topic-anime i,
		.lnv-card-topic-tag.topic-phim i{color:#6366f1}

		/* 13. Âm nhạc / Khác (Fuchsia) */
		.lnv-card-topic-tag.topic-am-nhac,
		.lnv-card-topic-tag.topic-khac{background:#fae8ff;border-color:#f5d0fe;color:#1e293b}
		.lnv-card-topic-tag.topic-am-nhac i,
		.lnv-card-topic-tag.topic-khac i{color:#c026d3}

		/* Duration & Play on Thumb */
		.lnv-card-duration{
			position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);
			color:#fff;font-size:11px;font-weight:700;padding:2px 7px;
			border-radius:5px;line-height:1.4;letter-spacing:.02em;
			display:inline-flex;align-items:center;gap:4px;
		}
		.lnv-card-duration i{font-size:11px;color:rgba(255,255,255,.9)}
		.lnv-card-views-thumb{
			position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.78);
			color:#fff;font-size:11px;font-weight:700;padding:2px 7px;
			border-radius:5px;line-height:1.4;letter-spacing:.02em;
			display:inline-flex;align-items:center;gap:4px;
		}
		.lnv-card-views-thumb i{font-size:11px;color:rgba(255,255,255,.9)}
		.lnv-card-play{
			position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);
			width:44px;height:44px;border-radius:50%;
			background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
			border:1px solid rgba(255,255,255,.3);
			display:flex;align-items:center;justify-content:center;
			pointer-events:none;transition:all .22s ease;opacity:.85;
		}
		.lnv-card-play::after{
			content:"";border-style:solid;border-width:7px 0 7px 12px;
			border-color:transparent transparent transparent #fff;margin-left:3px;
		}
		.lnv-video-card:hover .lnv-card-play{
			transform:translate(-50%,-50%) scale(1.08);opacity:1;
			background:rgba(var(--color-primary-rgb),.85);border-color:#fff;
		}

		/* Video Card Body & Bilingual Title */
		.lnv-video-card .gt-card-body{
			padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;
		}
		.lnv-card-badges-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
		.lnv-card-badges-row .gt-badge{
			margin-bottom:0;padding:2px 9px;font-size:11px;font-weight:800;border-radius:4px;
		}
		.lnv-card-title{
			margin:0 0 6px!important;font-size:15px!important;line-height:1.4!important;
			font-weight:700!important;color:var(--color-text-primary);
			display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
			overflow:hidden;min-height:42px;font-family:inherit;
		}
		.lnv-video-card:hover .lnv-card-title{color:var(--color-primary-deep)}

		/* Original / Japanese Subtitle */
		.lnv-card-title-vi,
		.lnv-card-title-sub{
			font-size:13px;line-height:1.4;color:var(--color-text-secondary);
			margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;
			-webkit-box-orient:vertical;overflow:hidden;
		}
		.lnv-card-meta{
			margin-top:auto;display:flex;align-items:center;justify-content:space-between;
			font-size:12px;color:var(--color-text-tertiary);gap:8px;padding-top:8px;
			border-top:1px dashed #f1f5f9;
		}
		.lnv-card-channel{
			font-weight:600;color:var(--color-text-secondary);
			overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
			display:inline-flex;align-items:center;gap:4px;min-width:0;flex:1;
		}
		.lnv-card-channel i{color:#ff0000;flex-shrink:0}
		.lnv-card-sentences{
			display:inline-flex;align-items:center;gap:4px;color:var(--color-text-secondary);
			font-weight:700;flex-shrink:0;font-size:12px;
		}
		.lnv-card-sentences i{font-size:12px;color:#0d9488}

		/* 9. Pagination */
		.lnv-pagination-nav .pagination{gap:6px;margin-top:28px;flex-wrap:wrap}
		.lnv-pagination-nav .page-link{
			border-radius:10px!important;padding:8px 16px;font-weight:700;font-size:14px;
			border:1px solid #e2e8f0;color:var(--color-text-secondary);
			background:#fff;transition:all .15s ease;
			display:inline-flex;align-items:center;justify-content:center;
			min-width:40px;text-align:center;text-decoration:none;
		}
		.lnv-pagination-nav .page-item.active .page-link,
		.lnv-pagination-nav .page-link.current,
		.lnv-pagination-nav .page-link[aria-current="page"]{
			background:var(--color-primary)!important;
			border-color:var(--color-primary)!important;
			color:#fff!important;
			cursor:default;
			box-shadow:0 3px 10px rgba(var(--color-primary-rgb),.28);
		}
		.lnv-pagination-nav .page-link:hover{
			border-color:var(--color-primary);color:var(--color-primary);
		}
		.lnv-pagination-nav .page-item.active .page-link:hover,
		.lnv-pagination-nav .page-link.current:hover{
			color:#fff!important;border-color:var(--color-primary)!important;
		}
		.lnv-pagination-nav .page-link.dots{
			border-color:transparent;background:transparent;cursor:default;box-shadow:none;
		}

		/* 10. Responsive Breakpoints (Hỗ trợ từ 320px trở lên) */
		@media (min-width:1201px){
			#primary.gt-page .gt-grid:not(.lnv-results-grid){grid-template-columns:repeat(4,1fr);gap:18px}
		}
		@media (min-width:1500px){
			#primary.gt-page .gt-grid:not(.lnv-results-grid){grid-template-columns:repeat(5,1fr)}
			.lnv-filtered-main .gt-grid,
			.lnv-results-grid{grid-template-columns:repeat(3,1fr)!important}
		}

		@media (max-width:1199px) and (min-width:860px){
			.lnv-slider-track .lnv-video-card{flex:0 0 calc((100% - (2 * 16px)) / 3)}
		}

		@media (max-width:1199px) and (min-width:992px){
			.lnv-filter-sidebar{width:260px}
			.lnv-filtered-main .gt-grid,
			.lnv-results-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
		}

		/* Dưới 992px: Sidebar chuyển thành Drawer */
		@media (max-width:991px){
			.lnv-hero{padding:28px 24px 24px}
			.lnv-hero--compact{padding:20px 20px 18px}
			.lnv-hero-header h1{font-size:24px}
			.lnv-sf-row{flex-direction:column;align-items:flex-start;gap:8px}
			.lnv-sf-label{min-width:auto}

			.lnv-filter-results-head{
				flex-direction:column!important;align-items:stretch!important;gap:7px!important;
				padding:9px 12px 9px!important;
			}
			.lnv-fr-left-side{
				width:100%!important;display:flex!important;align-items:center!important;
				justify-content:space-between!important;gap:8px!important;
			}
			.lnv-fr-title-box{
				width:auto!important;display:flex!important;align-items:center!important;
				justify-content:flex-end!important;gap:8px!important;min-width:0!important;
			}
			/* Nut "Bo loc" da noi ro ngu canh + chip ben duoi da liet ke bo loc -> an chu
			   "Ket qua loc" cho gon, nhung van giu <h3> cho screen reader (an bang clip). */
			.lnv-fr-title{
				position:absolute!important;width:1px!important;height:1px!important;
				padding:0!important;margin:0!important;overflow:hidden!important;
				clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
			}
			.lnv-fr-divider,.lnv-fr-count-badge{display:none!important}
			.lnv-fr-count-full{
				display:inline-flex!important;align-items:center!important;font-size:11.5px!important;
				flex-shrink:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
				font-weight:700!important;color:var(--color-primary-deep)!important;
				background:var(--color-primary-tint)!important;padding:2px 8px!important;
				border-radius:50rem!important;line-height:1.3!important;white-space:nowrap!important;
			}
			.lnv-fr-controls-row{
				display:flex!important;align-items:center!important;gap:8px!important;
				width:100%!important;
			}
			.lnv-mobile-filter-trigger{
				display:inline-flex!important;align-items:center!important;gap:6px!important;
				background:var(--color-primary)!important;color:#fff!important;border:none!important;
				border-radius:50rem!important;padding:6px 13px!important;font-size:12.5px!important;
				font-weight:700!important;flex-shrink:0!important;min-height:32px!important;
				box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.2)!important;
			}
			.lnv-mft-caret{display:inline-block!important;font-size:13px!important;opacity:.85!important;margin-left:1px!important}
			.lnv-mft-badge{width:17px!important;height:17px!important;font-size:10.5px!important}
			.lnv-active-chips-scroll{
				flex:1 1 0!important;min-width:0!important;overflow-x:auto!important;
				scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
				position:relative!important;
			}
			.lnv-active-chips-scroll::-webkit-scrollbar{display:none}
			/* Vet mo 2 mep bao hieu con chip de vuot; class do JS lnvSyncChipsOverflow() gan */
			.lnv-active-chips-scroll.has-ovf-end{
				-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent 100%);
				mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent 100%);
			}
			.lnv-active-chips-scroll.has-ovf-start{
				-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20px);
				mask-image:linear-gradient(90deg,transparent 0,#000 20px);
			}
			.lnv-active-chips-scroll.has-ovf-start.has-ovf-end{
				-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 24px),transparent 100%);
				mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 24px),transparent 100%);
			}
			.lnv-active-chips-wrap{
				display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
				gap:6px!important;padding:2px 2px 2px 0!important;margin:0!important;width:auto!important;
			}
			.lnv-chip-active{
				flex-shrink:0!important;white-space:nowrap!important;
				padding:3px 3px 3px 8px!important;font-size:11px!important;gap:4px!important;
			}
			/* Nut "Xoa tat ca": tren mobile nam NGOAI vung cuon chip, ghim co dinh ben phai, co chu */
			.lnv-chip-clear-all{
				flex:0 0 auto!important;margin-left:0!important;
				padding:4px 9px!important;min-height:28px!important;
				border-radius:50rem!important;background:#fef2f2!important;
				border:1px solid #fecaca!important;gap:4px!important;
				font-size:11px!important;font-weight:700!important;white-space:nowrap!important;
			}
			.lnv-chip-clear-all i{font-size:11px!important}

			.lnv-filtered-layout{display:block}
			.lnv-filter-sidebar{
				position:fixed;top:0;left:0;bottom:0;width:310px;max-width:86vw;
				height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;z-index:99999;
				transform:translateX(-105%);transition:transform .28s cubic-bezier(0.4,0,0.2,1);
				border-radius:0 20px 20px 0;box-shadow:10px 0 30px rgba(0,0,0,.25);
				padding:0;display:flex;flex-direction:column;overflow:hidden;
			}
			.lnv-filter-sidebar.is-open{transform:translateX(0)}
			.lnv-sidebar-overlay{
				position:fixed;inset:0;background:rgba(15,23,42,.6);
				backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
				z-index:99998;opacity:0;pointer-events:none;transition:opacity .25s ease;
			}
			.lnv-sidebar-overlay.is-open{opacity:1;pointer-events:auto}
			.lnv-fs-header{
				display:flex;align-items:center;justify-content:space-between;
				padding:16px 18px 14px;border-bottom:1px solid #f1f5f9;
				flex-shrink:0;background:#ffffff;margin-bottom:0;
			}
			.lnv-fs-close-btn{display:flex}
			.lnv-fs-body{
				flex:1 1 auto;min-height:0;overflow-y:auto;
				-webkit-overflow-scrolling:touch;
				padding:16px 18px 24px;
			}
			.lnv-fs-drawer-footer{
				display:block;position:static;background:#ffffff;
				padding:12px 18px max(14px, env(safe-area-inset-bottom));
				margin-top:auto;flex-shrink:0;
				border-top:1px solid #f1f5f9;
				box-shadow:0 -6px 16px rgba(0,0,0,.06);
			}
			.lnv-hero-top-actions{display:none!important}
			.lnv-sticky-filter-bar{
				display:block;position:fixed;top:59px;left:0;right:0;z-index:55;
				background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
				-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.08);
				box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-120%);
				opacity:0;pointer-events:none;
				transition:transform .24s cubic-bezier(0.16,1,0.3,1), opacity .2s ease;
			}
			.lnv-sticky-filter-bar.is-shown{
				transform:translateY(0);opacity:1;pointer-events:auto;
			}
			.lnv-sfb-inner{
				max-width:1200px;margin:0 auto;padding:7px 14px;
				display:flex;align-items:center;justify-content:space-between;gap:8px;
			}
			.lnv-sfb-filter-btn{
				display:inline-flex;align-items:center;gap:6px;
				background:var(--color-primary);color:#fff;border:none;border-radius:50rem;
				padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;
				box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.28);line-height:1.2;
				min-height:34px;transition:transform .15s ease, background .15s ease;
			}
			.lnv-sfb-filter-btn:active{transform:scale(0.97)}
			.lnv-sfb-filter-btn .lnv-mft-badge{
				background:#fff;color:var(--color-primary-deep);font-size:10.5px;
				font-weight:900;min-width:18px;height:18px;border-radius:9px;
				padding:0 4px;display:inline-flex;align-items:center;justify-content:center;
				line-height:1;
			}
			.lnv-sfb-count{
				font-size:12px;color:var(--color-text-secondary);white-space:nowrap;
				display:inline-flex;align-items:center;gap:3px;
			}
			.lnv-sfb-count strong{color:var(--color-primary-deep);font-weight:800}
			.lnv-sfb-clear-btn{
				display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;
				color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;
				padding:6px 11px;min-height:30px;border-radius:50rem;text-decoration:none;
				white-space:nowrap;transition:all .15s ease;
			}
			.lnv-sfb-clear-btn:hover{background:#fee2e2;color:#dc2626}
			.lnv-sfb-hub-btn{
				display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;
				color:var(--color-text-secondary);background:#f1f5f9;
				padding:6px 11px;min-height:30px;border-radius:50rem;text-decoration:none;
				white-space:nowrap;transition:all .15s ease;
			}
			.lnv-sfb-hub-btn:hover{background:var(--color-primary);color:#fff}
			.lnv-filtered-main .gt-grid,
			.lnv-results-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
			.lnv-hero-grid{grid-template-columns:1fr;gap:22px}
			.lnv-spotlight-card{max-width:520px;margin:0 auto}
			.lnv-daily-grid{grid-template-columns:1fr;gap:20px}
			.lnv-method-steps-grid{grid-template-columns:repeat(2,1fr);gap:14px}
			.lnv-ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:12px}
		}

		@media (max-width:767px){
			/* Luoi ket qua loc: 3 video / 1 hang theo yeu cau user */
			.lnv-filtered-main .gt-grid,
			.lnv-results-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
			.lnv-results-grid .gt-card.lnv-video-card{display:flex!important;flex-direction:column!important;align-items:stretch!important}
			.lnv-results-grid .lnv-video-card .gt-card-thumb{width:100%!important;flex-shrink:0!important;aspect-ratio:16/9!important}
			.lnv-results-grid .lnv-video-card .gt-card-body{flex:1 1 auto!important;min-width:0!important;padding:9px 9px 11px!important}


			/* Tối ưu khoảng cách lề trên dưới trái phải cho toàn bộ trang trên mobile */
			body.new-home-ui #content.site-content > .mt-container{
				padding-top:6px!important;
				padding-bottom:16px!important;
				padding-left:10px!important;
				padding-right:10px!important;
			}
			#content{
				margin-top:4px!important;
			}
			#primary.gt-page{
				padding:0!important;
			}
			.lnv-hero-wrap{margin-bottom:14px}
			.lnv-hero{padding:14px 14px 12px;border-radius:16px}
			.lnv-hero--split{padding:16px 12px 14px}
			.lnv-spotlight-card{max-width:100%}
			.lnv-hero-pill-tag,
			.lnv-hero-desc,
			.lnv-hero-badges,
			.lnv-hero-stats{display:none!important}
			.lnv-hero-header{margin-bottom:10px}
			.lnv-hero-header h1{margin:0 0 4px!important;font-size:20px}
			.lnv-hero-header--compact h1{font-size:18px}
			.lnv-hero-search-box{padding:4px 4px 4px 12px;margin-bottom:10px}
			.lnv-search-input-wrap input{font-size:16px}
			.lnv-search-submit{padding:10px 18px 9px;font-size:13.5px;min-height:38px}
			.lnv-hero-suggestions{
				display:flex!important;
				flex-wrap:nowrap!important;
				overflow-x:auto!important;
				scrollbar-width:none!important;
				-webkit-overflow-scrolling:touch;
				gap:8px!important;
				margin-bottom:0!important;
				padding-bottom:2px!important;
			}
			.lnv-hero-suggestions::-webkit-scrollbar{display:none}
			.lnv-sug-title{white-space:nowrap;flex-shrink:0}
			.lnv-sug-tag{white-space:nowrap;flex-shrink:0;min-height:30px;padding:4px 11px;font-size:12px}

			/* Feature Bar mobile */
			.lnv-feature-bar{grid-template-columns:1fr;gap:10px;margin-bottom:16px}
			.lnv-feature-card{padding:12px 14px;border-radius:14px;gap:12px}
			.lnv-fc-icon{width:38px;height:38px;font-size:16px;border-radius:10px}
			.lnv-fc-content h4{font-size:13.5px}
			.lnv-fc-content p{font-size:12px}

			/* Khối mới trên mobile: Resume, Daily, Method Ecosystem */
			.lnv-resume-section{margin-bottom:16px}
			.lnv-resume-inner{padding:12px 14px;border-radius:16px}
			.lnv-resume-card-body{flex-direction:column;align-items:flex-start;gap:10px}
			.lnv-resume-thumb{width:100%;aspect-ratio:16/9;border-radius:10px}
			.lnv-resume-btn{width:100%;justify-content:center}
			.lnv-section-daily{margin-bottom:20px}
			.lnv-daily-card{padding:18px 14px;border-radius:18px}
			.lnv-daily-title{font-size:17px}
			.lnv-daily-tip{font-size:12px;padding:6px 10px}
			.lnv-section-method-ecosystem{padding:18px 14px;border-radius:18px;margin-bottom:22px}
			.lnv-method-steps-grid{grid-template-columns:1fr;gap:10px;margin-bottom:20px}
			.lnv-ecosystem-grid{grid-template-columns:1fr;gap:10px}

			.lnv-smart-filter-box{padding:12px 10px;border-radius:14px;margin-bottom:16px}
			.lnv-sf-divider{margin:8px 0}
			.lnv-f-pill{padding:5px 11px;font-size:12px}
			.lnv-level-pills,
			.lnv-type-pills{gap:8px;padding:8px 8px 12px}
			.lnv-level-pills .lnv-f-pill,
			.lnv-type-pills .lnv-f-pill{padding:6px 13px;font-size:12.5px;gap:6px}
			.lnv-level-pills .lnv-f-pill i,
			.lnv-type-pills .lnv-f-pill i{font-size:13px}
			.lnv-type-nav-wrap{bottom:8px}
			.lnv-type-nav-btn{width:32px;height:32px}
			.lnv-type-nav-btn i{font-size:13px}
			.lnv-type-nav-wrap--prev{padding-right:16px}
			.lnv-type-nav-wrap--next{padding-left:16px}
			.lnv-channels-grid{grid-template-columns:1fr}
			.lnv-hub-section-head--channels{flex-direction:column;align-items:stretch;gap:12px}
			.lnv-hsh-channel-tools{width:100%;display:flex;align-items:center;gap:10px}
			.lnv-ch-search-wrap{flex:1;min-width:0}
			.lnv-ch-search-input{width:100%!important;font-size:16px!important;height:38px}
			.lnv-channels-viewall-btn{width:100%;justify-content:center;font-size:13.5px;padding:12px 16px;box-sizing:border-box}
			.lnv-hub-section{margin-bottom:20px}
			.lnv-hsh-header{margin-bottom:10px}
			.lnv-hsh-title h3{font-size:16px}

			/* Tối ưu header các khối trên mobile */
			.lnv-section-popular .lnv-hub-section-head,
			.lnv-section-level-tabs .lnv-hub-section-head,
			.lnv-section-shorts .lnv-hub-section-head,
			.lnv-section-anime .lnv-hub-section-head,
			.lnv-section-podcast .lnv-hub-section-head,
			.lnv-section-level .lnv-hub-section-head{
				display:flex;align-items:center;justify-content:space-between;
				flex-wrap:nowrap;gap:8px;margin-bottom:12px;
			}
			.lnv-section-popular .lnv-hsh-title,
			.lnv-section-level-tabs .lnv-hsh-title,
			.lnv-section-shorts .lnv-hsh-title,
			.lnv-section-anime .lnv-hsh-title,
			.lnv-section-podcast .lnv-hsh-title,
			.lnv-section-level .lnv-hsh-title{
				display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1;
			}
			.lnv-section-popular .lnv-hsh-title > div,
			.lnv-section-level-tabs .lnv-hsh-title > div,
			.lnv-section-shorts .lnv-hsh-title > div,
			.lnv-section-anime .lnv-hsh-title > div,
			.lnv-section-podcast .lnv-hsh-title > div,
			.lnv-section-level .lnv-hsh-title > div,
			.lnv-hsh-title > div{
				min-width:0;flex:1 1 auto;overflow:hidden;
			}
			.lnv-section-shorts .lnv-title-prefix{display:none}
			.lnv-section-popular .lnv-hsh-title h3,
			.lnv-section-level-tabs .lnv-hsh-title h3,
			.lnv-section-shorts .lnv-hsh-title h3,
			.lnv-section-anime .lnv-hsh-title h3,
			.lnv-section-podcast .lnv-hsh-title h3,
			.lnv-section-level .lnv-hsh-title h3{
				margin:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
			}
			.lnv-section-popular .lnv-hsh-title p,
			.lnv-section-level-tabs .lnv-hsh-title p,
			.lnv-section-shorts .lnv-hsh-title p,
			.lnv-section-anime .lnv-hsh-title p,
			.lnv-section-podcast .lnv-hsh-title p,
			.lnv-section-level .lnv-hsh-title p{
				display:none!important;
			}
			.lnv-section-popular .lnv-hsh-icon,
			.lnv-section-level-tabs .lnv-hsh-icon,
			.lnv-section-shorts .lnv-hsh-icon,
			.lnv-section-anime .lnv-hsh-icon,
			.lnv-section-podcast .lnv-hsh-icon{
				width:34px;height:34px;font-size:15px;border-radius:10px;flex-shrink:0;
			}
			.lnv-section-level .lnv-hsh-badge-level{
				width:34px;height:34px;font-size:13px;border-radius:10px;flex-shrink:0;
			}
			.lnv-section-popular .lnv-hsh-actions,
			.lnv-section-level-tabs .lnv-hsh-actions,
			.lnv-section-shorts .lnv-hsh-actions,
			.lnv-section-anime .lnv-hsh-actions,
			.lnv-section-podcast .lnv-hsh-actions,
			.lnv-section-level .lnv-hsh-actions{
				margin:0;flex-shrink:0;
			}
			.lnv-section-popular .lnv-slider-nav,
			.lnv-section-level-tabs .lnv-slider-nav,
			.lnv-section-shorts .lnv-slider-nav,
			.lnv-section-anime .lnv-slider-nav,
			.lnv-section-podcast .lnv-slider-nav,
			.lnv-section-level .lnv-slider-nav{
				display:none!important;
			}
			.lnv-section-popular .lnv-hsh-view-all,
			.lnv-section-level-tabs .lnv-hsh-view-all,
			.lnv-section-shorts .lnv-hsh-view-all,
			.lnv-section-anime .lnv-hsh-view-all,
			.lnv-section-podcast .lnv-hsh-view-all,
			.lnv-section-level .lnv-hsh-view-all{
				font-size:12.5px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;
			}
			.lnv-slider-track .lnv-video-card{flex:0 0 calc((100% - 14px) / 2)}
			.lnv-tab-btn{padding:6px 14px 6px 10px;font-size:12.5px}
			.lnv-tab-desc{display:none}
			.lnv-shorts-track .lnv-video-card{flex:0 0 148px}
			.lnv-filtered-layout{margin-bottom:20px}
			.lnv-filter-results-head{padding:9px 12px 9px!important;margin-bottom:12px}
			.lnv-pagination-nav{margin-top:16px;margin-bottom:8px}
		}

		@media (max-width:579px){
			.lnv-slider-track{gap:12px;padding-bottom:12px}
			.lnv-slider-track .lnv-video-card{flex:0 0 78%;max-width:280px}
			.lnv-hsh-actions{gap:8px}
			.lnv-slide-btn{width:34px;height:34px;font-size:13px}
			.lnv-fr-title{font-size:15px}
			.lnv-shorts-track .lnv-video-card{flex:0 0 142px;max-width:160px}
		}

		@media (max-width:539px){
			/* Mobile doc cuc nho: 1 video / 1 hang de tranh vo layout */
			.lnv-filtered-main .gt-grid,
			.lnv-results-grid{grid-template-columns:1fr!important;gap:12px!important}
		}

		@media (max-width:420px){
			body.new-home-ui #content.site-content > .mt-container{
				padding-left:8px!important;
				padding-right:8px!important;
				padding-top:4px!important;
				padding-bottom:14px!important;
			}
			.lnv-filter-results-head{padding:8px 10px 8px!important}
			.lnv-fr-text-full{display:none!important}
			.lnv-fr-text-short{display:inline!important}
			.lnv-hero{padding:12px 10px 10px;border-radius:14px}
			.lnv-hero--split{padding:12px 10px 10px;border-radius:14px}
			.lnv-spotlight-card{border-radius:14px}
			.lnv-spotlight-body{padding:10px 12px 12px}
			.lnv-spotlight-title{font-size:13.5px}
			.lnv-spotlight-title-vi{font-size:12px;margin-bottom:6px}
			.lnv-spotlight-footer{gap:6px;padding-top:8px}
			.lnv-spotlight-cta{font-size:11px;padding:5px 10px}
			.lnv-hero-header{margin-bottom:8px}
			.lnv-hero-header h1{font-size:18px}
			.lnv-smart-filter-box{padding:10px 8px;margin-bottom:14px;border-radius:12px}
			.lnv-hub-section{margin-bottom:18px}
			.lnv-back-full{display:none}
			.lnv-back-short{display:inline}
			.lnv-hero-filter-status{display:none}
			.lnv-hero-top-row{gap:8px;flex-wrap:nowrap;justify-content:space-between}
			.lnv-hero-back-link{font-size:12px;padding:6px 12px;min-height:34px;display:inline-flex;align-items:center;white-space:nowrap}
			.lnv-hero-search-box{flex-direction:column;border-radius:12px;padding:6px;margin-bottom:8px}
			.lnv-search-input-wrap{width:100%;padding:4px 4px 6px}
			.lnv-search-input-wrap input{font-size:16px}
			.lnv-search-submit{width:100%;border-radius:10px;padding:9px 0 8px;min-height:36px;font-size:13px}
			.lnv-filter-sidebar{width:290px;max-width:88vw}
		}

		@media (max-width:389px){
			.lnv-sfb-inner{padding:6px 8px;gap:5px}
			.lnv-sfb-filter-btn{padding:6px 10px;min-height:32px;font-size:11.5px}
			.lnv-sfb-count{font-size:11px}
			.lnv-sfb-clear-btn, .lnv-sfb-hub-btn{padding:5px 9px;min-height:28px;font-size:11px}
			.lnv-video-card{border-radius:12px!important}
			.lnv-card-title{min-height:auto}
			.lnv-level-pills,
			.lnv-type-pills{gap:6px;padding:8px 8px 12px}
			.lnv-level-pills .lnv-f-pill,
			.lnv-type-pills .lnv-f-pill{padding:5px 11px;font-size:12px;gap:5px}
			.lnv-level-pills .lnv-f-pill i,
			.lnv-type-pills .lnv-f-pill i{font-size:12px}
			.lnv-type-nav-wrap{bottom:6px}
			.lnv-type-nav-btn{width:30px;height:30px}
			.lnv-type-nav-btn i{font-size:12px}
			.lnv-type-nav-wrap--prev{padding-right:10px}
			.lnv-type-nav-wrap--next{padding-left:10px}
			.lnv-filter-sidebar{width:275px;max-width:90vw}
			.lnv-section-popular .lnv-hsh-title h3,
			.lnv-section-level-tabs .lnv-hsh-title h3,
			.lnv-section-shorts .lnv-hsh-title h3,
			.lnv-section-anime .lnv-hsh-title h3,
			.lnv-section-podcast .lnv-hsh-title h3,
			.lnv-section-level .lnv-hsh-title h3{font-size:14px}
			.lnv-section-popular .lnv-hsh-view-all,
			.lnv-section-level-tabs .lnv-hsh-view-all,
			.lnv-section-shorts .lnv-hsh-view-all,
			.lnv-section-anime .lnv-hsh-view-all,
			.lnv-section-podcast .lnv-hsh-view-all,
			.lnv-section-level .lnv-hsh-view-all{font-size:11.5px}
			.lnv-tab-btn{padding:5px 11px 5px 8px;font-size:12px}
			.lnv-tab-count{font-size:10.5px;padding:1px 6px}
			.lnv-shorts-track .lnv-video-card{flex:0 0 136px}
			.lnv-hsh-va-full{display:none!important}
			.lnv-hsh-va-short{display:inline!important}
			.lnv-daily-card{padding:14px 10px;border-radius:14px}
			.lnv-daily-title{font-size:15.5px}
			.lnv-section-method-ecosystem{padding:14px 10px}
		}