:root{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-dark: #1D4ED8;--primary-light: #EFF6FF;--secondary: #20C997;--secondary-dark: #1aa37a;--secondary-light: #e6faf3;--brand-gradient-header: linear-gradient(135deg,var(--primary),var(--secondary-dark));--brand-gradient-accent: linear-gradient(135deg,var(--secondary),var(--secondary-dark));--sky: #0EA5E9;--sky-dark: #0284C7;--sky-light: #E0F2FE;--success: #10B981;--success-dark: #059669;--success-light: #D1FAE5;--warning: #F59E0B;--warning-dark: #D97706;--warning-light: #FEF3C7;--warning-text: #92400E;--danger: #EF4444;--danger-dark: #DC2626;--danger-light: #FEE2E2;--danger-text: #991B1B;--accent: #F59E0B;--accent-light: #FEF3C7;--bg: #F8FAFC;--surface: #FFFFFF;--card-bg: #FFFFFF;--heading: #0F172A;--text-primary: #1E293B;--paragraph: #64748B;--text-secondary: #64748B;--muted: #94A3B8;--text-muted: #6B7280;--border: #E5E7EB;--border-light: #F1F5F9;--shadow-sm: 0 1px 3px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 4px 6px -1px rgba(15,23,42,.06),0 2px 4px -2px rgba(15,23,42,.06);--shadow-lg: 0 10px 25px -3px rgba(15,23,42,.08),0 4px 6px -4px rgba(15,23,42,.04);--shadow-xl: 0 20px 50px -5px rgba(15,23,42,.10),0 8px 10px -6px rgba(15,23,42,.04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast: all 0.15s ease;--fs-hero: clamp(2.25rem,5vw,3.5rem);--fs-page-heading: clamp(1.75rem,4vw,2.5rem);--fs-section-heading: clamp(1.5rem,3vw,2.25rem);--fs-card-title: 1.375rem;--fs-body: 1rem;--fs-small: 0.875rem;--fs-caption: 0.75rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 80px;--sp-10: 96px;--font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--primary-rgb: 37,99,235;--secondary-rgb: 32,201,151;--success-rgb: 16,185,129;--warning-rgb: 245,158,11;--danger-rgb: 239,68,68;--sky-rgb: 14,165,233;--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 52px;--btn-padding-sm: 0 16px;--btn-padding-md: 0 24px;--btn-padding-lg: 0 32px;--btn-radius: var(--radius-sm);--btn-font-size: var(--fs-small);--btn-font-weight: var(--fw-semibold);--btn-gap: 8px;--btn-shadow-primary: 0 2px 8px rgba(var(--primary-rgb),.30);--btn-shadow-primary-hov: 0 6px 20px rgba(var(--primary-rgb),.42);--btn-shadow-success: 0 2px 8px rgba(var(--success-rgb),.30);--btn-shadow-danger: 0 2px 8px rgba(var(--danger-rgb),.30);--btn-shadow-sky: 0 2px 8px rgba(var(--sky-rgb),.30)}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: 80px;overflow-x: clip}body{font-family: var(--font-family);background-color: var(--bg);color: var(--text-primary);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}.skip-link{position: absolute;top: -100px;left: 16px;z-index: 2000;padding: 12px 20px;background: var(--primary);color: #fff;font-weight: var(--fw-semibold);border-radius: 0 0 var(--radius-md) var(--radius-md);text-decoration: none;transition: top .15s ease-in}.skip-link:focus{top: 0;color: #fff}main:focus{outline: none}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 1ms !important;animation-iteration-count: 1 !important;transition-duration: 1ms !important;scroll-behavior: auto !important}}h1,h2,h3,h4,h5,h6{font-weight: var(--fw-bold);line-height: 1.2;color: var(--heading)}p{color: var(--paragraph);line-height: 1.7}a{text-decoration: none;transition: var(--transition-fast)}img{max-width: 100%;height: auto}.section-padding{padding: var(--sp-9) 0}@media (max-width: 767.98px){.section-padding{padding: var(--sp-7) 0}}.section-header{text-align: center;margin-bottom: var(--sp-7)}.section-header .section-badge{display: inline-flex;align-items: center;gap: var(--sp-2);padding: var(--sp-2) var(--sp-4);background: var(--primary-light);color: var(--primary);font-size: var(--fs-caption);font-weight: var(--fw-semibold);border-radius: var(--radius-full);margin-bottom: var(--sp-4);text-transform: uppercase;letter-spacing: 0.5px}.section-header h1,.section-header h2{font-size: var(--fs-section-heading);font-weight: var(--fw-extrabold);margin-bottom: var(--sp-3);letter-spacing: -0.02em}.section-header p{font-size: 1.1rem;max-width: 600px;margin: 0 auto}@media (max-width: 767.98px){.section-header h1,.section-header h2{font-size: 1.75rem}.section-header p{font-size: var(--fs-body)}}.navbar{border-bottom: 1px solid var(--border-light);padding: 12px 0;transition: var(--transition);z-index: 1050}.navbar::before{content: '';position: absolute;inset: 0;z-index: -1;background: rgba(255,255,255,0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px)}.navbar.scrolled{box-shadow: var(--shadow-md);padding: 8px 0}.navbar-brand{font-weight: 800;font-size: 1.5rem;color: var(--primary) !important;display: flex;align-items: center;gap: 8px}.navbar-brand .brand-icon{width: 36px;height: 36px;background: linear-gradient(135deg,var(--primary),var(--secondary));border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;color: white;font-size: 1.1rem}.brand-logo-img{height: 44px;width: auto}.navbar-nav .nav-item{margin: 0 3px}.navbar-nav .nav-link{color: var(--text-secondary) !important;font-weight: 500;font-size: 0.9rem;padding: 8px 14px !important;border-radius: var(--radius-sm);transition: var(--transition-fast);position: relative}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color: var(--primary) !important;background: var(--primary-light)}.navbar-nav .nav-link.active::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 20px;height: 2px;background: var(--primary);border-radius: 2px}.dropdown-menu-modern{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md);box-shadow: var(--shadow-xl);padding: 0.5rem;margin-top: 0.5rem !important;animation: dropdownFadeIn var(--transition-fast) ease;min-width: 220px}@keyframes dropdownFadeIn{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.dropdown-menu-modern .dropdown-item{color: var(--text-secondary);font-size: 0.85rem;font-weight: 500;padding: 0.55rem 0.875rem;border-radius: var(--radius-sm);display: flex;align-items: center;gap: 10px;transition: var(--transition-fast)}.dropdown-item-icon{width: 18px;text-align: center;font-size: 0.85rem;flex-shrink: 0}.dropdown-menu-modern .dropdown-item:hover{background: var(--primary-light);color: var(--primary)}.dropdown-item-danger{color: var(--danger) !important}.dropdown-item-danger:hover{background: var(--danger-light) !important;color: var(--danger) !important}.user-dropdown{min-width: 240px}.user-dropdown-header{padding: 0.875rem 1rem;background: var(--primary-light);border-radius: var(--radius-sm) var(--radius-sm) 0 0}.user-avatar-trigger{transition: var(--transition-fast)}.user-avatar-trigger:hover{opacity: 0.85}.user-avatar-img{width: 34px;height: 34px;border-radius: var(--radius-full);object-fit: cover;border: 2px solid var(--primary-light);transition: border-color 0.15s ease}.user-avatar-img:hover{border-color: var(--primary)}.user-avatar-placeholder{width: 34px;height: 34px;border-radius: var(--radius-full);background: var(--primary-light);color: var(--primary);display: flex;align-items: center;justify-content: center;font-size: 0.875rem}@media (max-width: 991.98px){.dropdown-menu-modern{position: static;box-shadow: none;border: none;background: transparent;width: 100%}}.btn-site{display: inline-flex;align-items: center;justify-content: center;gap: var(--btn-gap);height: var(--btn-height-md);padding: var(--btn-padding-md);font-family: var(--font-family);font-size: var(--btn-font-size);font-weight: var(--btn-font-weight);line-height: 1;border-radius: var(--btn-radius);border: 1.5px solid transparent;cursor: pointer;text-decoration: none;white-space: nowrap;transition: var(--transition);-webkit-font-smoothing: antialiased;vertical-align: middle}.btn-site:focus-visible{outline: 3px solid var(--primary);outline-offset: 2px}.btn-site:disabled,.btn-site[aria-disabled="true"]{opacity: .5;cursor: not-allowed;transform: none !important;box-shadow: none !important;pointer-events: none}.btn-site--sm{height: var(--btn-height-sm);padding: var(--btn-padding-sm);font-size: var(--fs-caption);border-radius: 6px}.btn-site--lg{height: var(--btn-height-lg);padding: var(--btn-padding-lg);font-size: var(--fs-body);border-radius: var(--radius-md)}.btn-site--primary{background: var(--primary);color: #fff;border-color: var(--primary);box-shadow: var(--btn-shadow-primary)}.btn-site--primary:hover,.btn-site--primary:focus-visible{background: var(--primary-hover);border-color: var(--primary-hover);color: #fff;transform: translateY(-2px);box-shadow: var(--btn-shadow-primary-hov)}.btn-site--primary:active{transform: translateY(0)}.btn-site--secondary{background: var(--sky);color: #fff;border-color: var(--sky);box-shadow: var(--btn-shadow-sky)}.btn-site--secondary:hover{background: var(--sky-dark);border-color: var(--sky-dark);color: #fff;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(var(--sky-rgb),.40)}.btn-site--outline{background: transparent;color: var(--primary);border-color: var(--primary)}.btn-site--outline:hover{background: var(--primary);color: #fff;transform: translateY(-1px);box-shadow: var(--btn-shadow-primary)}.btn-site--ghost{background: transparent;color: var(--text-secondary);border-color: transparent}.btn-site--ghost:hover{background: var(--primary-light);color: var(--primary)}.btn-site--success{background: var(--success);color: #fff;border-color: var(--success);box-shadow: var(--btn-shadow-success)}.btn-site--success:hover{background: var(--success-dark);border-color: var(--success-dark);color: #fff;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(var(--success-rgb),.40)}.btn-site--danger{background: var(--danger);color: #fff;border-color: var(--danger);box-shadow: var(--btn-shadow-danger)}.btn-site--danger:hover{background: var(--danger-dark);border-color: var(--danger-dark);color: #fff;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(var(--danger-rgb),.40)}.btn-site--icon{width: var(--btn-height-md);height: var(--btn-height-md);padding: 0;font-size: 1rem;background: transparent;color: var(--text-secondary);border-color: var(--border)}.btn-site--icon:hover{background: var(--primary-light);color: var(--primary);border-color: var(--primary)}.btn-site--icon.btn-site--sm{width: var(--btn-height-sm);height: var(--btn-height-sm);font-size: var(--fs-small)}.btn-site--loading{pointer-events: none;opacity: .75}.btn-site--loading::after{content: '';width: 14px;height: 14px;border: 2px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: btn-spin .6s linear infinite;margin-left: 6px}@keyframes btn-spin{to{transform: rotate(360deg)}}.btn-nav-login{background: transparent;color: var(--primary) !important;border: 1.5px solid var(--primary);font-weight: var(--btn-font-weight);font-size: var(--btn-font-size);padding: 8px 20px;border-radius: var(--radius-sm);transition: var(--transition)}.btn-nav-login:hover{background: var(--primary-light);color: var(--primary) !important}.btn-nav-register{background: var(--primary);color: white !important;border: none;font-weight: var(--btn-font-weight);font-size: var(--btn-font-size);padding: 8px 20px;border-radius: var(--btn-radius);transition: var(--transition);box-shadow: var(--btn-shadow-primary)}.btn-nav-register:hover{background: var(--primary-dark);transform: translateY(-1px);box-shadow: var(--btn-shadow-primary-hov)}.btn-download-app{background: var(--brand-gradient-accent);color: white !important;border: none;font-weight: 600;font-size: 0.875rem;padding: 8px 20px;border-radius: var(--radius-sm);transition: var(--transition);display: flex;align-items: center;gap: 6px}.btn-download-app:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(var(--secondary-rgb),0.4)}.hero-section{background: linear-gradient(135deg,#f0f6ff 0%,#e8f4fd 30%,#f0fdf9 70%,var(--bg) 100%);padding: 100px 0 60px;position: relative;overflow: hidden;min-height: 90vh;display: flex;align-items: center}.hero-section::before{content: '';position: absolute;top: -50%;right: -20%;width: 600px;height: 600px;background: radial-gradient(circle,rgba(var(--primary-rgb),0.06) 0%,transparent 70%);border-radius: 50%}.hero-section::after{content: '';position: absolute;bottom: -30%;left: -10%;width: 500px;height: 500px;background: radial-gradient(circle,rgba(var(--secondary-rgb),0.05) 0%,transparent 70%);border-radius: 50%}.hero-content{position: relative;z-index: 2}.hero-badge{display: inline-flex;align-items: center;gap: 8px;padding: 8px 18px;background: var(--accent-light);color: #b45309;font-size: 0.85rem;font-weight: 600;border-radius: var(--radius-full);margin-bottom: 24px;border: 1px solid rgba(255,193,7,0.2);animation: fadeInDown 0.6s ease}.hero-badge i{font-size: 0.9rem}.hero-title{font-size: var(--fs-hero);font-weight: var(--fw-extrabold);line-height: 1.15;margin-bottom: var(--sp-5);color: var(--heading);letter-spacing: -0.03em;animation: fadeInUp 0.6s ease 0.1s both}.hero-title .highlight{background: linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.hero-subtitle{font-size: 1.15rem;color: var(--paragraph);line-height: 1.7;margin-bottom: var(--sp-6);max-width: 520px;animation: fadeInUp 0.6s ease 0.2s both}.hero-cta{display: flex;gap: 14px;flex-wrap: wrap;margin-bottom: 40px;animation: fadeInUp 0.6s ease 0.3s both}.btn-hero-primary{background: var(--primary);color: white;border: none;font-weight: var(--btn-font-weight);font-size: 1rem;padding: 14px 32px;border-radius: var(--radius-md);transition: var(--transition);box-shadow: var(--btn-shadow-primary);display: flex;align-items: center;gap: 8px}.btn-hero-primary:hover{background: var(--primary-dark);transform: translateY(-2px);box-shadow: var(--btn-shadow-primary-hov);color: white}.btn-hero-secondary{background: white;color: var(--text-primary);border: 1.5px solid var(--border);font-weight: var(--btn-font-weight);font-size: 1rem;padding: 14px 32px;border-radius: var(--radius-md);transition: var(--transition);display: flex;align-items: center;gap: 8px}.btn-hero-secondary:hover{border-color: var(--primary);color: var(--primary);background: var(--primary-light);transform: translateY(-2px)}.hero-trust{display: flex;gap: 32px;flex-wrap: wrap;animation: fadeInUp 0.6s ease 0.4s both}.trust-item{display: flex;align-items: center;gap: 10px}.trust-icon{width: 40px;height: 40px;background: white;border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 1.1rem;box-shadow: var(--shadow-sm)}.trust-item .trust-text strong{display: block;font-size: 0.95rem;color: var(--text-primary);font-weight: 700}.trust-item .trust-text span{font-size: 0.78rem;color: var(--text-muted)}.hero-image-wrapper{position: relative;z-index: 2;animation: fadeInRight 0.8s ease 0.3s both}.hero-image-wrapper img{border-radius: var(--radius-xl);width: 100%;max-width: 560px;margin: 0 auto;display: block}.floating-card{position: absolute;background: white;border-radius: var(--radius-md);padding: 14px 18px;box-shadow: var(--shadow-lg);display: flex;align-items: center;gap: 12px;animation: float 3s ease-in-out infinite;z-index: 3}.floating-card.card-1{top: 10%;right: -10px;animation-delay: 0s}.floating-card.card-2{bottom: 20%;left: -10px;animation-delay: 1s}.floating-card .fc-icon{width: 40px;height: 40px;border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;font-size: 1.2rem}.floating-card .fc-text strong{display: block;font-size: 0.85rem;color: var(--text-primary)}.floating-card .fc-text span{font-size: 0.75rem;color: var(--text-muted)}.mission-section{background: white}.mission-wrapper{background: linear-gradient(135deg,#f8fbff,#f5fdf9);border-radius: var(--radius-xl);padding: 40px;border: 1px solid var(--border-light);box-shadow: var(--shadow-sm)}.mission-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px;flex-wrap: wrap;gap: 16px}.mission-header h3{font-size: 1.5rem;font-weight: 700;display: flex;align-items: center;gap: 10px}.mission-header h3 .fire-emoji{font-size: 1.4rem}.mission-streak{display: flex;align-items: center;gap: 8px;padding: 8px 18px;background: linear-gradient(135deg,var(--accent-light),#fff3cd);border-radius: var(--radius-full);font-weight: 600;font-size: 0.875rem;color: var(--warning-text)}.mission-card{display: block;background: white;border-radius: var(--radius-lg);padding: 24px;text-align: center;border: 1px solid var(--border-light);transition: var(--transition);cursor: pointer;position: relative;overflow: hidden;height: 100%}.mission-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;border-radius: 3px 3px 0 0;transition: var(--transition);opacity: 0}.mission-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: transparent}.mission-card:hover::before{opacity: 1}.mission-card.card-editorial::before{background: var(--primary)}.mission-card.card-vocab::before{background: var(--secondary)}.mission-card.card-news::before{background: var(--warning)}.mission-card.card-gs::before{background: #8b5cf6}.mission-card.card-quiz::before{background: var(--danger)}.mission-card .mc-emoji{font-size: 2.2rem;margin-bottom: 12px;display: block}.mission-card h5{font-size: 1rem;font-weight: 700;margin-bottom: 6px}.mission-card .mc-desc{font-size: 0.8rem;color: var(--text-muted);margin-bottom: 14px}.mission-card .mc-status{display: inline-flex;align-items: center;gap: 6px;padding: 4px 14px;border-radius: var(--radius-full);font-size: 0.75rem;font-weight: 600}.mc-status.completed{background: var(--secondary-light);color: var(--secondary-dark)}.mc-status.pending{background: var(--primary-light);color: var(--primary)}.mc-status.in-progress{background: var(--accent-light);color: var(--warning-text)}.mc-status.coming-soon{background: var(--border-light);color: var(--text-muted)}.mission-progress{margin-top: 32px;background: white;border-radius: var(--radius-md);padding: 20px 24px;border: 1px solid var(--border-light)}.mission-progress .progress-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px}.mission-progress .progress-header span{font-weight: 600;font-size: 0.9rem;color: var(--text-primary)}.mission-progress .progress-header .progress-percent{color: var(--secondary);font-weight: 700}.mission-progress .progress{height: 10px;border-radius: var(--radius-full);background: var(--border-light);overflow: hidden}.mission-progress .progress-bar{background: linear-gradient(90deg,var(--primary),var(--secondary));border-radius: var(--radius-full);transition: width 1s cubic-bezier(0.4,0,0.2,1)}.ecosystem-card{background: white;border-radius: var(--radius-lg);padding: 32px;border: 1px solid var(--border-light);transition: var(--transition);height: 100%;position: relative;overflow: hidden}.ecosystem-card::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 3px;opacity: 0;transition: var(--transition)}.ecosystem-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-xl);border-color: transparent}.ecosystem-card:hover::after{opacity: 1}.ecosystem-card .ec-icon{width: 56px;height: 56px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.5rem;margin-bottom: 20px;transition: var(--transition)}.ecosystem-card:hover .ec-icon{transform: scale(1.1)}.ecosystem-card h4{font-size: 1.2rem;font-weight: 700;margin-bottom: 10px}.ecosystem-card p{font-size: 0.9rem;margin-bottom: 20px;line-height: 1.6}.ecosystem-card .ec-features{list-style: none;padding: 0;margin: 0 0 20px}.ecosystem-card .ec-features li{font-size: 0.85rem;color: var(--text-secondary);padding: 4px 0;display: flex;align-items: center;gap: 8px}.ecosystem-card .ec-features li i{color: var(--secondary);font-size: 0.7rem}.btn-ecosystem{display: inline-flex;align-items: center;gap: 6px;font-weight: var(--btn-font-weight);font-size: var(--btn-font-size);padding: 10px 20px;border-radius: var(--btn-radius);transition: var(--transition);border: none}.btn-ecosystem:hover{transform: translateX(4px)}.eco-blue .ec-icon{background: var(--primary-light);color: var(--primary)}.eco-blue::after{background: var(--primary)}.eco-blue .btn-ecosystem{background: var(--primary-light);color: var(--primary)}.eco-blue .btn-ecosystem:hover{background: var(--primary);color: white}.eco-green .ec-icon{background: var(--secondary-light);color: var(--secondary)}.eco-green::after{background: var(--secondary)}.eco-green .btn-ecosystem{background: var(--secondary-light);color: var(--secondary-dark)}.eco-green .btn-ecosystem:hover{background: var(--secondary);color: white}.eco-amber .ec-icon{background: var(--accent-light);color: var(--warning)}.eco-amber::after{background: var(--warning)}.eco-amber .btn-ecosystem{background: var(--accent-light);color: var(--warning-text)}.eco-amber .btn-ecosystem:hover{background: var(--warning);color: white}.eco-purple .ec-icon{background: #f3f0ff;color: #8b5cf6}.eco-purple::after{background: #8b5cf6}.eco-purple .btn-ecosystem{background: #f3f0ff;color: #7c3aed}.eco-purple .btn-ecosystem:hover{background: #8b5cf6;color: white}.eco-red .ec-icon{background: var(--danger-light);color: var(--danger)}.eco-red::after{background: var(--danger)}.eco-red .btn-ecosystem{background: var(--danger-light);color: var(--danger-dark)}.eco-red .btn-ecosystem:hover{background: var(--danger);color: white}.exams-section{background: white}.exam-card{background: white;border-radius: var(--radius-lg);padding: 28px 24px;text-align: center;border: 1px solid var(--border-light);transition: var(--transition);cursor: pointer;height: 100%}.exam-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary)}.exam-card .exam-icon{width: 64px;height: 64px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;font-size: 1.6rem;font-weight: 800;transition: var(--transition)}.exam-card:hover .exam-icon{transform: scale(1.1) rotate(-3deg)}.exam-card h5{font-size: 1rem;font-weight: 700;margin-bottom: 6px}.exam-card .exam-tests{font-size: 0.8rem;color: var(--text-muted);margin-bottom: 16px}.exam-card .btn-exam{display: inline-flex;align-items: center;gap: 6px;padding: 8px 18px;border-radius: var(--radius-sm);font-size: 0.8rem;font-weight: 600;border: 1.5px solid var(--border);background: transparent;color: var(--text-primary);transition: var(--transition)}.exam-card:hover .btn-exam{background: var(--primary);color: white;border-color: var(--primary)}.exam-icon.ssc{background: #dbeafe;color: #2563eb}.exam-icon.bank{background: var(--success-light);color: var(--success-dark)}.exam-icon.rail{background: var(--warning-light);color: var(--warning-dark)}.exam-icon.upsc{background: #ede9fe;color: #7c3aed}.exam-icon.state{background: #fce7f3;color: #db2777}.exam-icon.defence{background: var(--sky-light);color: var(--sky-dark)}.content-hub .nav-pills{gap: 8px;margin-bottom: 32px;justify-content: center;flex-wrap: wrap}.content-hub .nav-pills .nav-link{padding: 10px 24px;border-radius: var(--radius-full);font-weight: 600;font-size: 0.875rem;color: var(--text-secondary);background: white;border: 1px solid var(--border);transition: var(--transition)}.content-hub .nav-pills .nav-link.active{background: var(--primary);color: white;border-color: var(--primary);box-shadow: 0 4px 12px rgba(var(--primary-rgb),0.3)}.content-hub .nav-pills .nav-link:hover:not(.active){background: var(--primary-light);color: var(--primary);border-color: var(--primary)}.content-card{background: white;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--border-light);transition: var(--transition);height: 100%}.content-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.content-card .cc-thumb{height: 180px;overflow: hidden;position: relative}.content-card .cc-thumb img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: fill;object-position: center top;transition: var(--transition)}.content-card:hover .cc-thumb img{transform: scale(1.05)}.content-card .cc-thumb .cc-category{position: absolute;top: 12px;left: 12px;padding: 4px 12px;border-radius: var(--radius-full);font-size: 0.7rem;font-weight: 600;background: rgba(255,255,255,0.95);backdrop-filter: blur(4px);color: var(--primary)}.content-card .cc-body{padding: 20px}.content-card .cc-meta{display: flex;gap: 14px;margin-bottom: 10px}.content-card .cc-meta span{font-size: 0.75rem;color: var(--text-muted);display: flex;align-items: center;gap: 4px}.content-card h5{font-size: 1rem;font-weight: 700;margin-bottom: 8px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.content-card .cc-preview{font-size: 0.85rem;color: var(--text-muted);margin-bottom: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.content-card .btn-read-more{font-size: 0.8rem;font-weight: 600;color: var(--primary);display: flex;align-items: center;gap: 6px;background: none;border: none;padding: 0;transition: var(--transition)}.content-card .btn-read-more:hover{gap: 10px;color: var(--primary-dark)}.analytics-section{background: linear-gradient(135deg,#0f172a,#1e293b);color: white;overflow: hidden;position: relative}.analytics-section::before{content: '';position: absolute;top: -50%;right: -20%;width: 500px;height: 500px;background: radial-gradient(circle,rgba(var(--primary-rgb),0.15),transparent);border-radius: 50%}.analytics-section .section-header h2{color: white}.analytics-section .section-header p{color: rgba(255,255,255,0.6)}.analytics-section .section-header .section-badge{background: rgba(var(--primary-rgb),0.15);color: #93c5fd}.stat-card{background: rgba(255,255,255,0.06);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-lg);padding: 28px;text-align: center;transition: var(--transition)}.stat-card:hover{background: rgba(255,255,255,0.1);transform: translateY(-4px)}.stat-card .stat-icon{width: 52px;height: 52px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.3rem;margin: 0 auto 16px}.stat-card .stat-value{font-size: 2rem;font-weight: 800;color: white;margin-bottom: 4px}.stat-card .stat-label{font-size: 0.85rem;color: rgba(255,255,255,0.5)}.analytics-chart{background: rgba(255,255,255,0.06);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-lg);padding: 28px;margin-top: 24px}.analytics-chart h5{color: white;font-size: 1rem;margin-bottom: 20px}.chart-bars{display: flex;align-items: flex-end;gap: 12px;height: 160px}.chart-bar{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 8px}.chart-bar .bar{width: 100%;max-width: 40px;border-radius: 6px 6px 0 0;transition: all 1s cubic-bezier(0.4,0,0.2,1)}.chart-bar .bar-label{font-size: 0.7rem;color: rgba(255,255,255,0.4)}.stories-section{background: white}.testimonial-card{background: white;border-radius: var(--radius-lg);padding: 32px;border: 1px solid var(--border-light);position: relative;transition: var(--transition);height: 100%}.testimonial-card:hover{box-shadow: var(--shadow-lg)}.testimonial-card .quote-icon{position: absolute;top: 20px;right: 20px;font-size: 2rem;color: var(--primary-light)}.testimonial-card .tc-header{display: flex;align-items: center;gap: 14px;margin-bottom: 18px}.testimonial-card .tc-avatar{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;border: 2px solid var(--primary-light)}.testimonial-card .tc-info h5{font-size: 1rem;font-weight: 700;margin-bottom: 2px}.testimonial-card .tc-info span{font-size: 0.8rem;color: var(--secondary);font-weight: 600}.testimonial-card .tc-text{font-size: 0.9rem;color: var(--text-secondary);line-height: 1.7;font-style: italic;margin-bottom: 16px}.testimonial-card .tc-rating{color: var(--accent);font-size: 0.85rem}.app-promo-section{background: linear-gradient(135deg,var(--primary),#0050d4);color: white;position: relative;overflow: hidden}.app-promo-section::before{content: '';position: absolute;top: -40%;right: -15%;width: 500px;height: 500px;background: radial-gradient(circle,rgba(255,255,255,0.08),transparent);border-radius: 50%}.app-promo-section::after{content: '';position: absolute;bottom: -30%;left: -10%;width: 400px;height: 400px;background: radial-gradient(circle,rgba(var(--secondary-rgb),0.15),transparent);border-radius: 50%}.app-content{position: relative;z-index: 2}.app-content h2{color: white;font-size: 2.25rem;font-weight: 800;margin-bottom: 16px;letter-spacing: -0.02em}.app-content .app-subtitle{font-size: 1.1rem;color: rgba(255,255,255,0.75);margin-bottom: 32px;max-width: 480px}.app-features{list-style: none;padding: 0;margin: 0 0 32px}.app-features li{display: flex;align-items: center;gap: 12px;padding: 8px 0;font-size: 0.95rem;color: rgba(255,255,255,0.9)}.app-features li i{color: var(--secondary);font-size: 1.1rem}.app-store-buttons{display: flex;gap: 14px;flex-wrap: wrap}.btn-store{display: inline-flex;align-items: center;gap: 10px;padding: 12px 24px;background: rgba(255,255,255,0.15);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.2);border-radius: var(--radius-md);color: white;font-size: 0.9rem;transition: var(--transition)}.btn-store:hover{background: rgba(255,255,255,0.25);transform: translateY(-2px);color: white}.btn-store i{font-size: 1.5rem}.btn-store .store-text small{display: block;font-size: 0.65rem;opacity: 0.7}.btn-store .store-text strong{display: block;font-size: 0.95rem}.app-mockup{position: relative;z-index: 2;text-align: center}.app-mockup img{max-width: 380px;width: 100%;border-radius: var(--radius-xl);filter: drop-shadow(0 25px 50px rgba(0,0,0,0.3))}.site-footer{background: #0f172a;color: rgba(255,255,255,0.7);padding-top: 64px}.footer-brand{margin-bottom: 20px}.footer-brand .navbar-brand{color: white !important;font-size: 1.4rem}.footer-brand .navbar-brand .brand-icon{background: linear-gradient(135deg,var(--primary),var(--secondary))}.footer-desc{font-size: 0.9rem;color: rgba(255,255,255,0.5);line-height: 1.7;margin-bottom: 20px;max-width: 300px}.footer-social{display: flex;gap: 10px}.footer-social a{width: 38px;height: 38px;border-radius: var(--radius-sm);background: rgba(255,255,255,0.08);display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.5);transition: var(--transition);font-size: 0.9rem}.footer-social a:hover{background: var(--primary);color: white}.footer-heading{font-size: 0.9rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: white;margin-bottom: 20px}.footer-links{list-style: none;padding: 0;margin: 0}.footer-links li{margin-bottom: 10px}.footer-links a{color: rgba(255,255,255,0.5);font-size: 0.875rem;transition: var(--transition-fast)}.footer-links a:hover{color: var(--primary);padding-left: 4px}.footer-bottom{border-top: 1px solid rgba(255,255,255,0.08);padding: 24px 0;margin-top: 48px;text-align: center}.footer-bottom p{font-size: 0.8rem;color: rgba(255,255,255,0.35);margin: 0}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInDown{from{opacity: 0;transform: translateY(-20px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInRight{from{opacity: 0;transform: translateX(30px)}to{opacity: 1;transform: translateX(0)}}@keyframes float{0%,100%{transform: translateY(0px)}50%{transform: translateY(-10px)}}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.7}}.reveal{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease,transform 0.6s ease}.reveal.active{opacity: 1;transform: translateY(0)}.gradient-text{background: linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}::-webkit-scrollbar{width: 8px}::-webkit-scrollbar-track{background: var(--bg)}::-webkit-scrollbar-thumb{background: var(--border);border-radius: 4px}::-webkit-scrollbar-thumb:hover{background: var(--text-muted)}@media (max-width: 991.98px){.hero-title{font-size: 2.4rem}.hero-image-wrapper{margin-top: 48px}.floating-card{display: none}.mission-wrapper{padding: 24px}.hero-trust{gap: 20px}}@media (max-width: 767.98px){.hero-section{padding: 80px 0 48px;min-height: auto}.hero-title{font-size: 2rem}.hero-subtitle{font-size: 1rem}.hero-cta .btn-hero-primary,.hero-cta .btn-hero-secondary{padding: 12px 24px;font-size: 0.9rem;width: 100%;justify-content: center}.hero-trust{gap: 16px}.trust-item{flex: 0 0 calc(50% - 8px)}.navbar-nav{padding: 16px 0;gap: 2px}.nav-buttons{padding: 12px 0;gap: 8px;flex-direction: column}.chart-bars{height: 120px}.app-content h2{font-size: 1.75rem}.app-mockup{margin-top: 32px}.app-mockup img{max-width: 260px}}@media (max-width: 575.98px){.hero-title{font-size: 1.75rem}.section-header h1,.section-header h2{font-size: 1.5rem}.mission-card{padding: 18px}.ecosystem-card{padding: 24px}}.thumb-editorial{background: linear-gradient(135deg,#dbeafe,#bfdbfe)}.thumb-vocab{background: linear-gradient(135deg,var(--success-light),#a7f3d0)}.thumb-current{background: linear-gradient(135deg,var(--warning-light),#fde68a)}.thumb-gs{background: linear-gradient(135deg,#ede9fe,#ddd6fe)}.cc-thumb-icon{display: flex;align-items: center;justify-content: center;height: 100%;font-size: 3rem;opacity: 0.5}.pg-header{background: var(--brand-gradient-header);padding: 28px 0 24px;margin-top: 65px}.pg-header h1{font-size: clamp(1.15rem,2.5vw,1.6rem);font-weight: var(--fw-extrabold);color: #fff;margin-bottom: var(--sp-2);letter-spacing: -0.02em}.pg-header p{font-size: var(--fs-caption);color: rgba(255,255,255,0.75);margin: 0;line-height: 1.4}.pg-breadcrumb{display: flex;align-items: center;gap: 6px;font-size: 0.8rem;margin-bottom: 10px}.pg-breadcrumb a{color: rgba(255,255,255,0.7)}.pg-breadcrumb a:hover{color: #fff}.pg-breadcrumb .separator{color: rgba(255,255,255,0.4);font-size: 0.7rem}.pg-breadcrumb .current{color: #fff;font-weight: 600}.pg-tag-row{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.pg-chip{display: inline-flex;align-items: center;gap: 5px;padding: 4px 12px;border-radius: var(--radius-full);font-size: 0.75rem;font-weight: 600;background: rgba(255,255,255,.15);color: rgba(255,255,255,.95);backdrop-filter: blur(4px)}.badge-site{display: inline-flex;align-items: center;gap: 4px;padding: 3px 10px;border-radius: var(--radius-full);font-size: 0.72rem;font-weight: 600;line-height: 1;white-space: nowrap}.badge-primary{background: var(--primary-light);color: var(--primary)}.badge-success{background: var(--success-light);color: var(--success-dark)}.badge-warning{background: var(--accent-light);color: var(--warning-text)}.badge-danger{background: var(--danger-light);color: var(--danger-dark)}.badge-info{background: var(--sky-light);color: var(--sky-dark)}.badge-premium{background: linear-gradient(90deg,var(--warning),var(--danger));color: #fff;font-size: 0.62rem;font-weight: 700}.badge-premium i{font-size: 0.55rem}.badge-free{background: var(--secondary-light);color: var(--secondary-dark);text-transform: uppercase;letter-spacing: 0.5px;font-size: 0.65rem;font-weight: 700}.badge-difficulty.beginner,[data-level="beginner"] .badge-difficulty{background: var(--success-light);color: var(--success-dark)}.badge-difficulty.intermediate,[data-level="intermediate"] .badge-difficulty{background: var(--accent-light);color: var(--warning-text)}.badge-difficulty.advanced,[data-level="advanced"] .badge-difficulty{background: var(--danger-light);color: var(--danger-dark)}.chip{display: inline-flex;align-items: center;gap: 5px;padding: 5px 14px;border-radius: var(--radius-full);font-size: 0.78rem;font-weight: 500;background: var(--surface);color: var(--text-secondary);border: 1px solid var(--border);cursor: pointer;transition: var(--transition-fast);white-space: nowrap;user-select: none}.chip:hover{border-color: var(--primary);color: var(--primary)}.chip.active{background: var(--primary-light);border-color: var(--primary);color: var(--primary);font-weight: 600}.filter-chip{border-radius: var(--radius-sm);padding: 6px 16px}.filter-chip.active{background: var(--brand-gradient-accent);border-color: var(--secondary-dark);color: #fff}.filter-chip.active:hover{background: var(--brand-gradient-accent)}.stat-badge{display: inline-flex;align-items: center;gap: 5px;padding: 4px 12px;border-radius: var(--radius-full);font-size: 0.72rem;font-weight: 600}.stat-badge.blue{background: var(--primary-light);color: var(--primary)}.stat-badge.green{background: var(--secondary-light);color: var(--secondary-dark)}.stat-badge.amber{background: var(--accent-light);color: var(--warning-text)}.stat-badge.purple{background: #f3f0ff;color: #7c3aed}.diff-badge{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: var(--radius-full);font-size: 0.68rem;font-weight: 600}.diff-badge.beginner{background: var(--success-light);color: var(--success-dark)}.diff-badge.intermediate{background: var(--accent-light);color: var(--warning-text)}.diff-badge.advanced{background: var(--danger-light);color: var(--danger-dark)}.free-badge{display: inline-flex;align-items: center;padding: 2px 8px;background: var(--secondary-light);color: var(--secondary-dark);font-size: 0.65rem;font-weight: 700;border-radius: var(--radius-full);text-transform: uppercase;letter-spacing: 0.5px}.pro-badge{display: inline-flex;align-items: center;gap: 4px;padding: 3px 8px;background: linear-gradient(90deg,var(--warning),var(--danger));color: #fff;font-size: 0.62rem;font-weight: 700;border-radius: var(--radius-full)}.pro-badge i{font-size: 0.55rem}.pro-widget{border-radius: var(--radius-lg);background: linear-gradient(135deg,var(--primary),var(--primary-hover));color: #fff;padding: 20px}.pro-widget.pro-widget-lg{padding: 22px}.pro-widget .pro-title{font-size: 0.9rem;font-weight: 700;margin-bottom: 8px}.pro-widget p{font-size: 0.78rem;color: rgba(255,255,255,.8);line-height: 1.55;margin-bottom: 14px}.pro-widget .btn-pro{display: block;width: 100%;text-align: center;padding: 9px;border-radius: var(--btn-radius);background: var(--secondary);color: #fff;font-size: var(--btn-font-size);font-weight: var(--btn-font-weight);border: none;cursor: pointer;transition: var(--transition-fast);text-decoration: none;box-shadow: var(--btn-shadow-success)}.pro-widget .btn-pro:hover{background: var(--secondary-dark);color: #fff}.pill-bar{background: #fff;border-bottom: 1px solid var(--border);position: sticky;top: 65px;z-index: 200;box-shadow: 0 2px 8px rgba(0,0,0,.07)}.pills-scroll{display: flex;gap: 8px;overflow-x: auto;padding: 10px 16px;scrollbar-width: none;-webkit-overflow-scrolling: touch;flex-wrap: nowrap}.pills-scroll::-webkit-scrollbar{display: none}.pill-btn{flex-shrink: 0;display: inline-flex;align-items: center;gap: 6px;padding: 7px 16px;border-radius: var(--radius-full);border: 1.5px solid var(--border);background: #fff;color: var(--text-secondary);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: var(--transition-fast);white-space: nowrap}.pill-btn.active,.pill-btn:hover{background: var(--brand-gradient-accent);border-color: var(--secondary-dark);color: #fff;box-shadow: 0 3px 10px rgba(var(--secondary-rgb),.25)}.panel-layout{display: flex;min-height: calc(100vh - 140px);background: var(--bg)}.panel-sidebar{width: 280px;flex-shrink: 0;flex-direction: column;background: #fff;border-right: 1px solid var(--border-light);position: sticky;top: 65px;height: calc(100vh - 65px);overflow: hidden}@media (min-width: 992px){.panel-sidebar{display: flex !important}}.sidebar-cat-list{flex: 1 1 auto;min-height: 0;overflow-y: auto;scrollbar-width: thin}.sidebar-cat-list::-webkit-scrollbar{width: 4px}.sidebar-cat-list::-webkit-scrollbar-thumb{background: var(--border);border-radius: 2px}.panel-sidebar > .pro-widget{flex-shrink: 0}.sidebar-section-label{font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: var(--text-muted);padding: 20px 20px 10px}.sidebar-cat-btn{display: flex;align-items: center;width: 100%;gap: 12px;padding: 10px 16px;background: transparent;border: none;border-left: 3px solid transparent;text-align: left;font-family: inherit;font-weight: 500;font-size: 0.9rem;color: var(--text-primary);cursor: pointer;transition: var(--transition-fast)}.sidebar-cat-btn:hover{background: var(--primary-light);color: var(--primary)}.sidebar-cat-btn.active{background: var(--brand-gradient-accent);color: #fff;font-weight: 700;border-left-color: var(--secondary-dark)}.sidebar-cat-btn .cat-icon{width: 38px;height: 38px;border-radius: var(--radius-sm);background: var(--primary-light);display: flex;align-items: center;justify-content: center;font-size: 1rem;color: var(--primary);flex-shrink: 0;transition: var(--transition-fast)}.sidebar-cat-btn.active .cat-icon{background: rgba(255,255,255,0.18);color: #fff}.sidebar-cat-btn .cat-meta{font-size: 0.72rem;opacity: 0.75;font-weight: 400;margin-top: 2px}.sidebar-cat-btn.active .cat-meta{opacity: 0.85}.sidebar-cat-btn .cat-arrow{margin-left: auto;font-size: 0.75rem;opacity: 0.6;flex-shrink: 0}.panel-content{flex: 1;min-width: 0;padding: 24px 20px 48px}.cat-panel{display: none}.cat-panel.active{display: block;animation: catPanelIn 0.28s cubic-bezier(0.22,1,0.36,1) both}@keyframes catPanelIn{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: translateY(0)}}.cat-about-card{background: #fff;border-radius: var(--radius-lg);border: 1px solid var(--border-light);box-shadow: var(--shadow-sm);padding: 24px;margin-bottom: 24px}.cat-about-card .about-icon{width: 68px;height: 68px;border-radius: var(--radius-md);background: var(--primary-light);display: flex;align-items: center;justify-content: center;font-size: 1.9rem;color: var(--primary);flex-shrink: 0;overflow: hidden}.cat-about-card .about-icon img{width: 100%;height: 100%;object-fit: contain;padding: 8px}.cat-about-card h2{font-size: clamp(1rem,2vw,1.2rem);font-weight: 800;color: var(--primary);margin-bottom: 4px;line-height: 1.25}.cat-about-desc{font-size: 0.87rem;color: var(--text-secondary);line-height: 1.75;margin-top: 14px;margin-bottom: 0}.cat-stat-row{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin-top: 4px}.cat-stat-item{display: flex;align-items: baseline;gap: 4px;line-height: 1.2}.cat-stat-val{font-size: 0.88rem;font-weight: 800;color: var(--primary)}.cat-stat-lbl{font-size: 0.8rem;font-weight: 500;color: var(--text-muted)}.cat-stat-sep{font-size: 1rem;color: var(--border);line-height: 1}.pg-search .input-group-text{border-right: none;background: #fff;border-color: var(--border);border-radius: var(--radius-sm) 0 0 var(--radius-sm)}.pg-search .form-control{border-left: none;border-color: var(--border);font-size: 0.83rem;border-radius: 0 var(--radius-sm) var(--radius-sm) 0;box-shadow: none}.pg-search .form-control:focus{border-color: var(--primary);box-shadow: none}.filter-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;flex-wrap: wrap;gap: 10px}.filter-row .results-count{font-size: 0.95rem;font-weight: 700;color: var(--text-primary)}.filter-select{font-size: 0.78rem;border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text-primary);min-width: 140px;box-shadow: none;padding: 6px 12px;cursor: pointer}.filter-select:focus{box-shadow: none;border-color: var(--primary)}.exam-list-card{background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: 18px;height: 100%;display: flex;flex-direction: column;transition: var(--transition);cursor: pointer;position: relative}.exam-list-card .btn-start::after{content: '';position: absolute;inset: 0;border-radius: var(--radius-md);z-index: 1}.exam-list-card:hover{border-color: var(--primary);box-shadow: 0 8px 24px rgba(var(--primary-rgb),.1);transform: translateY(-3px)}.exam-list-card .card-thumb-wrap{display: flex;flex-direction: column;align-items: center;gap: 10px;margin-bottom: 4px}.exam-list-card .card-tag{display: inline-flex;align-items: center;padding: 3px 10px;border-radius: var(--radius-full);background: var(--primary-light);color: var(--primary);font-size: 0.68rem;font-weight: 600;max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.exam-list-card .card-thumb{width: 76px;height: 76px;border-radius: var(--radius-lg);background: var(--primary-light);display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;transition: var(--transition-fast)}.exam-list-card:hover .card-thumb{transform: scale(1.05)}.exam-list-card .card-thumb img{width: 100%;height: 100%;object-fit: contain;padding: 8px}.exam-list-card .card-thumb i{font-size: 2rem;color: var(--primary)}.exam-list-card .card-title{font-size: 0.92rem;font-weight: 700;color: var(--text-primary);line-height: 1.35;text-align: center;margin: 10px 0 6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.exam-list-card .card-meta{font-size: 0.73rem;color: var(--text-muted);display: flex;align-items: center;justify-content: center;gap: 12px;margin-bottom: 14px;flex-wrap: wrap}.exam-list-card .card-divider{border-top: 1px solid var(--border-light);margin: auto 0 14px}.exam-list-card .btn-start{display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;padding: 9px;border-radius: var(--btn-radius);font-size: var(--btn-font-size);font-weight: var(--btn-font-weight);border: 1.5px solid var(--primary);background: transparent;color: var(--primary);transition: var(--transition-fast);text-decoration: none}.exam-list-card:hover .btn-start,.exam-list-card .btn-start:hover{background: var(--primary);color: #fff}.empty-state{text-align: center;padding: 60px 20px}.empty-state i{font-size: 3rem;color: var(--border);margin-bottom: 14px;display: block}.empty-state p{font-weight: 600;color: var(--text-muted);margin-bottom: 14px}.no-content-state{background: #fff;border: 1px dashed var(--border);border-radius: var(--radius-lg);padding: 48px 24px;text-align: center}.no-content-state i{font-size: 2.5rem;color: var(--border);margin-bottom: 12px;display: block}.no-content-state p{color: var(--text-muted);font-size: 0.9rem;margin: 0}.stats-strip{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px;background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: 20px;margin-bottom: 24px;box-shadow: var(--shadow-sm)}.stat-box{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 6px}.stat-icon{width: 36px;height: 36px;border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;font-size: 1rem}.stat-icon.blue{background: var(--primary-light);color: var(--primary)}.stat-icon.green{background: var(--secondary-light);color: var(--secondary)}.stat-icon.amber{background: var(--accent-light);color: var(--warning-text)}.stat-icon.red{background: var(--danger-light);color: var(--danger-dark)}.stat-val{font-size: 1.1rem;font-weight: 800;color: var(--text-primary);line-height: 1}.stat-lbl{font-size: 0.68rem;color: var(--text-muted);font-weight: 500;text-transform: uppercase;letter-spacing: .5px}.pg-section-title{font-size: 1.05rem;font-weight: 800;color: var(--text-primary);margin-bottom: 16px;display: flex;align-items: center;gap: 8px}.pg-section-title i{color: var(--primary);font-size: 1rem}.page-body{background: var(--bg);padding: 28px 0 60px}.type-card{background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: 24px;height: 100%;transition: var(--transition);position: relative;overflow: hidden}.type-card::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;border-radius: 3px 3px 0 0;opacity: 0;transition: var(--transition)}.type-card:hover{box-shadow: var(--shadow-lg);transform: translateY(-4px);border-color: transparent}.type-card:hover::after{opacity: 1}.type-card.tc-blue::after{background: var(--primary)}.type-card.tc-green::after{background: var(--secondary)}.type-card.tc-amber::after{background: var(--warning)}.type-card.tc-purple::after{background: #8b5cf6}.type-card.tc-red::after{background: var(--danger)}.type-card .tc-icon{width: 50px;height: 50px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.3rem;margin-bottom: 16px;transition: var(--transition)}.type-card:hover .tc-icon{transform: scale(1.1)}.tc-blue .tc-icon{background: var(--primary-light);color: var(--primary)}.tc-green .tc-icon{background: var(--secondary-light);color: var(--secondary-dark)}.tc-amber .tc-icon{background: var(--accent-light);color: var(--warning-text)}.tc-purple .tc-icon{background: #f3f0ff;color: #7c3aed}.tc-red .tc-icon{background: var(--danger-light);color: var(--danger-dark)}.type-card h4{font-size: 1.05rem;font-weight: 700;margin-bottom: 6px;color: var(--text-primary)}.type-card p{font-size: 0.84rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: 14px}.type-meta{display: flex;align-items: center;gap: 16px;margin-bottom: 16px;flex-wrap: wrap}.type-meta span{font-size: 0.75rem;color: var(--text-muted);display: flex;align-items: center;gap: 4px}.tc-divider{border-top: 1px solid var(--border-light);margin-bottom: 14px}.btn-tc{display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;padding: 10px;border-radius: var(--radius-sm);font-size: 0.84rem;font-weight: 600;border: 1.5px solid;background: transparent;transition: var(--transition-fast);cursor: pointer;text-decoration: none}.tc-blue .btn-tc{color: var(--primary);border-color: var(--primary)}.tc-green .btn-tc{color: var(--secondary-dark);border-color: var(--secondary)}.tc-amber .btn-tc{color: var(--warning-text);border-color: var(--warning)}.tc-purple .btn-tc{color: #7c3aed;border-color: #8b5cf6}.tc-red .btn-tc{color: var(--danger-dark);border-color: var(--danger)}.tc-blue .btn-tc:hover{background: var(--primary);color: #fff;border-color: var(--primary)}.tc-green .btn-tc:hover{background: var(--secondary);color: #fff;border-color: var(--secondary)}.tc-amber .btn-tc:hover{background: var(--warning);color: #fff;border-color: var(--warning)}.tc-purple .btn-tc:hover{background: #8b5cf6;color: #fff;border-color: #8b5cf6}.tc-red .btn-tc:hover{background: var(--danger);color: #fff;border-color: var(--danger)}.btn-tc-pro{display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;padding: 10px;border-radius: var(--radius-sm);font-size: 0.84rem;font-weight: 600;border: none;background: linear-gradient(90deg,var(--warning),var(--danger));color: #fff;cursor: pointer;transition: var(--transition-fast)}.btn-tc-pro:hover{opacity: 0.9}.test-list{background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-lg);overflow: hidden}.test-item{display: flex;align-items: center;justify-content: space-between;padding: 14px 20px;border-bottom: 1px solid var(--border-light);transition: var(--transition-fast);gap: 12px;flex-wrap: wrap;position: relative}.test-item:last-child{border-bottom: none}.test-item:hover{background: var(--bg)}.test-item:not(.is-locked) .btn-attempt::after{content: '';position: absolute;inset: 0;border-radius: 0;z-index: 1;cursor: pointer}.test-item .test-name{font-size: 0.88rem;font-weight: 600;color: var(--text-primary);margin-bottom: 4px}.test-item .test-meta{display: flex;align-items: center;gap: 14px;flex-wrap: wrap}.test-item .test-meta span{font-size: 0.73rem;color: var(--text-muted);display: flex;align-items: center;gap: 4px}.btn-attempt{flex-shrink: 0;display: inline-flex;align-items: center;gap: 4px;padding: var(--btn-padding-sm);height: var(--btn-height-sm);border-radius: var(--btn-radius);font-size: var(--btn-font-size);font-weight: var(--btn-font-weight);background: var(--primary);color: #fff;border: none;cursor: pointer;transition: var(--transition-fast);text-decoration: none;white-space: nowrap;box-shadow: var(--btn-shadow-primary)}.btn-attempt:hover{background: var(--primary-dark);color: #fff}.btn-attempt.locked{background: #f1f5f9;color: var(--text-muted);cursor: default}.btn-attempt.locked:hover{background: #f1f5f9;color: var(--text-muted)}.test-list-loading{display: none;align-items: center;justify-content: center;gap: 10px;padding: 22px 0;font-size: 0.85rem;color: var(--text-muted)}.exam-sidebar{position: sticky;top: 80px;display: flex;flex-direction: column;gap: 16px}.info-card{background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: 20px;box-shadow: var(--shadow-sm)}.info-card h5{font-size: 0.9rem;font-weight: 700;margin-bottom: 14px;color: var(--text-primary)}.info-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 8px;padding: 9px 0;border-bottom: 1px solid var(--border-light);font-size: 0.8rem}.info-row:last-child{border-bottom: none;padding-bottom: 0}.info-row .lbl{color: var(--text-muted);font-weight: 500;flex-shrink: 0}.info-row .val{color: var(--text-primary);font-weight: 600;text-align: right}.tip-card{background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm)}.tip-header{background: var(--accent-light);color: var(--warning-text);font-size: 0.82rem;font-weight: 700;padding: 10px 16px;display: flex;align-items: center;gap: 7px}.tip-card ul{list-style: none;margin: 0;padding: 10px 16px 14px}.tip-card ul li{display: flex;align-items: flex-start;gap: 8px;padding: 6px 0;font-size: 0.8rem;color: var(--text-secondary);line-height: 1.45;border-bottom: 1px solid var(--border-light)}.tip-card ul li:last-child{border-bottom: none}.tip-card ul li i{color: var(--secondary);font-size: .85rem;flex-shrink: 0;margin-top: 2px}.type-filter-wrap{background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-bottom: 24px;overflow: clip;position: sticky;top: 70px;z-index: 100;transition: box-shadow var(--transition-fast)}.type-filter-wrap.is-stuck{box-shadow: var(--shadow-md)}.type-tabs-nav{position: relative;display: flex;align-items: center;border-bottom: 1px solid var(--border-light)}.type-tabs-scroll{display: flex;gap: 6px;overflow-x: auto;scroll-behavior: smooth;padding: 14px 16px 12px;scrollbar-width: none}.type-tabs-scroll::-webkit-scrollbar{display: none}.type-tabs-nav-btn{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin: 0 6px;border-radius: 50%;border: 1.5px solid var(--border);background: #fff;color: var(--text-secondary);font-size: 0.85rem;cursor: pointer;transition: var(--transition-fast)}.type-tabs-nav-btn:hover{border-color: var(--primary);color: var(--primary);background: var(--primary-light)}.type-tabs-nav-btn.is-hidden{visibility: hidden;opacity: 0;pointer-events: none}.type-tab-btn{flex-shrink: 0;display: inline-flex;align-items: center;gap: 7px;padding: 8px 16px;border-radius: var(--radius-full);border: 1.5px solid var(--border);background: #fff;color: var(--text-secondary);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: var(--transition-fast);white-space: nowrap;font-family: inherit}.type-tab-btn:hover{border-color: var(--primary);color: var(--primary);background: var(--primary-light)}.type-tab-btn.active{background: var(--brand-gradient-accent);border-color: var(--secondary-dark);color: #fff;box-shadow: 0 3px 10px rgba(var(--secondary-rgb),.25)}.type-tab-btn .tab-count{display: inline-flex;align-items: center;justify-content: center;min-width: 20px;height: 18px;padding: 0 5px;border-radius: 10px;font-size: 0.68rem;font-weight: 700;background: rgba(0,0,0,.07);transition: var(--transition-fast)}.type-tab-btn.active .tab-count{background: rgba(255,255,255,.22)}.type-tab-btn .tab-pro{display: inline-flex;align-items: center;gap: 2px;padding: 1px 6px;border-radius: 8px;font-size: 0.6rem;font-weight: 700;background: linear-gradient(135deg,var(--warning),var(--warning-dark));color: #fff}.type-tab-btn.active .tab-pro{background: rgba(255,255,255,.22)}.type-info-strip{display: none;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;padding: 13px 18px;background: var(--primary-light);border-bottom: 1px solid rgba(var(--primary-rgb),.1)}.type-info-strip.visible{display: flex}.type-info-strip .ti-desc{font-size: 0.82rem;color: var(--text-secondary);flex: 1;min-width: 140px}.type-info-strip .ti-meta{display: flex;align-items: center;gap: 14px;flex-wrap: wrap}.type-info-strip .ti-meta span{display: inline-flex;align-items: center;gap: 5px;font-size: 0.75rem;font-weight: 600;color: var(--primary)}.test-list-wrap{background: #fff;border: 1px solid var(--border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden}.test-list-header{display: flex;align-items: center;justify-content: space-between;padding: 14px 18px;border-bottom: 1px solid var(--border-light);background: var(--bg)}.test-list-header .list-title{font-size: 0.9rem;font-weight: 700;color: var(--text-primary);display: flex;align-items: center;gap: 7px}.test-list-header .list-title i{color: var(--primary)}.test-list-header .list-count{font-size: 0.75rem;color: var(--text-muted);font-weight: 500}.test-name{font-size: 0.87rem;font-weight: 600;color: var(--text-primary);margin-bottom: 5px;line-height: 1.35}.test-meta{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;font-size: 0.72rem;color: var(--text-muted)}.test-meta span{display: inline-flex;align-items: center;gap: 4px}.test-empty{padding: 40px 20px;text-align: center;display: none}.test-empty i{font-size: 2.5rem;color: var(--border);display: block;margin-bottom: 10px}.test-empty p{font-size: .87rem;color: var(--text-muted);margin: 0}.test-list-footer{padding: 14px 18px;border-top: 1px solid var(--border-light);background: var(--bg);text-align: center}@media (max-width: 991.98px){.pg-header{margin-top: 56px}.pill-bar{top: 56px}.panel-content{padding: 20px 16px 40px}.stats-strip{grid-template-columns: repeat(2,1fr)}.exam-sidebar{position: static}}@media (max-width: 575.98px){.cat-about-card{padding: 16px}.panel-content{padding: 16px 12px 36px}.stats-strip{grid-template-columns: repeat(2,1fr);padding: 14px;gap: 10px}.test-item{flex-direction: column;align-items: flex-start;gap: 10px}.btn-attempt{align-self: stretch;justify-content: center}.type-info-strip{flex-direction: column;align-items: flex-start;gap: 8px}}.site-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg)}.site-card--padded{padding: var(--sp-5)}.site-card--hover{transition: var(--transition);cursor: pointer}.site-card--hover:hover{border-color: var(--primary);box-shadow: var(--shadow-md);transform: translateY(-2px)}.text-crown{color: #fbbf24 !important}.bc-icon{color: rgba(255,255,255,.6);font-size: .8rem}.pill-bar-img{width: 16px;height: 16px;object-fit: contain}.search-input-group{max-width: 240px;min-width: 160px}.pg-chip-danger{background: rgba(239,68,68,.25) !important}.search-icon{color: var(--text-muted);font-size: .85rem}.breadcrumb-ol{display: flex;align-items: center;list-style: none;padding: 0;margin: 0;gap: 4px;flex-wrap: wrap}.breadcrumb-ol__item{display: flex;align-items: center;gap: 4px;font-size: .8rem;color: rgba(255,255,255,.75)}.breadcrumb-ol__item a{color: rgba(255,255,255,.75);text-decoration: none}.breadcrumb-ol__item a:hover{color: #fff;text-decoration: underline}.breadcrumb-ol__item--sep{color: rgba(255,255,255,.4);font-size: .7rem}.breadcrumb-ol__item--current{color: #fff;font-weight: 600}.cat-about-card__top{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;gap: 16px}.pro-widget{background: linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 55%,#0369a1 100%);position: relative;overflow: hidden}.pro-widget::before{content: '';position: absolute;top: -30px;right: -20px;width: 90px;height: 90px;border-radius: 50%;background: rgba(255,255,255,.06);pointer-events: none}.pro-widget__crown{font-size: 1.4rem;margin-bottom: 4px}.stats-strip .stat-val{font-size: 1.45rem}.stats-strip .stat-lbl{font-size: .65rem}.test-item{border-left: 3px solid transparent}.test-item:hover{background: #f5f8ff;border-left-color: var(--primary)}.test-item.is-locked:hover{background: #fffbf0;border-left-color: var(--warning)}.test-item.is-locked .test-name{color: var(--text-secondary)}.btn-attempt.locked{background: linear-gradient(135deg,rgba(245,158,11,.08) 0%,rgba(239,68,68,.08) 100%);color: var(--warning-text);border: 1px solid rgba(245,158,11,.3)}.btn-attempt.locked:hover{background: linear-gradient(135deg,rgba(245,158,11,.14) 0%,rgba(239,68,68,.14) 100%);color: var(--warning-text)}.test-item__info{flex: 1;min-width: 0}.info-card__heading{display: flex;align-items: center;gap: 8px;font-size: .9rem;font-weight: 700;color: var(--text-primary);padding-bottom: 12px;border-bottom: 1px solid var(--border-light);margin-bottom: 4px}.info-card__heading i{color: var(--primary)}.info-dl{margin: 0}.info-dl .info-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 8px;padding: 9px 0;border-bottom: 1px solid var(--border-light);font-size: .8rem}.info-dl .info-row:last-child{border-bottom: none;padding-bottom: 0}.info-dl .lbl{color: var(--text-muted);font-weight: 500;flex-shrink: 0}.info-dl .val{color: var(--text-primary);font-weight: 600;text-align: right}.syllabus-row{display: flex;align-items: center;justify-content: space-between;padding: 8px 0;border-bottom: 1px solid var(--border-light);gap: 8px}.syllabus-row:last-child{border-bottom: none}.syllabus-row dt.syllabus-name{font-size: .82rem;color: var(--text-secondary);font-weight: 500}.syllabus-row dd{margin: 0}.exam-list-card:hover{transform: translateY(-4px);box-shadow: 0 12px 30px rgba(var(--primary-rgb),.13)}.btn-view-all{border-radius: var(--radius-full) !important;font-weight: 600 !important;font-size: .82rem !important;padding-left: 1.25rem !important;padding-right: 1.25rem !important}.btn-clear-search{border: 1px solid var(--border);color: var(--text-muted);border-radius: var(--radius-sm);font-size: .82rem;background: #fff;cursor: pointer;padding: 5px 14px;transition: var(--transition-fast)}.btn-clear-search:hover{border-color: var(--primary);color: var(--primary)}@media (max-width: 991.98px){.exam-sidebar{top: 88px}}@media (max-width: 575.98px){.stats-strip .stat-val{font-size: 1.2rem}.pg-tag-row{gap: 6px}.cat-about-card__top{gap: 12px}.search-input-group{max-width: 100%;min-width: 100%}}:root{--wv-primary: var(--primary,#2563EB);--wv-primary-rgb: var(--primary-rgb,37,99,235);--wv-primary-dark: var(--primary-hover,#1D4ED8);--wv-navy: var(--heading,#0F172A);--wv-bg: var(--bg,#F8FAFC);--wv-text: var(--text-primary,#1E293B);--wv-border: var(--border,#E5E7EB);--wv-amber-50: #fffbeb;--wv-amber-100: #fef3c7;--wv-amber-200: #fde68a;--wv-amber-400: #fbbf24;--wv-amber-500: #f59e0b;--wv-amber-600: #d97706;--wv-amber-700: #b45309;--wv-amber-800: #92400e;--wv-amber-900: #78350f;--wv-emerald-50: #ecfdf5;--wv-emerald-100: #d1fae5;--wv-emerald-400: #34d399;--wv-emerald-500: #10b981;--wv-emerald-600: #059669;--wv-emerald-700: #047857;--wv-emerald-800: #065f46;--wv-rose-50: #fff1f2;--wv-rose-100: #ffe4e6;--wv-rose-200: #fecdd3;--wv-rose-400: #fb7185;--wv-rose-600: #e11d48;--wv-rose-700: #be123c;--wv-rose-800: #9f1239;--wv-violet-50: #f5f3ff;--wv-violet-100: #ede9fe;--wv-violet-600: #7c3aed;--wv-violet-700: #6d28d9;--wv-violet-800: #5b21b6}body.wv-body{font-family: 'Inter',sans-serif;background: var(--wv-bg);color: var(--wv-text)}.wv-serif{font-family: 'Playfair Display',serif}.wv-shell{display: flex;height: calc(100vh - 80px);margin-top: 80px;overflow: hidden;background: var(--wv-bg)}.wv-main{flex: 1 1 auto;display: flex;flex-direction: column;min-width: 0;overflow: hidden}.wv-content{flex: 1 1 auto;overflow-y: auto;padding: 1.25rem 1.5rem 2.5rem;scrollbar-width: thin;scrollbar-color: rgba(0,0,0,0.15) transparent}.wv-content::-webkit-scrollbar{width: 6px}.wv-content::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.1);border-radius: 99px}.wv-container{max-width: 1080px;margin: 0 auto}.wv-narrow{max-width: 720px;margin: 0 auto}.wv-sidebar{width: 224px;flex-shrink: 0;background: var(--wv-navy);display: flex;flex-direction: column;color: #fff}@media (min-width: 992px){.wv-sidebar.offcanvas-lg{position: static;transform: none;visibility: visible !important;height: 100%;background: var(--wv-navy) !important}}@media (max-width: 991.98px){.wv-sidebar{background: var(--wv-navy) !important;width: 260px;top: 80px !important;height: calc(100vh - 80px) !important;z-index: 1060 !important}}.wv-logo-block{padding: 1.25rem;border-bottom: 1px solid rgba(255,255,255,0.1);display: flex;align-items: center;gap: 0.625rem}.wv-logo-icon{width: 32px;height: 32px;border-radius: 0.5rem;background: var(--wv-amber-400);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1rem}.wv-logo-name{font-family: 'Playfair Display',serif;font-weight: 700;font-size: 1rem;line-height: 1;color: #fff}.wv-logo-sub{font-size: 10px;color: rgba(255,255,255,0.4);margin-top: 2px}.wv-nav{flex: 1 1 auto;padding: 1rem 0.75rem;overflow-y: auto}.wv-nav-link{display: flex;align-items: center;gap: 0.75rem;width: 100%;padding: 0.625rem 0.75rem;border-radius: 0.75rem;font-size: 0.875rem;font-weight: 500;color: rgba(255,255,255,0.55);text-decoration: none;margin-bottom: 2px;transition: all 0.15s ease}.wv-nav-link:hover{background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.8)}.wv-nav-link.active{background: rgba(255,255,255,0.15);color: #fff}.wv-nav-premium{color: rgba(251,191,36,0.8)}.wv-nav-premium:hover{background: rgba(251,191,36,0.1);color: var(--wv-amber-400)}.wv-nav-premium.active{background: rgba(251,191,36,0.2);color: #fcd34d}.wv-nav-divider{border-top: 1px solid rgba(255,255,255,0.1);margin: 0.5rem 0}.wv-user-block{padding: 1rem;border-top: 1px solid rgba(255,255,255,0.1);display: flex;align-items: center;gap: 0.75rem}.wv-user-avatar{width: 32px;height: 32px;border-radius: 50%;background: var(--wv-amber-400);color: #fff;font-weight: 700;font-size: 0.875rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.wv-user-name{color: #fff;font-size: 0.875rem;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.wv-user-plan{color: rgba(255,255,255,0.4);font-size: 0.75rem}.wv-topbar{height: 56px;flex-shrink: 0;background: var(--wv-bg);border-bottom: 1px solid var(--wv-border);display: flex;align-items: center;justify-content: space-between;padding: 0 1.5rem}.wv-topbar-title{font-size: 1rem;font-weight: 600;color: var(--wv-text);margin: 0}@media (min-width: 992px){.wv-topbar{padding-right: 3rem}}.wv-streak-chip{display: inline-flex;align-items: center;gap: 0.375rem;background: var(--wv-amber-50);border: 1px solid var(--wv-amber-200);border-radius: 0.5rem;padding: 0.25rem 0.625rem;font-size: 0.75rem;font-weight: 700;color: var(--wv-amber-700);text-decoration: none}.wv-streak-chip i{color: var(--wv-amber-500)}.wv-icon-btn{width: 32px;height: 32px;border-radius: 0.5rem;border: 0;background: transparent;color: #6b7280;display: inline-flex;align-items: center;justify-content: center}.wv-icon-btn:hover{background: rgba(0,0,0,0.08)}.wv-guide-offcanvas{width: 320px}.wv-guide-offcanvas .offcanvas-header{border-bottom: 1px solid #e5e7eb;padding: 1rem 1.25rem}.wv-guide-offcanvas .offcanvas-body{padding: 1.25rem}.wv-guide-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.85rem}.wv-guide-list li{position: relative;padding-left: 1.5rem;font-size: 0.85rem;line-height: 1.5;color: #374151}.wv-guide-list li::before{content: '';position: absolute;left: 0.15rem;top: 0.5rem;width: 6px;height: 6px;border-radius: 50%;background: var(--wv-primary)}.wv-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;border-radius: 0.75rem;font-size: 0.875rem;font-weight: 600;padding: 0.75rem 1.25rem;border: 1px solid transparent;text-decoration: none;cursor: pointer;transition: all 0.15s ease}.wv-btn-sm{padding: 0.375rem 0.75rem;font-size: 0.75rem;border-radius: 0.5rem}.wv-btn-primary{background: var(--wv-primary);color: #fff}.wv-btn-primary:hover{background: var(--wv-primary-dark);color: #fff}.wv-btn-primary:disabled{opacity: 0.4}.wv-btn-soft{background: rgba(var(--wv-primary-rgb),0.08);color: var(--wv-primary)}.wv-btn-soft:hover{background: rgba(var(--wv-primary-rgb),0.15);color: var(--wv-primary)}.wv-btn-outline{border-color: #e5e7eb;color: #4b5563;background: #fff}.wv-btn-outline:hover{border-color: var(--wv-primary);color: var(--wv-primary)}.wv-btn-amber{background: var(--wv-amber-400);color: #fff;font-weight: 700}.wv-btn-amber:hover{background: var(--wv-amber-500);color: #fff}.wv-btn-rose{background: var(--wv-rose-600);color: #fff}.wv-btn-rose:hover{background: var(--wv-rose-700);color: #fff}.wv-btn-violet{background: var(--wv-violet-600);color: #fff}.wv-btn-violet:hover{background: var(--wv-violet-700);color: #fff}.wv-card{background: #fff;border: 1px solid var(--wv-border);border-radius: 1rem;box-shadow: 0 1px 2px rgba(0,0,0,0.04)}.wv-card-p{padding: 1.25rem}.wv-list-item{background: #fff;border: 1px solid var(--wv-border);border-radius: 0.75rem;padding: 1rem;display: flex;align-items: center;gap: 1rem;cursor: pointer;text-decoration: none;color: inherit;transition: all 0.15s ease}.wv-list-item:hover{border-color: rgba(var(--wv-primary-rgb),0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.06);color: inherit}.wv-row-link{display: flex;align-items: center;justify-content: space-between;padding: 0.5rem 0.75rem;border-radius: 0.5rem;text-decoration: none;color: inherit;transition: background 0.15s ease}.wv-row-link:hover{background: #f9fafb;color: inherit}.wv-badge{display: inline-block;font-size: 0.75rem;font-weight: 500;padding: 0.125rem 0.625rem;border-radius: 99px;line-height: 1.4}.wv-badge-pos{background: rgba(var(--wv-primary-rgb),0.1);color: var(--wv-primary)}.wv-badge-easy{background: var(--wv-emerald-100);color: var(--wv-emerald-700)}.wv-badge-medium{background: var(--wv-amber-100);color: var(--wv-amber-700)}.wv-badge-hard{background: var(--wv-rose-100);color: var(--wv-rose-700)}.wv-badge-type{background: #f3f4f6;color: #9ca3af;font-size: 10px;font-weight: 600;text-transform: uppercase}.wv-chip{display: inline-block;font-size: 0.75rem;padding: 0.25rem 0.625rem;border-radius: 99px;border: 1px solid transparent;margin: 0 0.25rem 0.25rem 0}.wv-chip-syn{background: var(--wv-emerald-50);color: var(--wv-emerald-700);border-color: var(--wv-emerald-100)}.wv-chip-ant{background: var(--wv-rose-50);color: var(--wv-rose-600);border-color: var(--wv-rose-100)}.wv-chip-rel{background: #f9fafb;color: #374151;border-color: #e5e7eb;font-size: 0.875rem;font-weight: 500;padding: 0.25rem 0.75rem}.wv-chip-root{background: rgba(var(--wv-primary-rgb),0.08);color: var(--wv-primary);font-weight: 500}.wv-hero-navy{position: relative;overflow: hidden;border-radius: 1rem;padding: 1.5rem;background: linear-gradient(135deg,var(--wv-primary) 0%,var(--wv-navy) 100%);color: #fff;display: block;text-decoration: none}.wv-hero-navy:hover{color: #fff}.wv-hero-navy::before{content: '';position: absolute;top: -40px;right: -40px;width: 160px;height: 160px;border-radius: 50%;background: rgba(255,255,255,0.05)}.wv-hero-navy::after{content: '';position: absolute;bottom: -32px;left: -32px;width: 96px;height: 96px;border-radius: 50%;background: rgba(255,255,255,0.05)}.wv-hero-navy > *{position: relative;z-index: 1}.wv-hero-label{font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--wv-amber-400);display: inline-flex;align-items: center;gap: 0.5rem}.wv-hero-pron{color: rgba(255,255,255,0.5);font-family: var(--bs-font-monospace);font-size: 0.875rem}.wv-section-label{font-size: 0.75rem;font-weight: 600;color: #9ca3af;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 0.625rem}.wv-trick-card{background: var(--wv-amber-50);border: 1px solid var(--wv-amber-200);border-radius: 1rem;padding: 1.25rem}.wv-pyq-card{background: rgba(var(--wv-primary-rgb),0.05);border: 1px solid rgba(var(--wv-primary-rgb),0.15);border-radius: 1rem;padding: 1.25rem}.wv-pron{color: #9ca3af;font-family: var(--bs-font-monospace);font-size: 0.875rem;letter-spacing: 0.02em}.wv-toggle-btn{padding: 0.625rem;width: 42px;height: 42px;border-radius: 0.75rem;border: 1px solid #e5e7eb;background: #fff;color: #9ca3af;display: inline-flex;align-items: center;justify-content: center;transition: all 0.15s ease}.wv-toggle-btn:hover{border-color: var(--wv-primary);color: var(--wv-primary)}.wv-toggle-btn.active-bookmark{background: var(--wv-primary);border-color: var(--wv-primary);color: #fff}.wv-toggle-btn.active-learned{background: var(--wv-emerald-500);border-color: var(--wv-emerald-500);color: #fff}.wv-listen-btn{display: inline-flex;align-items: center;gap: 0.375rem;font-size: 0.75rem;padding: 0.25rem 0.625rem;border-radius: 99px;border: 0;background: rgba(var(--wv-primary-rgb),0.1);color: var(--wv-primary);transition: all 0.15s ease}.wv-listen-btn:hover{background: rgba(var(--wv-primary-rgb),0.2)}.wv-listen-btn.played{background: var(--wv-emerald-100);color: var(--wv-emerald-700)}.wv-hl{font-weight: 600;color: var(--wv-primary);border-bottom: 1px dashed rgba(var(--wv-primary-rgb),0.4)}.wv-tabs{display: flex;gap: 0.25rem;background: #fff;border: 1px solid var(--wv-border);border-radius: 0.75rem;padding: 0.25rem;overflow-x: auto}.wv-tab{flex-shrink: 0;padding: 0.5rem 0.75rem;border: 0;border-radius: 0.5rem;font-size: 0.875rem;font-weight: 500;background: transparent;color: #6b7280;white-space: nowrap;transition: all 0.15s ease;display: inline-flex;align-items: center;justify-content: center;gap: 0.375rem}.wv-tab:hover{color: var(--wv-primary)}.wv-tab.active{background: var(--wv-primary);color: #fff}.wv-tab .wv-tab-count{font-size: 0.75rem;padding: 0.06rem 0.4rem;border-radius: 99px;background: #f3f4f6}.wv-tab.active .wv-tab-count{background: rgba(255,255,255,0.2)}.wv-tabs-fill .wv-tab{flex: 1 1 0}.wv-opt{width: 100%;text-align: left;padding: 0.875rem;border-radius: 0.75rem;border: 2px solid #e5e7eb;background: #fff;font-size: 0.875rem;font-weight: 500;color: #374151;transition: all 0.15s ease}.wv-opt:hover{border-color: var(--wv-primary)}.wv-opt .wv-opt-letter{font-size: 0.75rem;opacity: 0.5;margin-right: 0.375rem}.wv-opt.selected{border-color: var(--wv-primary);background: rgba(var(--wv-primary-rgb),0.05);color: var(--wv-primary)}.wv-opt.correct{border-color: var(--wv-emerald-500);background: var(--wv-emerald-50);color: var(--wv-emerald-800)}.wv-opt.wrong{border-color: var(--wv-rose-400);background: var(--wv-rose-50);color: var(--wv-rose-700)}.wv-opt.muted{border-color: #f3f4f6;color: #9ca3af}.wv-opt:disabled{pointer-events: none}.wv-progressbar{width: 100%;background: #f3f4f6;border-radius: 99px;overflow: hidden}.wv-progressbar > div{background: var(--wv-primary);border-radius: 99px;transition: width 0.4s ease;height: 100%}.wv-quiz-exp{border-radius: 0.75rem;padding: 0.875rem;font-size: 0.875rem}.wv-quiz-exp.ok{background: var(--wv-emerald-50);color: var(--wv-emerald-800)}.wv-quiz-exp.bad{background: var(--wv-rose-50);color: var(--wv-rose-800)}.wv-flashcard{min-height: 220px;display: flex;flex-direction: column}.wv-dots{display: flex;gap: 4px}.wv-dot{height: 4px;width: 16px;border-radius: 99px;background: #e5e7eb;transition: all 0.3s ease}.wv-dot.done{background: var(--wv-emerald-400)}.wv-dot.current{background: var(--wv-primary);width: 24px}.wv-fc-action{padding: 0.75rem;border-radius: 0.75rem;border: 2px solid;font-size: 0.875rem;font-weight: 600;background: transparent;width: 100%;transition: all 0.15s ease}.wv-fc-forgot{border-color: var(--wv-rose-200);background: var(--wv-rose-50);color: var(--wv-rose-700)}.wv-fc-forgot:hover{background: var(--wv-rose-100)}.wv-fc-review{border-color: var(--wv-amber-200);background: var(--wv-amber-50);color: var(--wv-amber-700)}.wv-fc-review:hover{background: var(--wv-amber-100)}.wv-fc-know{border-color: var(--wv-emerald-100);background: var(--wv-emerald-50);color: var(--wv-emerald-700)}.wv-fc-know:hover{background: var(--wv-emerald-100)}.wv-srs-note{background: rgba(var(--wv-primary-rgb),0.05);border: 1px solid rgba(var(--wv-primary-rgb),0.15);border-radius: 0.75rem;padding: 1rem}.wv-stat-card{background: #fff;border: 1px solid var(--wv-border);border-radius: 0.75rem;padding: 1rem}.wv-stat-icon{width: 36px;height: 36px;border-radius: 0.5rem;color: #fff;display: flex;align-items: center;justify-content: center;margin-bottom: 0.75rem}.wv-stat-value{font-size: 1.5rem;font-weight: 700;color: var(--wv-text)}.wv-stat-label{font-size: 0.875rem;color: #6b7280}.wv-stat-sub{font-size: 0.75rem;color: #9ca3af;margin-top: 0.25rem}.wv-cal-grid{display: grid;grid-template-columns: repeat(10,1fr);gap: 6px}.wv-cal-day{aspect-ratio: 1;border-radius: 0.375rem;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 500;background: #f3f4f6;color: #9ca3af}.wv-cal-day.active{background: var(--wv-primary);color: #fff}.wv-cal-key{width: 12px;height: 12px;border-radius: 3px;display: inline-block}.wv-achievement{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem;border-radius: 0.75rem;border: 1px solid #f3f4f6;background: #f9fafb;opacity: 0.6}.wv-achievement.earned{border-color: var(--wv-amber-200);background: var(--wv-amber-50);opacity: 1}.wv-achievement .wv-ach-icon{font-size: 1.5rem}.wv-card-rose{background: var(--wv-rose-50);border: 1px solid var(--wv-rose-100);border-radius: 1rem;padding: 1.25rem}.wv-card-violet{background: var(--wv-violet-50);border: 1px solid var(--wv-violet-100);border-radius: 1rem;padding: 1.25rem}.wv-search-wrap{position: relative}.wv-search-wrap > i{position: absolute;left: 0.875rem;top: 50%;transform: translateY(-50%);color: #9ca3af}.wv-search-input{width: 100%;background: #fff;border: 1px solid rgba(0,0,0,0.08);border-radius: 0.75rem;padding: 0.75rem 2.5rem;font-size: 0.875rem}.wv-search-input:focus{outline: none;border-color: rgba(var(--wv-primary-rgb),0.4);box-shadow: 0 0 0 2px rgba(var(--wv-primary-rgb),0.1)}.wv-search-clear{position: absolute;right: 0.875rem;top: 50%;transform: translateY(-50%);border: 0;background: transparent;color: #9ca3af;padding: 0}.wv-search-clear:hover{color: #4b5563}.wv-cta-card{background: #fff;border: 1px dashed rgba(var(--wv-primary-rgb),0.3);border-radius: 1rem;padding: 2rem;text-align: center}.wv-cta-icon{width: 48px;height: 48px;border-radius: 0.75rem;background: rgba(var(--wv-primary-rgb),0.08);color: var(--wv-primary);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;margin: 0 auto 0.75rem}.wv-text-primary{color: var(--wv-primary) !important}.wv-text-muted2{color: #9ca3af}.wv-line-1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden}.wv-line-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.wv-example-num{width: 20px;height: 20px;border-radius: 50%;background: rgba(var(--wv-primary-rgb),0.1);color: var(--wv-primary);font-size: 0.75rem;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-top: 2px}.wv-icon-sq{width: 36px;height: 36px;border-radius: 0.75rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.wv-icon-sq-lg{width: 40px;height: 40px}@media (max-width: 575.98px){.wv-content{padding: 1rem 0.875rem 2rem}.wv-topbar{padding: 0 0.875rem}}.edi-progress{position: fixed;top: 0;left: 0;right: 0;height: 3px;background: transparent;z-index: 1050}.edi-progress-bar{height: 100%;width: 0%;background: var(--brand-gradient-header);transition: width 0.1s linear}.edi-page{background: var(--bg)}.edi-breadcrumb .breadcrumb-item,.edi-breadcrumb .breadcrumb-item a{font-size: var(--fs-small);color: var(--text-secondary)}.edi-breadcrumb .breadcrumb-item a{text-decoration: none}.edi-breadcrumb .breadcrumb-item a:hover{color: var(--primary)}.edi-breadcrumb .breadcrumb-item.active{color: var(--text-muted)}.edi-card{background: var(--surface);border: 1px solid var(--border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden}.edi-hero{position: relative;line-height: 0}.edi-hero-img{width: 100%;max-height: 420px;object-fit: fill}.edi-hero-overlay{position: absolute;left: var(--sp-4);bottom: var(--sp-4)}.edi-category-badge{display: inline-block;background: rgba(15,23,42,0.55);backdrop-filter: blur(4px);color: #fff;font-size: var(--fs-caption);font-weight: var(--fw-semibold);letter-spacing: .02em;text-transform: uppercase;padding: 6px 14px;border-radius: var(--radius-full)}.edi-category-badge--static{display: inline-block;background: var(--primary-light);color: var(--primary);backdrop-filter: none}.edi-card-body{padding: var(--sp-5)}.edi-title{font-size: clamp(1.5rem,3vw,2rem);font-weight: var(--fw-extrabold);color: var(--heading);line-height: 1.3;margin: var(--sp-3) 0 var(--sp-3)}.edi-meta{display: flex;flex-wrap: wrap;gap: var(--sp-4);font-size: var(--fs-small);color: var(--text-secondary);padding-bottom: var(--sp-4);border-bottom: 1px solid var(--border-light);margin-bottom: var(--sp-4)}.edi-meta span{display: inline-flex;align-items: center;gap: 6px}.edi-meta i{color: var(--primary)}.edi-audio-card{display: flex;align-items: center;gap: var(--sp-3);background: var(--primary-light);border: 1px solid rgba(var(--primary-rgb),.15);border-radius: var(--radius-md);padding: var(--sp-3) var(--sp-4);margin-bottom: var(--sp-5);flex-wrap: wrap}.edi-audio-btn{width: 44px;height: 44px;flex-shrink: 0;border-radius: 50%;border: none;background: var(--primary);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;cursor: pointer;box-shadow: var(--btn-shadow-primary);transition: var(--transition-fast)}.edi-audio-btn:hover{background: var(--primary-hover);transform: scale(1.05)}.edi-audio-label{flex: 1;min-width: 140px}.edi-audio-label h6{margin: 0;font-size: var(--fs-small);font-weight: var(--fw-semibold);color: var(--heading)}.edi-audio-label small{color: var(--text-secondary)}.edi-waveform{align-items: center;gap: 3px}.edi-waveform span{width: 3px;height: 14px;border-radius: 2px;background: var(--primary);opacity: .5}.edi-audio-card.is-playing .edi-waveform span{animation: edi-wave 0.9s ease-in-out infinite;opacity: 1}.edi-waveform span:nth-child(1){animation-delay: 0s}.edi-waveform span:nth-child(2){animation-delay: .1s}.edi-waveform span:nth-child(3){animation-delay: .2s}.edi-waveform span:nth-child(4){animation-delay: .3s}.edi-waveform span:nth-child(5){animation-delay: .4s}@keyframes edi-wave{0%,100%{height: 10px}50%{height: 22px}}.edi-audio-native{display: none}.edi-content{font-size: 1.0625rem;line-height: 1.85;color: var(--text-primary)}.edi-content p{margin-bottom: var(--sp-4)}.edi-content strong{color: var(--heading)}.edi-vocab-word{color: var(--primary);border-bottom: 1.5px dotted var(--primary);cursor: pointer;font-weight: var(--fw-medium)}.edi-vocab-word:hover{background: var(--primary-light)}.edi-word-popover{position: absolute;max-width: 280px;background: var(--heading);color: #fff;border-radius: var(--radius-md);padding: var(--sp-3);box-shadow: var(--shadow-lg);z-index: 1080;display: none;font-size: var(--fs-small)}.edi-word-popover.show{display: block}.edi-word-popover-word{font-weight: var(--fw-bold);text-transform: capitalize;margin-bottom: 4px;color: var(--sky)}.edi-word-popover-meaning{color: #E2E8F0;line-height: 1.5}.edi-toolbar{display: flex;flex-wrap: wrap;gap: var(--sp-2);padding: var(--sp-4) var(--sp-5);border-top: 1px solid var(--border-light);background: var(--bg)}.edi-tool-btn{display: inline-flex;align-items: center;gap: 8px;height: var(--btn-height-sm);padding: 0 var(--sp-4);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text-primary);font-size: var(--fs-small);font-weight: var(--fw-semibold);text-decoration: none;cursor: pointer;transition: var(--transition-fast)}.edi-tool-btn:hover{border-color: var(--primary);color: var(--primary)}.edi-tool-btn i{font-size: 1rem}.edi-tool-btn[data-liked="1"]{background: var(--primary-light);border-color: var(--primary);color: var(--primary)}.edi-tool-count{color: var(--text-muted)}.edi-tool-btn[data-liked="1"] .edi-tool-count{color: var(--primary)}.edi-pulse{animation: edi-pulse .35s ease}@keyframes edi-pulse{50%{transform: scale(1.08)}}.edi-quiz-cta{display: flex;align-items: center;justify-content: space-between;gap: var(--sp-3);flex-wrap: wrap;background: var(--brand-gradient-header);border-radius: var(--radius-lg);padding: var(--sp-4) var(--sp-5);margin-top: var(--sp-4);color: #fff}.edi-quiz-cta-text{display: flex;align-items: center;gap: var(--sp-3)}.edi-quiz-cta-text i{font-size: 1.6rem}.edi-quiz-cta-text h6{margin: 0;font-weight: var(--fw-bold)}.edi-quiz-cta-text small{opacity: .85}.edi-quiz-cta .btn-site--primary,.edi-quiz-cta .btn-site--secondary{background: #fff;color: var(--primary);box-shadow: none}.edi-quiz-cta .btn-site--primary:hover{background: #F8FAFC}.edi-sticky{position: sticky;top: var(--sp-5)}.edi-hw-card{background: var(--surface);border: 1px solid var(--border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden;margin-bottom: var(--sp-4)}.edi-hw-card--flat{border: none;border-radius: 0;box-shadow: none;margin-bottom: 0}.edi-hw-header{display: flex;align-items: center;gap: 8px;padding: var(--sp-4) var(--sp-4) var(--sp-3);font-weight: var(--fw-bold);color: var(--heading)}.edi-hw-header i{color: var(--primary)}.edi-hw-list{max-height: 460px;overflow-y: auto}.edi-hw-item{padding: var(--sp-3) var(--sp-4);border-top: 1px solid var(--border-light);transition: var(--transition-fast)}.edi-hw-item:hover{background: var(--bg)}.edi-hw-item-top{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--sp-2)}.edi-hw-word-row{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;min-width: 0}.edi-hw-word{margin: 0;font-size: var(--fs-body);font-weight: var(--fw-bold);text-transform: capitalize}.edi-hw-word a{color: var(--heading);text-decoration: none}.edi-hw-word a:hover{color: var(--primary)}.edi-pos-tag{font-size: 0.6875rem;font-weight: var(--fw-semibold);color: var(--text-secondary);background: var(--border-light);padding: 2px 8px;border-radius: var(--radius-full);text-transform: lowercase}.edi-diff-tag{font-size: 0.6875rem;font-weight: var(--fw-semibold);padding: 2px 8px;border-radius: var(--radius-full)}.edi-diff-tag--easy{background: var(--success-light);color: var(--success-dark)}.edi-diff-tag--medium{background: var(--warning-light);color: var(--warning-text)}.edi-diff-tag--hard{background: var(--danger-light);color: var(--danger-text)}.edi-bookmark-btn{flex-shrink: 0;width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--border);background: var(--surface);color: var(--text-muted);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-fast)}.edi-bookmark-btn:hover{border-color: var(--primary);color: var(--primary)}.edi-bookmark-btn.is-bookmarked{background: var(--primary-light);border-color: var(--primary);color: var(--primary)}.edi-hw-meaning{margin: 6px 0 0;font-size: var(--fs-small);color: var(--text-secondary);line-height: 1.5}.edi-hw-hindi{margin: 2px 0 0;font-size: var(--fs-small);color: var(--sky)}.edi-hw-empty{text-align: center;padding: var(--sp-6) var(--sp-4);color: var(--text-muted)}.edi-hw-empty i{font-size: 1.5rem;display: block;margin-bottom: 8px;opacity: .6}.edi-hw-empty p{margin: 0;font-size: var(--fs-small)}.edi-hw-footer{display: flex;align-items: center;justify-content: space-between;padding: var(--sp-3) var(--sp-4);border-top: 1px solid var(--border-light);background: var(--bg)}.edi-hw-footer small{color: var(--text-muted);font-size: var(--fs-caption)}.edi-tip-card{display: flex;gap: var(--sp-3);background: var(--secondary-light);border-radius: var(--radius-lg);padding: var(--sp-4)}.edi-tip-card i{color: var(--secondary-dark);font-size: 1.25rem;flex-shrink: 0}.edi-tip-card h6{margin: 0 0 4px;font-weight: var(--fw-bold);color: var(--heading);font-size: var(--fs-small)}.edi-tip-card p{margin: 0;font-size: var(--fs-small);color: var(--text-secondary);line-height: 1.5}.edi-mobile-fab{position: fixed;bottom: var(--sp-5);right: var(--sp-4);z-index: 1030}.edi-mobile-fab button{display: inline-flex;align-items: center;gap: 8px;background: var(--brand-gradient-header);color: #fff;border: none;border-radius: var(--radius-full);padding: 12px 20px;font-weight: var(--fw-semibold);font-size: var(--fs-small);box-shadow: var(--shadow-lg)}.edi-offcanvas{max-width: 92vw;width: 380px}@media (max-width: 991.98px){.edi-card-body{padding: var(--sp-4)}.edi-toolbar{padding: var(--sp-3) var(--sp-4)}}.di-page{background: var(--bg)}.di-header .di-kicker{display: block;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;color: var(--accent);margin-bottom: 4px}.di-header h1{font-size: var(--fs-page-heading);font-weight: var(--fw-extrabold);letter-spacing: -0.02em;margin: 0 0 8px}.di-header p{font-size: 1rem;color: var(--text-secondary);max-width: 640px;margin: 0}.di-toolbar{display: flex;gap: 12px;align-items: center;flex-wrap: wrap}.di-search{position: relative;flex: 1 1 260px;min-width: 220px}.di-search i{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--text-muted);font-size: 0.9rem;pointer-events: none}.di-search input{width: 100%;padding: 12px 16px 12px 42px;border: 1px solid var(--border);border-radius: var(--radius-md);font-size: 0.875rem;background: var(--surface);box-shadow: var(--shadow-sm);transition: var(--transition-fast)}.di-search input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(var(--primary-rgb),.12)}.di-sort-btn{display: inline-flex;align-items: center;gap: 8px;padding: 11px 18px;border-radius: var(--radius-md);border: 1px solid var(--border);background: var(--surface);font-size: 0.875rem;font-weight: 600;color: var(--text-primary);box-shadow: var(--shadow-sm);transition: var(--transition-fast)}.di-sort-btn:hover{border-color: var(--primary);color: var(--primary)}.di-sort-btn::after{margin-left: 4px}.di-sort-menu{min-width: 180px;border-radius: var(--radius-md);border: 1px solid var(--border-light);box-shadow: var(--shadow-lg);padding: 6px}.di-sort-menu .dropdown-item{border-radius: var(--radius-sm);font-size: 0.85rem;padding: 8px 12px}.di-sort-menu .dropdown-item.active,.di-sort-menu .dropdown-item:active{background: var(--primary-light);color: var(--primary)}.di-chips{display: flex;gap: 8px;overflow-x: auto;padding-bottom: 6px;scrollbar-width: none}.di-chips::-webkit-scrollbar{display: none}.di-chip{flex-shrink: 0;padding: 8px 18px;border-radius: var(--radius-full);font-size: 0.85rem;font-weight: 600;background: var(--surface);color: var(--text-secondary);border: 1px solid var(--border);white-space: nowrap;transition: var(--transition-fast)}.di-chip:hover{border-color: var(--primary);color: var(--primary)}.di-chip.active{background: var(--primary);border-color: var(--primary);color: #fff;box-shadow: var(--btn-shadow-primary)}.di-results-count{font-size: 0.9rem;color: var(--text-secondary);margin: 0}.di-results-count strong{color: var(--heading)}.di-card{background: var(--surface);border: 1px solid var(--border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden;display: flex;flex-direction: column;height: 100%;transition: var(--transition)}.di-card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.di-card-thumb{position: relative;height: 180px;flex-shrink: 0;background: var(--bg);overflow: hidden}.di-card-thumb img{width: 100%;height: 100%;object-fit: fill;transition: transform .5s ease}.di-card:hover .di-card-thumb img{transform: scale(1.05)}.di-card-thumb-placeholder{color: var(--text-muted);font-size: 2rem}.di-card-actions{position: absolute;top: 12px;right: 12px;display: flex;gap: 8px}.di-card-action-btn{width: 32px;height: 32px;border-radius: 50%;background: rgba(255,255,255,.92);border: none;display: flex;align-items: center;justify-content: center;color: var(--text-secondary);box-shadow: var(--shadow-sm);transition: var(--transition-fast);cursor: pointer}.di-card-action-btn:hover{background: #fff;color: var(--primary)}.di-card-action-btn.is-active{color: var(--primary)}.di-card-body{padding: 20px;display: flex;flex-direction: column;flex: 1}.di-card-badges{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 12px}.di-card-title{font-size: 1.02rem;font-weight: 700;color: var(--heading);line-height: 1.4;margin-bottom: 8px}.di-card-title-link{color: inherit;text-decoration: none;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.di-card-title-link:hover{color: var(--primary)}.di-card-desc{font-size: 0.85rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.di-card-meta{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;font-size: 0.72rem;color: var(--text-muted);margin-bottom: 12px}.di-card-meta .sep{width: 3px;height: 3px;border-radius: 50%;background: var(--border)}.di-card-cta{margin-top: auto}.di-empty-state{color: var(--text-secondary)}.di-pagination .page-link{border-radius: var(--radius-md) !important;margin: 0 3px;border: 1px solid var(--border);color: var(--text-secondary);font-weight: 600;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;padding: 0}.di-pagination .page-item.active .page-link{background: var(--primary);border-color: var(--primary);color: #fff}.di-pagination .page-item.disabled .page-link{opacity: .4}.di-sidebar{display: flex;flex-direction: column;gap: 16px}.di-widget{background: var(--surface);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: 20px;box-shadow: var(--shadow-sm)}.di-widget-title{display: flex;align-items: center;gap: 8px;font-size: 0.85rem;font-weight: 700;color: var(--heading);margin-bottom: 16px}.di-widget-title i{color: var(--primary)}.di-cr-item + .di-cr-item{margin-top: 14px}.di-cr-top{display: flex;justify-content: space-between;gap: 8px;margin-bottom: 6px}.di-cr-top p{font-size: 0.78rem;font-weight: 600;color: var(--heading);margin: 0;line-height: 1.4}.di-cr-pct{font-size: 0.72rem;font-weight: 700;color: var(--text-muted);white-space: nowrap}.di-cr-track{height: 6px;background: var(--bg);border-radius: var(--radius-full);overflow: hidden;margin-bottom: 6px}.di-cr-track span{display: block;height: 100%;background: var(--accent)}.di-cr-topic{font-size: 0.72rem;color: var(--text-muted);margin: 0}.di-goal-row{display: flex;align-items: center;gap: 14px;margin-bottom: 14px}.di-goal-ring{position: relative;width: 64px;height: 64px;flex-shrink: 0}.di-goal-ring svg{transform: rotate(-90deg)}.di-goal-ring-val{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 700;color: var(--heading)}.di-goal-text p{margin: 0;font-size: 0.85rem;font-weight: 600;color: var(--heading)}.di-goal-text small{font-size: 0.72rem;color: var(--text-muted)}.di-goal-segments{display: flex;gap: 6px}.di-goal-segments span{flex: 1;height: 6px;border-radius: var(--radius-full);background: var(--bg)}.di-goal-segments span.filled{background: var(--primary)}.di-streak{background: var(--brand-gradient-header);border-radius: var(--radius-lg);padding: 20px;color: #fff;position: relative;overflow: hidden}.di-streak::before{content: '';position: absolute;top: -24px;right: -24px;width: 96px;height: 96px;border-radius: 50%;background: rgba(255,255,255,.08)}.di-streak::after{content: '';position: absolute;bottom: -16px;right: 8px;width: 64px;height: 64px;border-radius: 50%;background: rgba(255,255,255,.08)}.di-streak-head{display: flex;align-items: center;gap: 8px;margin-bottom: 4px;position: relative}.di-streak-head i{color: #FBBF24}.di-streak-head span{font-size: 0.85rem;font-weight: 700}.di-streak-count{display: flex;align-items: baseline;gap: 6px;margin: 10px 0 4px;position: relative}.di-streak-count strong{font-size: 2.4rem;font-weight: 800;line-height: 1}.di-streak-count span{font-size: 0.85rem;color: rgba(255,255,255,.75)}.di-streak p{font-size: 0.75rem;color: rgba(255,255,255,.75);margin: 0 0 14px;position: relative}.di-streak-days{display: flex;gap: 6px;position: relative}.di-streak-day{display: flex;flex-direction: column;align-items: center;gap: 4px}.di-streak-day-dot{width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,.18);color: #fff;font-size: 0.6rem}.di-streak-day-dot.done{background: #FBBF24;color: var(--primary)}.di-streak-day span{font-size: 0.65rem;color: rgba(255,255,255,.75)}.di-rec-list{display: flex;flex-direction: column;gap: 8px}.di-rec-item{display: flex;align-items: center;justify-content: space-between;padding: 10px 14px;border-radius: var(--radius-md);background: var(--bg);color: var(--text-primary);font-size: 0.83rem;font-weight: 600;border: none;text-decoration: none;transition: var(--transition-fast)}.di-rec-item:hover{background: var(--primary);color: #fff}.di-rec-item i{font-size: 0.75rem;color: var(--text-muted);transition: var(--transition-fast)}.di-rec-item:hover i{color: #fff}.di-trophy{display: flex;align-items: center;gap: 14px}.di-trophy-icon{width: 48px;height: 48px;border-radius: var(--radius-md);background: var(--accent-light);display: flex;align-items: center;justify-content: center;color: var(--warning-text);font-size: 1.3rem;flex-shrink: 0}.di-trophy p{margin: 0;font-size: 0.85rem;font-weight: 700;color: var(--heading)}.di-trophy small{font-size: 0.72rem;color: var(--text-muted)}@media (max-width: 767.98px){.di-card-thumb{height: 160px}}.lb-page{background: var(--bg)}.lb-mycard{background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 18px 20px;text-align: center}.lb-mycard__label{font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: var(--text-muted);margin-bottom: 6px}.lb-mycard__rank{font-size: 1.8rem;font-weight: var(--fw-extrabold);color: var(--primary)}.lb-mycard__rank--muted{color: var(--text-muted);font-size: 1.2rem}.lb-mycard__meta{font-size: 0.82rem;color: var(--text-secondary);margin-top: 2px}.lb-guest-cta{display: flex;align-items: center;gap: 14px;padding: 16px 20px;background: var(--accent-light);border-radius: var(--radius-lg)}.lb-guest-cta i{font-size: 1.5rem;color: var(--warning-text)}.lb-guest-cta div{flex: 1;display: flex;flex-direction: column}.lb-guest-cta strong{color: var(--heading)}.lb-guest-cta span{font-size: 0.85rem;color: var(--text-secondary)}.lb-tabs{display: flex;gap: 8px;border-bottom: 1px solid var(--border);margin-bottom: 18px;flex-wrap: wrap}.lb-tab{background: none;border: none;padding: 10px 16px;font-weight: 600;font-size: 0.9rem;color: var(--text-secondary);border-bottom: 2px solid transparent;cursor: pointer;transition: var(--transition-fast)}.lb-tab:hover{color: var(--primary)}.lb-tab.active{color: var(--primary);border-bottom-color: var(--primary)}.lb-table{background: var(--card-bg);border-radius: var(--radius-lg);overflow: hidden}.lb-table thead th{font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);border-bottom: 1px solid var(--border)}.lb-table td{border-bottom: 1px solid var(--border-light)}.lb-rank{font-weight: 700;color: var(--text-secondary)}.lb-medal{font-size: 1.1rem}.lb-medal--gold{color: #f5b700}.lb-medal--silver{color: #a8a8a8}.lb-medal--bronze{color: #c07a34}.lb-avatar{width: 32px;height: 32px;border-radius: 50%;object-fit: cover}.lb-avatar--placeholder{display: flex;align-items: center;justify-content: center;background: var(--primary-light);color: var(--primary);font-size: 0.8rem}.lb-row--me{background: var(--primary-light)}.lb-row--divider td{padding: 0;border: none}.lb-row--divider hr{margin: 4px 0;border-color: var(--border)}.gsn-section{--gsn-background: #FAF7F2;--gsn-foreground: #1A1810;--gsn-card: #FFFDF9;--gsn-primary: #1B3A5C;--gsn-primary-fg: #F8F5EE;--gsn-secondary: #EDE9E2;--gsn-muted: #EDE9E2;--gsn-muted-fg: #6B6452;--gsn-accent: #C8892A;--gsn-accent-fg: #FFFDF9;--gsn-border: rgba(91,72,42,0.15);--gsn-radius: 0.25rem;--gsn-serif: 'Source Serif 4',Georgia,'Times New Roman',serif;--gsn-sans: 'Source Sans 3',system-ui,sans-serif;--gsn-mono: 'JetBrains Mono',ui-monospace,monospace;background: var(--bg);color: var(--gsn-foreground);font-family: var(--gsn-sans);-webkit-font-smoothing: antialiased}.gsn-section ::selection{background: rgba(200,137,42,0.25)}.gsn-section > main{background: var(--gsn-background)}.gsn-serif{font-family: var(--gsn-serif)}.gsn-mono{font-family: var(--gsn-mono)}.gsn-accent{color: var(--gsn-accent)}.gsn-primary{color: var(--gsn-primary)}.gsn-muted{color: var(--gsn-muted-fg)}.gsn-eyebrow{font-family: var(--gsn-mono);font-size: .68rem;letter-spacing: .18em;text-transform: uppercase;color: var(--gsn-accent);font-weight: 500}.gsn-rounded{border-radius: var(--gsn-radius) !important}.gsn-toolbar{background: rgba(250,247,242,0.95);backdrop-filter: blur(8px);border-bottom: 1px solid var(--gsn-border);position: sticky;top: 0;z-index: 20}.gsn-toolbar-inner{max-width: 720px;margin: 0 auto;padding: .6rem 1rem;display: flex;align-items: center;justify-content: space-between;gap: .75rem}.gsn-tabs{display: flex;align-items: center;gap: .25rem;flex-wrap: wrap}.gsn-nav-btn{display: inline-flex;align-items: center;gap: .4rem;font-family: var(--gsn-mono);font-size: .82rem;padding: .35rem .7rem;border-radius: var(--gsn-radius);color: var(--gsn-muted-fg);background: transparent;border: 0;transition: all .15s ease;text-decoration: none;position: relative}.gsn-nav-btn:hover{color: var(--gsn-foreground);background: var(--gsn-secondary)}.gsn-nav-btn.active{background: var(--gsn-primary);color: var(--gsn-primary-fg)}.gsn-badge-count{background: var(--gsn-accent);color: var(--gsn-accent-fg);font-size: .6rem;font-weight: 700;border-radius: 999px;min-width: 16px;height: 16px;display: inline-flex;align-items: center;justify-content: center;padding: 0 4px}.gsn-icon-btn{padding: .5rem;border: 0;background: transparent;color: var(--gsn-muted-fg);border-radius: var(--gsn-radius);display: inline-flex;transition: all .15s ease}.gsn-icon-btn:hover{color: var(--gsn-foreground);background: var(--gsn-secondary)}.gsn-page{max-width: 720px;margin: 0 auto;padding: 2rem 1rem}.gsn-page-narrow{max-width: 640px}.gsn-cat{display: inline-flex;align-items: center;gap: .25rem;padding: .1rem .45rem;border-radius: var(--gsn-radius);font-family: var(--gsn-mono);font-size: .68rem;font-weight: 500;border: 1px solid transparent;white-space: nowrap}.gsn-cat[data-cat="History"]{background:#FEF3C7;color:#92400E;border-color:#FDE68A}.gsn-cat[data-cat="Geography"]{background:#D1FAE5;color:#065F46;border-color:#A7F3D0}.gsn-cat[data-cat="Polity"]{background:#DBEAFE;color:#1E40AF;border-color:#BFDBFE}.gsn-cat[data-cat="Economy"]{background:#F3E8FF;color:#6B21A8;border-color:#E9D5FF}.gsn-cat[data-cat="Science"]{background:#CFFAFE;color:#155E75;border-color:#A5F3FC}.gsn-cat[data-cat="Environment"]{background:#DCFCE7;color:#166534;border-color:#BBF7D0}.gsn-cat[data-cat="Art & Culture"]{background:#FFE4E6;color:#9F1239;border-color:#FECDD3}.gsn-cat[data-cat="Miscellaneous"]{background:#F3F4F6;color:#374151;border-color:#E5E7EB}.gsn-card{background: var(--gsn-card);border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);cursor: pointer;transition: border-color .2s ease,box-shadow .2s ease}.gsn-card:hover{border-color: rgba(200,137,42,.4);box-shadow: 0 1px 2px rgba(0,0,0,.05)}.gsn-card:hover .gsn-card-title{color: var(--gsn-primary)}.gsn-card:hover .gsn-card-arrow{color: var(--gsn-accent)}.gsn-card-title{font-family: var(--gsn-serif);font-size: 1.125rem;font-weight: 700;line-height: 1.35;color: var(--gsn-foreground);margin: 0 0 .4rem;transition: color .2s ease}.gsn-card-preview{font-size: .875rem;color: var(--gsn-muted-fg);line-height: 1.55;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.gsn-card-meta{display: flex;align-items: center;gap: .75rem;margin-top: 1rem;padding-top: .75rem;border-top: 1px solid var(--gsn-border);font-family: var(--gsn-mono);font-size: .72rem;color: var(--gsn-muted-fg)}.gsn-bookmark-btn{border: 0;background: transparent;color: var(--gsn-muted-fg);padding: 0;line-height: 1;transition: color .15s ease;flex: none}.gsn-bookmark-btn:hover,.gsn-bookmark-btn.on{color: var(--gsn-accent)}.gsn-card-arrow{color: rgba(107,100,82,.5);margin-left: auto;transition: color .2s ease}.gsn-divider{flex: 1;height: 1px;background: var(--gsn-border)}.gsn-link{font-family: var(--gsn-mono);font-size: .72rem;color: var(--gsn-muted-fg);background: transparent;border: 0;display: inline-flex;align-items: center;gap: .3rem;transition: color .15s ease;text-decoration: none}.gsn-link:hover{color: var(--gsn-primary)}.gsn-btn-outline{font-family: var(--gsn-mono);font-size: .72rem;color: var(--gsn-muted-fg);background: transparent;border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);padding: .35rem .6rem;display: inline-flex;align-items: center;gap: .3rem;transition: all .15s ease}.gsn-btn-outline:hover{border-color: var(--gsn-primary);color: var(--gsn-primary)}.gsn-btn-primary{font-family: var(--gsn-mono);font-size: .82rem;color: var(--gsn-primary-fg);background: var(--gsn-primary);border: 0;border-radius: var(--gsn-radius);padding: .55rem 1rem;transition: opacity .15s ease}.gsn-btn-primary:hover{opacity: .9}.gsn-breadcrumb{display: flex;align-items: center;gap: .5rem;flex-wrap: wrap;font-family: var(--gsn-mono);font-size: .72rem;color: var(--gsn-muted-fg);margin-bottom: 2rem}.gsn-breadcrumb button{background: 0;border: 0;color: var(--gsn-muted-fg);padding: 0;transition: color .15s}.gsn-breadcrumb button:hover{color: var(--gsn-primary)}.gsn-article-title{font-family: var(--gsn-serif);font-weight: 700;line-height: 1.2;font-size: 1.9rem;color: var(--gsn-foreground);margin: 0 0 .75rem}.gsn-article-lede{font-family: var(--gsn-serif);font-style: italic;font-size: 1.05rem;color: var(--gsn-muted-fg);line-height: 1.6;margin: 0}.gsn-prose p{color: rgba(26,24,16,.9);line-height: 1.65;font-size: .95rem;margin: 0 0 .5rem}.gsn-prose h4{font-family: var(--gsn-serif);font-weight: 700;color: var(--gsn-foreground);font-size: 1rem;margin: 1.25rem 0 .5rem}.gsn-prose ul{margin: 0 0 .5rem;padding-left: 1.25rem}.gsn-prose li{color: rgba(26,24,16,.9);line-height: 1.6;font-size: .93rem;margin-bottom: .15rem}.gsn-prose strong{font-weight: 600;color: var(--gsn-foreground)}.gsn-prose em{font-style: italic}.gsn-table{width: 100%;border-collapse: collapse;font-size: .82rem}.gsn-table td{padding: .4rem .6rem;border: 1px solid var(--gsn-border);color: rgba(26,24,16,.9)}.gsn-table tr.gsn-th{background: var(--gsn-muted);font-weight: 600}.gsn-table tr:nth-child(even):not(.gsn-th){background: rgba(237,233,226,.4)}.gsn-tag{font-family: var(--gsn-mono);font-size: .72rem;padding: .2rem .55rem;background: var(--gsn-secondary);color: var(--gsn-foreground);border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius)}.gsn-prevnext{text-align: left;padding: .75rem;border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);background: transparent;width: 100%;transition: all .15s ease}.gsn-prevnext:hover{border-color: rgba(27,58,92,.5);background: var(--gsn-card)}.gsn-prevnext .lbl{font-family: var(--gsn-mono);font-size: .7rem;color: var(--gsn-muted-fg);display: flex;align-items: center;gap: .25rem;margin-bottom: .25rem}.gsn-prevnext .ttl{font-family: var(--gsn-serif);font-size: .875rem;color: var(--gsn-foreground);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.gsn-prevnext:hover .ttl{color: var(--gsn-primary)}.gsn-cat-tile{display: flex;flex-direction: column;align-items: center;gap: .5rem;padding: .85rem .5rem;border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);background: var(--gsn-card);text-align: center;transition: all .15s ease;cursor: pointer;width: 100%}.gsn-cat-tile:hover{border-color: rgba(27,58,92,.4);background: var(--gsn-secondary)}.gsn-cat-tile.active{background: var(--gsn-primary);color: var(--gsn-primary-fg);border-color: var(--gsn-primary)}.gsn-cat-tile .lbl{font-family: var(--gsn-mono);font-size: .72rem;font-weight: 500;line-height: 1.2}.gsn-cat-tile .cnt{font-family: var(--gsn-mono);font-size: .72rem;color: var(--gsn-muted-fg)}.gsn-cat-tile.active .cnt{color: rgba(248,245,238,.7)}.gsn-cal{background: var(--gsn-card);border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);padding: .9rem;max-width: 480px;margin: 0 auto 1.5rem}.gsn-cal-grid{display: grid;grid-template-columns: repeat(7,1fr);gap: .2rem}.gsn-cal-dow{text-align: center;font-family: var(--gsn-mono);font-size: .58rem;color: var(--gsn-muted-fg);padding: .2rem 0}.gsn-cal-day{aspect-ratio: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: var(--gsn-radius);font-size: .7rem;border: 0;background: transparent;color: rgba(107,100,82,.5);position: relative}.gsn-cal-day.has{background: rgba(27,58,92,.1);color: var(--gsn-primary);font-weight: 700;cursor: pointer;transition: all .15s}.gsn-cal-day.has:hover{background: var(--gsn-primary);color: var(--gsn-primary-fg)}.gsn-cal-day.selected{background: var(--gsn-accent);color: var(--gsn-accent-fg);box-shadow: 0 0 0 2px var(--gsn-accent)}.gsn-cal-day .cnt{position: absolute;bottom: 1px;font-size: .44rem;font-family: var(--gsn-mono);opacity: .7}.gsn-arch-row{width: 100%;text-align: left;display: flex;align-items: center;justify-content: space-between;padding: 1rem;background: var(--gsn-card);border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);transition: all .2s ease}.gsn-arch-row:hover{border-color: rgba(200,137,42,.4);box-shadow: 0 1px 2px rgba(0,0,0,.05)}.gsn-arch-date-m{font-family: var(--gsn-mono);font-size: .7rem;color: var(--gsn-muted-fg)}.gsn-arch-date-d{font-family: var(--gsn-serif);font-size: 1.5rem;font-weight: 700;color: var(--gsn-primary);line-height: 1}.gsn-search-input{width: 100%;padding: .8rem 2.25rem;background: var(--gsn-card);border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);font-family: var(--gsn-mono);font-size: .875rem;color: var(--gsn-foreground);outline: none;transition: border-color .15s ease,box-shadow .15s ease}.gsn-search-input:focus{border-color: var(--gsn-accent);box-shadow: 0 0 0 3px rgba(200,137,42,.15)}.gsn-search-input::placeholder{color: rgba(107,100,82,.6)}.gsn-overlay{position: fixed;inset: 0;z-index: 1060;background: rgba(26,24,16,.2);backdrop-filter: blur(4px);display: flex;align-items: flex-start;justify-content: center;padding: 5rem 1rem 0}.gsn-overlay-box{width: 100%;max-width: 576px;background: var(--gsn-card);border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);box-shadow: 0 10px 40px rgba(0,0,0,.18);overflow: hidden}.gsn-overlay-input{width: 100%;padding: 1rem 3rem;background: transparent;border: 0;font-family: var(--gsn-mono);font-size: .875rem;color: var(--gsn-foreground);outline: none}.gsn-day-num{flex: none;width: 28px;height: 28px;border-radius: 999px;background: rgba(27,58,92,.1);display: flex;align-items: center;justify-content: center;font-family: var(--gsn-mono);font-size: .72rem;font-weight: 700;color: var(--gsn-primary);margin-top: 1.25rem}.gsn-empty{text-align: center;padding: 4rem 1rem;border: 1px dashed var(--gsn-border);border-radius: var(--gsn-radius)}.gsn-quickfilters{background: var(--gsn-secondary);border-bottom: 1px solid var(--gsn-border);padding: 1.1rem 0}.gsn-quickfilters-inner{max-width: 720px;margin: 0 auto;padding: 0 1rem}.gsn-quickcats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: .5rem}@media (min-width: 576px){.gsn-quickcats-grid{grid-template-columns: repeat(8,1fr)}}.gsn-cat-tile--sm{padding: .55rem .35rem;gap: .3rem}.gsn-cat-tile--sm i{font-size: .95rem}.gsn-cat-tile--sm .lbl{font-size: .64rem}.gsn-cat-tile--sm .cnt{font-size: .6rem}.gsn-date-strip{display: flex;gap: .5rem;overflow-x: auto;padding-bottom: .25rem}.gsn-date-chip{flex: none;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 66px;padding: .5rem .25rem;border: 1px solid var(--gsn-border);border-radius: var(--gsn-radius);background: var(--gsn-card);cursor: pointer;transition: all .15s ease}.gsn-date-chip:hover{border-color: rgba(200,137,42,.4);box-shadow: 0 1px 2px rgba(0,0,0,.05)}.gsn-date-chip .m{font-family: var(--gsn-mono);font-size: .62rem;color: var(--gsn-muted-fg)}.gsn-date-chip .d{font-family: var(--gsn-serif);font-weight: 700;font-size: 1.15rem;color: var(--gsn-primary);line-height: 1.1}.gsn-date-chip .c{font-family: var(--gsn-mono);font-size: .58rem;color: var(--gsn-muted-fg);margin-top: .15rem}.gsn-date-chip--all{color: var(--gsn-primary)}.gsn-date-chip--all i{font-size: 1.1rem}.gsn-date-chip--all .lbl{font-family: var(--gsn-mono);font-size: .6rem;margin-top: .3rem}@media (max-width: 575.98px){.gsn-article-title{font-size: 1.55rem}.gsn-toolbar-inner{flex-wrap: wrap}}.np-card{border: 1px solid var(--border);border-radius: 1rem}.np-item{display: flex;align-items: flex-start;gap: .75rem;padding: 1rem 0;border-bottom: 1px solid var(--border)}.np-item:last-child{border-bottom: 0;padding-bottom: 0}.np-item:first-child{padding-top: 0}.np-bullet{flex: none;width: 8px;height: 8px;border-radius: 50%;background: var(--primary);margin-top: .5rem}.np-title{font-size: 1.02rem;font-weight: 600;color: var(--text-primary);margin: 0 0 .25rem}.np-text{font-size: .98rem;color: var(--text-primary);line-height: 1.55}.np-date{font-size: .78rem;color: var(--text-muted)}.feedback-fab{position: fixed;right: 24px;bottom: 24px;z-index: 1030;align-items: center;gap: 8px;padding: 12px 18px;border-radius: 50px;background: var(--primary,#2563EB);color: #fff;font-weight: 600;font-size: .95rem;line-height: 1;text-decoration: none;box-shadow: 0 6px 20px rgba(37,99,235,.35);transition: transform .2s ease,box-shadow .2s ease,background .2s ease}.feedback-fab:hover{color: #fff;transform: translateY(-2px);box-shadow: 0 10px 26px rgba(37,99,235,.45)}.feedback-fab i{font-size: 1.2rem}.feedback-fab-text{white-space: nowrap}.feedback-type-group .btn{font-weight: 600}