:root{--aj-primary: #21588c;--aj-primary-darker: #1c4a77;--aj-primary-lighter: #42719d;--aj-primary-rgb: 33,88,140;--aj-success: #10b981;--aj-success-darker: #059669;--aj-success-bg: #dcfce7;--aj-success-text: #065f46;--aj-warning: #f59e0b;--aj-warning-darker: #d97706;--aj-warning-bg: #fef3c7;--aj-warning-text: #92400e;--aj-danger: #ef4444;--aj-danger-darker: #dc2626;--aj-danger-bg: #fee2e2;--aj-danger-text: #991b1b;--aj-info: #3b82f6;--aj-info-darker: #2563eb;--aj-info-bg: #dbeafe;--aj-info-text: #1e40af;--aj-gray-50: #f9fafb;--aj-gray-100: #f3f4f6;--aj-gray-200: #e5e7eb;--aj-gray-300: #d1d5db;--aj-gray-400: #9ca3af;--aj-gray-500: #6b7280;--aj-gray-600: #4b5563;--aj-gray-700: #374151;--aj-gray-800: #1f2937;--aj-gray-900: #111827;--aj-primary-text: var(--aj-primary);--aj-text-primary: var(--aj-primary);--aj-text-primary-darker: var(--aj-primary-darker);--aj-text-heading: var(--aj-gray-900);--aj-text-body: var(--aj-gray-900);--aj-text-secondary: var(--aj-gray-500);--aj-text-muted: var(--aj-gray-400);--aj-text-inverse: #ffffff;--aj-bg-white: #ffffff;--aj-bg-page: var(--aj-gray-50);--aj-bg-light: var(--aj-gray-50);--aj-bg-medium: var(--aj-gray-100);--aj-bg-primary-tint: rgba(var(--aj-primary-rgb),0.07);--aj-bg-header: #f8f9fa;--aj-bg-quiz: linear-gradient(160deg,#f5f8fc 0%,#edf2f7 100%);--aj-card-icon-filter: invert(27%) sepia(49%) saturate(600%) hue-rotate(180deg) brightness(85%);--aj-border-color: var(--aj-gray-300);--aj-border-light: var(--aj-gray-200);--aj-border-dark: #a0a0a0;--aj-font-sans: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--aj-font-mono: 'Courier New',Courier,monospace;--aj-text-xs: 11px;--aj-text-sm: 13px;--aj-text-base: 14px;--aj-text-md: 16px;--aj-text-lg: 18px;--aj-text-xl: 20px;--aj-text-2xl: 24px;--aj-text-3xl: 28px;--aj-text-4xl: 32px;--aj-text-5xl: 36px;--aj-text-6xl: 42px;--aj-text-7xl: 48px;--aj-text-8xl: 56px;--aj-leading-tight: 1.25;--aj-leading-normal: 1.5;--aj-leading-relaxed: 1.75;--aj-weight-normal: 400;--aj-weight-medium: 500;--aj-weight-semibold: 600;--aj-weight-bold: 700;--aj-header-text: #ffffff;--aj-header-text-dim: rgba(255,255,255,0.80);--aj-header-text-muted: rgba(255,255,255,0.55);--aj-header-surface: rgba(255,255,255,0.12);--aj-header-surface-hover: rgba(255,255,255,0.22);--aj-header-border: rgba(255,255,255,0.30);--aj-header-border-hover: rgba(255,255,255,0.55);--aj-header-shadow: 0 2px 16px rgba(0,0,0,0.20);--aj-logout-color: var(--aj-danger-darker);--aj-logout-hover-color: #b91c1c;--aj-logout-hover-bg: var(--aj-danger-bg);--aj-space-xs: 8px;--aj-space-sm: 12px;--aj-space-md: 16px;--aj-space-lg: 20px;--aj-space-xl: 24px;--aj-space-2xl: 30px;--aj-space-3xl: 40px;--aj-space-4xl: 48px;--aj-container-width: 1420px;--aj-radius-sm: 4px;--aj-radius-md: 6px;--aj-radius-lg: 8px;--aj-radius-xl: 12px;--aj-radius-full: 9999px;--aj-shadow-xs: 0 1px 2px rgba(0,0,0,0.05);--aj-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);--aj-shadow-md: 0 2px 8px rgba(0,0,0,0.08);--aj-shadow-lg: 0 4px 12px rgba(0,0,0,0.1);--aj-shadow-xl: 0 8px 24px rgba(0,0,0,0.15);--aj-shadow-primary: 0 4px 12px rgba(var(--aj-primary-rgb),0.3);--aj-shadow-primary-lg: 0 6px 16px rgba(var(--aj-primary-rgb),0.4);--aj-transition-fast: 150ms ease;--aj-transition-base: 200ms ease;--aj-transition-slow: 300ms ease;--aj-quiz-container-width: 1024px;--aj-quiz-container-min-height: 550px;--aj-gradient-start: linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}[data-theme="dark"]{--aj-bg-page: #1b2232;--aj-bg-white: #26304a;--aj-bg-light: #2d3a55;--aj-bg-medium: #35455f;--aj-bg-primary-tint: rgba(33,88,140,0.20);--aj-bg-header: #1b2232;--aj-bg-quiz: #26304a;--aj-card-icon-filter: invert(90%) brightness(110%);--aj-text-primary: #eef3f8;--aj-text-primary-darker: #8facc8;--aj-text-heading: #eef3f8;--aj-text-body: #d4e0ee;--aj-text-secondary: #8facc8;--aj-text-muted: #5f7a96;--aj-text-inverse: #1b2232;--aj-primary-text: #a0c8e8;--aj-logout-color: var(--aj-danger-text);--aj-logout-hover-color: #ffffff;--aj-logout-hover-bg: rgba(239,68,68,0.20);--aj-gray-50: #1b2232;--aj-gray-100: #26304a;--aj-gray-200: #2d3a55;--aj-gray-300: #35455f;--aj-gray-400: #5f7a96;--aj-gray-500: #8facc8;--aj-gray-600: #baced8;--aj-gray-700: #d4e0ee;--aj-gray-800: #eef3f8;--aj-gray-900: #f6f9fc;--aj-border-color: #35455f;--aj-border-light: #2d3a55;--aj-border-dark: #4a6282;--aj-success-bg: #1a3d2a;--aj-success-text: #86efac;--aj-warning-bg: #352508;--aj-warning-text: #fcd34d;--aj-danger-bg: #3a1c1c;--aj-danger-text: #fca5a5;--aj-info-bg: #162848;--aj-info-text: #93c5fd;--aj-shadow-xs: 0 1px 2px rgba(0,0,0,0.20);--aj-shadow-sm: 0 1px 4px rgba(0,0,0,0.28);--aj-shadow-md: 0 2px 8px rgba(0,0,0,0.35);--aj-shadow-lg: 0 4px 14px rgba(0,0,0,0.42);--aj-shadow-xl: 0 8px 24px rgba(0,0,0,0.50);--aj-shadow-primary: 0 4px 12px rgba(var(--aj-primary-rgb),0.45);--aj-shadow-primary-lg: 0 6px 16px rgba(var(--aj-primary-rgb),0.55);--aj-gradient-start: linear-gradient(135deg,#26304a 0%,#1b2232 100%)}.theme-transitioning,.theme-transitioning *,.theme-transitioning *::before,.theme-transitioning *::after{transition: background-color 200ms ease,color 200ms ease,border-color 200ms ease,box-shadow 200ms ease !important}@media print{[data-theme="dark"]{--aj-bg-page: #ffffff;--aj-bg-white: #ffffff;--aj-bg-light: #f9fafb;--aj-bg-medium: #f3f4f6;--aj-text-heading: #111827;--aj-text-body: #111827;--aj-text-secondary: #6b7280;--aj-text-muted: #9ca3af;--aj-border-color: #d1d5db}}*,*::before,*::after{box-sizing: border-box}html{padding: 0;overflow-x: hidden;overflow-y: scroll}body{margin: 0 !important;padding: 0 !important;font-family: var(--aj-font-sans);font-weight: 500;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;word-break: break-word;overflow-x: clip;line-height: 0;font-size: 16px;color: var(--aj-text-body);background-color: var(--aj-bg-page)}body > *{line-height: 1.5}p,input,button,select,optgroup,textarea{margin: 0;font-family: inherit;font-size: inherit;line-height: inherit}a,button,input,select,textarea,[role="button"]{-webkit-tap-highlight-color: transparent;touch-action: manipulation;user-select: none}a{color: var(--aj-primary-text);text-decoration: none;transition: color 0.15s ease-out}a:hover{color: var(--aj-text-secondary);text-decoration: none}h1,h2,h3,h4,h5,h6{color: var(--aj-text-heading);font-weight: 600;line-height: 1.2;margin-top: 0;margin-bottom: 0.5em}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color: inherit;text-decoration: none}img{border: 0;height: auto;max-width: 100%;vertical-align: middle}figure{margin: 0}button,input[type="submit"],input[type="button"],input[type="reset"]{text-transform: uppercase;letter-spacing: 0.5px;border-radius: var(--aj-radius-md,6px);cursor: pointer;transition: all var(--aj-transition-base,250ms ease)}button:active,a:active{transform: scale(0.97);transition: transform 0.2s ease-in-out}:focus:not(:focus-visible){outline: none !important}.quiz-card-overlay-link:focus,.quiz-card-image-link:focus{outline: none}#aj-progress-bar{position: fixed;top: 0;left: 0;height: 3px;width: 100%;background: rgba(255,255,255,0.9);z-index: 999999;pointer-events: none;transform-origin: left center;transform: scaleX(0);opacity: 0}#aj-progress-bar.aj-progress-loading{opacity: 1;animation: ajProgressFake 6s ease-out forwards}@keyframes ajProgressFake{0%{transform: scaleX(0)}5%{transform: scaleX(0.30)}100%{transform: scaleX(0.85)}}.main-container{width: 100%;max-width: var(--aj-container-width,1420px);margin: 0 auto;padding: var(--aj-space-3xl) var(--aj-space-xl) 0;box-sizing: border-box}.aj-btn-primary{display: inline-flex;align-items: center;gap: var(--aj-space-sm,0.5rem);padding: var(--aj-space-sm,0.5rem) var(--aj-space-lg,1.5rem);font-size: var(--aj-text-sm,0.875rem);font-weight: var(--aj-weight-semibold,600);color: white;text-transform: uppercase;background: var(--aj-primary);border: none;border-radius: var(--aj-radius-md);text-decoration: none;transition: all var(--aj-transition-fast,150ms ease);letter-spacing: 0.3px}.aj-btn-primary:hover{background: rgba(var(--aj-primary-rgb,59,130,246),0.9);box-shadow: 0 4px 8px rgba(var(--aj-primary-rgb,59,130,246),0.3)}.widget-title{font-size: var(--aj-text-lg,1.125rem);font-weight: var(--aj-weight-bold,700);color: var(--aj-text-heading,#1e293b);margin: 0 0 var(--aj-space-md,1rem) 0;padding-bottom: var(--aj-space-sm,0.5rem);border-bottom: 2px solid var(--aj-border-color);font-family: var(--aj-font-sans,system-ui,sans-serif);text-transform: uppercase;letter-spacing: 0.5px}.aj-standard-page{max-width: var(--aj-container-width,1420px);margin: 0 auto;padding: var(--aj-space-2xl) var(--aj-space-xl)}@media (max-width: 768px){.main-container{padding-top: var(--aj-space-xl)}}@media (max-width: 480px){.main-container{padding-top: var(--aj-space-md)}.aj-standard-page{padding-left: var(--aj-space-sm);padding-right: var(--aj-space-sm)}.widget-title{font-size: var(--aj-text-md)}}.admin-bar .aj-mobile-nav{top: 32px;height: calc(100dvh - 32px)}#page-wrapper{display: flex;flex-direction: column;min-height: 100dvh}#main{flex: 1}.aj-header{background: var(--aj-primary);position: sticky;top: 0;z-index: 900;padding-top: env(safe-area-inset-top,0px)}.admin-bar .aj-header{top: 32px;padding-top: 0}.aj-header-container{max-width: var(--aj-container-width,1420px);margin: 0 auto;padding: 0 var(--aj-space-lg);height: 64px;display: flex;align-items: center;gap: var(--aj-space-lg)}.aj-header-logo-link{align-items: center;text-decoration: none;flex-shrink: 0}.aj-header-logo{max-height: 36px;width: auto}.aj-header-site-name{white-space: nowrap;font-size: var(--aj-text-2xl);font-weight: var(--aj-weight-bold);color: var(--aj-header-text);letter-spacing: -0.1px;text-transform: uppercase}.aj-header-nav{flex: 1;display: flex;align-items: center}.aj-header-menu{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: 2px}.aj-header-menu li{margin: 0;padding: 0}.aj-header-menu a{display: block;color: var(--aj-header-text-dim);font-size: var(--aj-text-base);font-weight: var(--aj-weight-medium);text-decoration: none;padding: 8px 14px;border-radius: var(--aj-radius-md);transition: background var(--aj-transition-fast),color var(--aj-transition-fast);white-space: nowrap;text-transform: uppercase;letter-spacing: 0.5px}.aj-header-menu a:hover,.aj-header-menu .current-menu-item > a,.aj-header-menu .current-menu-ancestor > a{color: var(--aj-header-text);background: none;text-decoration: underline;text-underline-offset: 4px}.aj-header-actions{display: flex;align-items: center;gap: var(--aj-space-sm);margin-left: auto;flex-shrink: 0}.aj-header-register-btn{display: inline-flex;align-items: center;padding: 8px 16px;border-radius: var(--aj-radius-md);color: var(--aj-header-text-dim);font-size: var(--aj-text-base);font-weight: var(--aj-weight-medium);text-decoration: none;transition: color var(--aj-transition-fast);white-space: nowrap;text-transform: uppercase;letter-spacing: 0.5px}.aj-header-register-btn:hover{color: var(--aj-header-text);text-decoration: none}.aj-header-login-btn{display: inline-flex;align-items: center;gap: 7px;padding: 8px 18px;background: var(--aj-header-surface);border: 1px solid var(--aj-header-border);border-radius: var(--aj-radius-md);color: var(--aj-header-text);font-size: var(--aj-text-sm);font-weight: var(--aj-weight-medium);text-decoration: none;transition: background var(--aj-transition-fast),border-color var(--aj-transition-fast);white-space: nowrap;text-transform: uppercase;letter-spacing: 0.5px}.aj-header-login-btn:hover{background: var(--aj-header-surface-hover);border-color: var(--aj-header-border-hover);color: var(--aj-header-text);text-decoration: none}.aj-header-search-btn{display: inline-flex;align-items: center;justify-content: center;background: transparent !important;border: none !important;border-radius: 0;color: var(--aj-header-text-dim) !important;cursor: pointer;flex-shrink: 0;padding: 4px;line-height: 1;box-shadow: none !important;transition: color var(--aj-transition-fast)}.aj-header-search-btn:hover,.aj-header-search-btn:focus,.aj-header-search-btn:active{background: transparent !important;box-shadow: none !important;color: var(--aj-header-text) !important}.aj-header-cart-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;background: transparent;border: none;border-radius: 0;color: var(--aj-header-text-dim);cursor: pointer;flex-shrink: 0;padding: 4px;line-height: 1;text-decoration: none;transition: color var(--aj-transition-fast)}.aj-header-cart-btn:hover,.aj-header-cart-btn:focus{color: var(--aj-header-text)}.aj-header-cart-btn:has(.aj-cart-count.is-empty){display: none}.aj-cart-count{position: absolute;top: 0;right: 0;min-width: 15px;height: 15px;padding: 0 3px;border-radius: var(--aj-radius-full);background: var(--aj-success);color: #fff;font-size: 9px;font-weight: var(--aj-weight-bold);line-height: 15px;text-align: center;pointer-events: none;box-sizing: border-box;opacity: 0;transform: scale(0.5);transition: opacity var(--aj-transition-fast),transform var(--aj-transition-fast)}.aj-cart-count:not(.is-empty){opacity: 1;transform: scale(1)}.aj-header-profile{position: relative}.aj-header-profile::after{content: '';position: absolute;top: 100%;left: 0;right: 0;height: 12px}.aj-header-profile-trigger{display: inline-flex;align-items: center;gap: 6px;background: none;border: none;cursor: pointer;padding: 4px 0;border-radius: var(--aj-radius-md);transition: background var(--aj-transition-fast);color: var(--aj-header-text-dim)}.aj-header-profile-trigger:hover{background: var(--aj-header-surface)}.aj-header-avatar{width: 34px;height: 34px;border-radius: 50%;object-fit: cover;border: 2px solid var(--aj-header-border);display: block}.aj-header-chevron{transition: transform var(--aj-transition-fast)}.aj-header-profile:hover .aj-header-chevron,.aj-header-profile.is-open .aj-header-chevron{transform: rotate(180deg)}.aj-header-dropdown{position: absolute;top: calc(100% + 10px);right: 0;width: 240px;background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-lg);box-shadow: 0 8px 24px rgba(0,0,0,0.1);opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity var(--aj-transition-fast),visibility var(--aj-transition-fast),transform var(--aj-transition-fast);pointer-events: none;z-index: 910}.aj-header-dropdown::before{content: '';position: absolute;top: -6px;right: 18px;width: 12px;height: 12px;background: var(--aj-bg-white);border-left: 1px solid var(--aj-border-color);border-top: 1px solid var(--aj-border-color);transform: rotate(45deg)}.aj-header-profile:hover .aj-header-dropdown,.aj-header-profile.is-open .aj-header-dropdown{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto}.aj-header-dropdown-user{display: flex;align-items: center;gap: 10px;padding: 14px 16px;border-bottom: 1px solid var(--aj-border-color);background: var(--aj-bg-light);border-radius: var(--aj-radius-lg) var(--aj-radius-lg) 0 0}.aj-dropdown-avatar{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;flex-shrink: 0}.aj-dropdown-name{display: block;color: var(--aj-text-heading);font-size: var(--aj-text-sm);font-weight: var(--aj-weight-semibold);line-height: 1.3;text-transform: uppercase;letter-spacing: 0.5px}.aj-dropdown-email{display: block;color: var(--aj-text-muted,#6b7280);font-size: var(--aj-text-xs);line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 160px;text-transform: uppercase;letter-spacing: 0.5px}.aj-header-dropdown-links{list-style: none;margin: 0;padding: 6px 0}.aj-header-dropdown-links li{margin: 0;padding: 0}.aj-header-dropdown-links a{display: flex;align-items: center;text-transform: uppercase;gap: 10px;padding: 9px 16px;color: var(--aj-text-secondary,#374151);font-size: var(--aj-text-sm);text-decoration: none;transition: background var(--aj-transition-fast),color var(--aj-transition-fast)}.aj-header-dropdown-links a:hover{background: var(--aj-bg-light);color: var(--aj-text-primary);text-decoration: none}.aj-header-dropdown-divider{height: 1px;background: var(--aj-border-color);margin: 2px 0}.aj-dropdown-logout{color: var(--aj-logout-color) !important}.aj-dropdown-logout:hover{color: var(--aj-logout-hover-color) !important;background: var(--aj-logout-hover-bg) !important}.aj-search-overlay{position: fixed;inset: 0;z-index: 950;display: flex;align-items: flex-start;justify-content: center;padding-top: 80px;background: rgba(0,0,0,0.6);opacity: 0;visibility: hidden;transition: opacity var(--aj-transition-base),visibility var(--aj-transition-base)}.aj-search-overlay.is-open{opacity: 1;visibility: visible}.aj-search-overlay-inner{width: 100%;max-width: 660px;margin: 0 var(--aj-space-lg);transform: translateY(-12px);transition: transform var(--aj-transition-base)}.aj-search-overlay.is-open .aj-search-overlay-inner{transform: translateY(0)}.aj-search-form{display: flex;align-items: center;background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-md);overflow: hidden;box-shadow: var(--aj-shadow-md)}.aj-search-input{flex: 1;border: none !important;outline: none !important;background: none !important;padding: 16px 20px;font-size: var(--aj-text-md);color: var(--aj-text-body,#1a1a2e);font-family: inherit}.aj-search-input::placeholder{color: var(--aj-text-muted,#6b7280)}.aj-search-submit{display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;height: 56px;background: var(--aj-primary);border: none;color: var(--aj-header-text);cursor: pointer;flex-shrink: 0;transition: opacity var(--aj-transition-fast)}.aj-search-submit:hover{opacity: 0.88}.aj-search-hint{margin-top: 10px;text-align: center;font-size: var(--aj-text-xs);color: var(--aj-header-text-muted);letter-spacing: 0.5px;text-transform: uppercase}.aj-header-search-btn.is-active{color: var(--aj-header-text) !important}.aj-header-inline-search{display: none}.aj-header-inline-search-input{flex: 1;min-width: 0;border: none !important;outline: none !important;background: transparent;padding: 0 10px 0 14px;font-size: var(--aj-text-sm);color: var(--aj-header-text);font-family: var(--aj-font-sans);height: 100%}.aj-header-inline-search-input::placeholder{color: var(--aj-header-text-dim)}.aj-header-inline-search-submit{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: transparent !important;border: none !important;color: var(--aj-header-text-dim) !important;cursor: pointer;flex-shrink: 0;padding: 0;box-shadow: none !important;transition: color var(--aj-transition-fast)}.aj-header-inline-search-submit:hover{color: var(--aj-header-text) !important;background: transparent !important}.aj-header-burger{display: none;flex-direction: row;align-items: center;justify-content: space-between;background: none !important;border: none !important;border-radius: var(--aj-radius-md);color: var(--aj-header-text) !important;cursor: pointer;flex-shrink: 0;padding: 0;transition: background var(--aj-transition-fast);-webkit-tap-highlight-color: transparent;outline: none}.aj-header-burger:focus-visible{outline: 2px solid var(--aj-primary);outline-offset: 2px}.aj-header-burger:hover{background: var(--aj-header-surface)}.aj-mobile-nav{position: fixed;top: 0;left: 0;width: min(360px,88vw);height: 100dvh;background: var(--aj-bg-white);border-right: 1px solid var(--aj-border-color);box-shadow: 4px 0 24px rgba(0,0,0,0.1);z-index: 1001;display: flex;flex-direction: column;transform: translateX(-110%);transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow: hidden}.aj-mobile-nav.is-open{transform: translateX(0)}.aj-mobile-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.55);z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease}.aj-mobile-overlay.is-open{opacity: 1;visibility: visible}body.mobile-nav-open{overflow: hidden}.aj-mobile-nav-header{display: flex;align-items: center;justify-content: space-between;padding: calc(14px + env(safe-area-inset-top,0px)) 16px 14px;background: var(--aj-bg-light);border-bottom: 1px solid var(--aj-border-color);flex-shrink: 0}.admin-bar .aj-mobile-nav-header{padding-top: 14px}.aj-mobile-logo-link{text-decoration: none;-webkit-tap-highlight-color: transparent;outline: none}.aj-mobile-logo{max-height: 30px;width: auto}.aj-mobile-site-name{font-size: var(--aj-text-lg);font-weight: var(--aj-weight-bold);color: var(--aj-text-primary) !important;text-transform: uppercase;letter-spacing: 0.5px}.aj-mobile-nav-close{display: flex !important;align-items: center;justify-content: center;width: 36px !important;height: 36px !important;min-width: 36px;background: none !important;border: none !important;border-radius: var(--aj-radius-md);color: var(--aj-text-secondary,#374151) !important;opacity: 1 !important;visibility: visible !important;cursor: pointer;transition: background var(--aj-transition-fast),color var(--aj-transition-fast);flex-shrink: 0;padding: 0 !important;-webkit-tap-highlight-color: transparent;outline: none}.aj-mobile-nav-close:focus-visible{outline: 2px solid var(--aj-primary);outline-offset: 2px}.aj-mobile-nav-close:hover{background: var(--aj-bg-light);color: var(--aj-primary-text)}.aj-mobile-nav-body{flex: 1;min-height: 0;overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;padding: 6px 0}.aj-mobile-explore-links{list-style: none;margin: 0;padding: 0}.aj-mobile-explore-links a{display: flex;align-items: center;gap: 10px;color: var(--aj-text-secondary,#374151);font-size: var(--aj-text-sm);font-weight: var(--aj-weight-semibold);text-decoration: none;text-transform: uppercase;letter-spacing: 0.5px;padding: 10px 16px;transition: background var(--aj-transition-fast),color var(--aj-transition-fast)}.aj-mobile-explore-links a:hover{background: var(--aj-bg-light);color: var(--aj-primary-text)}.aj-mobile-explore-links .aj-mobile-browse-icon img{filter: none;width: 22px;height: 22px}.aj-mobile-drawer-branding{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 24px 20px 20px;border-top: 1px solid var(--aj-border-color);gap: 8px}.aj-drawer-logo-link{display: block;border-radius: 50%;overflow: hidden;width: 64px;height: 64px;border: 2px solid var(--aj-border-color);margin-bottom: 4px;transition: border-color var(--aj-transition-fast),box-shadow var(--aj-transition-fast)}.aj-drawer-logo-link:hover{border-color: var(--aj-primary);box-shadow: 0 0 0 3px rgba(var(--aj-primary-rgb),0.12)}.aj-drawer-logo-img{width: 64px !important;height: 64px !important;object-fit: cover;display: block}.aj-drawer-tagline{margin: 0;font-size: 11px;font-weight: var(--aj-weight-semibold);color: var(--aj-text-secondary);text-transform: uppercase;letter-spacing: 0.5px}.aj-drawer-description{margin: 0;font-size: 11px;color: var(--aj-text-muted);line-height: 1.5}.aj-mobile-nav-footer{display: none;padding: 16px;border-top: 1px solid var(--aj-border-color);background: var(--aj-bg-light);flex-shrink: 0}.aj-mobile-login-btn{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 16px;background: var(--aj-primary);border: 1px solid var(--aj-primary);border-radius: var(--aj-radius-md);color: var(--aj-header-text);font-size: var(--aj-text-sm);font-weight: var(--aj-weight-medium);text-decoration: none;text-transform: uppercase;letter-spacing: 0.5px;transition: opacity var(--aj-transition-fast)}.aj-mobile-login-btn:hover{opacity: 0.88;color: var(--aj-header-text);text-decoration: none}.aj-mobile-register-btn{display: flex;align-items: center;justify-content: center;gap: 8px;text-align: center;padding: 10px 16px;background: none;border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-md);color: var(--aj-text-secondary,#374151);font-size: var(--aj-text-sm);font-weight: var(--aj-weight-medium);text-decoration: none;text-transform: uppercase;letter-spacing: 0.5px;transition: background var(--aj-transition-fast),color var(--aj-transition-fast)}.aj-mobile-register-btn:hover{background: var(--aj-bg-light);color: var(--aj-primary-text);text-decoration: none}.aj-mobile-nav-section{padding: var(--aj-space-lg) 0;border-top: 1px solid var(--aj-border-color)}.aj-mobile-nav-section--first{border-top: none;padding-top: 8px}.aj-mobile-section-heading{font-size: var(--aj-text-sm);font-weight: var(--aj-weight-bold,700);text-transform: uppercase;letter-spacing: 1px;color: var(--aj-text-muted);margin: 0 0 10px;padding: 0 var(--aj-space-md)}.aj-mobile-section-cards{display: grid;grid-template-columns: 1fr 1fr;gap: var(--aj-space-md);padding: 0 var(--aj-space-lg)}.aj-mobile-browse-card{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 10px;padding: var(--aj-space-sm);background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-md,8px);text-decoration: none;transition: background var(--aj-transition-fast),border-color var(--aj-transition-fast)}.aj-mobile-browse-card:hover{background: var(--aj-bg-light);border-color: var(--aj-primary);text-decoration: none}.aj-mobile-browse-icon{flex-shrink: 0;width: 36px;height: 36px;background: rgba(var(--aj-primary-rgb),0.08);border-radius: 8px;display: flex;align-items: center;justify-content: center;transition: background var(--aj-transition-fast)}.aj-mobile-browse-icon img{width: 20px;height: 20px}.aj-mobile-browse-card[data-type] .aj-mobile-browse-icon img{filter: none;width: 24px;height: 24px}.aj-mobile-browse-card:hover .aj-mobile-browse-icon{background: rgba(var(--aj-primary-rgb),0.15)}.aj-mobile-browse-info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.aj-mobile-browse-title{font-size: 11px;font-weight: var(--aj-weight-semibold,600);color: var(--aj-text-heading);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;letter-spacing: 0.3px;transition: color var(--aj-transition-fast)}.aj-mobile-browse-card:hover .aj-mobile-browse-title{color: var(--aj-primary-text)}.aj-mobile-browse-count{font-size: 11px;color: var(--aj-text-muted);font-weight: var(--aj-weight-medium,500)}.aj-mobile-topics-list{display: flex;flex-wrap: wrap;gap: var(--aj-space-sm);padding: 0 16px}.aj-mobile-topic-tag{display: inline-flex;align-items: center;gap: 5px;padding: 4px 10px;background: var(--aj-bg-light);border: 1px solid var(--aj-border-color);border-radius: 999px;text-decoration: none;transition: background var(--aj-transition-fast),border-color var(--aj-transition-fast)}.aj-mobile-topic-tag:hover{background: var(--aj-bg-white);border-color: var(--aj-primary);text-decoration: none}.aj-mobile-topic-tag .tag-name{font-size: 11px;font-weight: var(--aj-weight-semibold,600);color: var(--aj-text-secondary);letter-spacing: 0.3px;transition: color var(--aj-transition-fast)}.aj-mobile-topic-tag .tag-count{font-size: 10px;font-weight: var(--aj-weight-medium,500);color: var(--aj-text-muted);transition: color var(--aj-transition-fast)}.aj-mobile-topic-tag:hover .tag-name,.aj-mobile-topic-tag:hover .tag-count{color: var(--aj-primary-text)}@media (max-width: 900px){.aj-header-nav{display: none}.aj-header-burger{display: flex}.aj-header-container{height: 65px;gap: var(--aj-space-md);padding: var(--aj-space-xs) var(--aj-space-sm)}.aj-header-brand{flex: 1;display: flex;justify-content: center}.aj-header-actions{margin-left: 0}.aj-header-login-btn{margin: 0}.aj-header-login-btn span{display: none}.aj-header-register-btn{display: none}}@media screen and (max-width: 782px){.admin-bar .aj-mobile-nav{top: 46px;height: calc(100dvh - 46px)}.admin-bar .aj-mobile-nav{top: 46px;height: calc(100dvh - 46px)}.admin-bar .aj-header{top: 46px}}@media (max-width: 600px){.aj-search-overlay{padding-top: 60px}.aj-search-input{padding: 14px 16px}.aj-header-site-name{display: none}.hp-hero-subtitle{display: none}.aj-header-brand{display: none}.aj-header-search-btn{display: none}.aj-header-inline-search{display: flex;flex: 1;align-items: center;height: 36px;background: rgba(255,255,255,0.12);border: 1px solid rgba(255,255,255,0.22);border-radius: var(--aj-radius-md);overflow: hidden}.aj-mobile-nav-footer{display: flex;flex-direction: column;gap: 8px}.aj-header-inline-search-input{font-size: 16px}.aj-header-login-btn span{display: none}}@media (max-width: 480px){.aj-header-register-btn{display: none}.aj-header-actions{gap: 0}}@media (max-width: 390px){.aj-mobile-section-cards{grid-template-columns: 1fr}}.aj-login-modal-overlay{position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.55);padding: 20px;opacity: 0;visibility: hidden;transition: opacity var(--aj-transition-slow),visibility var(--aj-transition-slow)}.aj-login-modal-overlay.is-open{opacity: 1;visibility: visible}.aj-login-modal{max-width: 480px;width: 100%;position: relative;transform: translateY(12px) scale(0.97);transition: transform var(--aj-transition-slow)}.aj-login-modal-overlay.is-open .aj-login-modal{transform: translateY(0) scale(1)}.aj-login-modal-close{position: absolute;top: 12px;right: 12px;z-index: 1;background: none;border: none;color: var(--aj-text-muted);cursor: pointer;padding: 6px;border-radius: var(--aj-radius-md);display: flex;align-items: center;justify-content: center;line-height: 0;transition: color var(--aj-transition-fast),background var(--aj-transition-fast)}.aj-login-modal-close:hover{color: var(--aj-text-body);background: var(--aj-bg-light)}@media (max-width: 640px){.aj-login-modal-overlay{padding: 12px;align-items: flex-end}}@media (display-mode: standalone){.aj-login-modal-overlay{padding: max(20px,env(safe-area-inset-top,20px)) max(16px,env(safe-area-inset-right,16px)) max(20px,env(safe-area-inset-bottom,20px)) max(16px,env(safe-area-inset-left,16px));align-items: center}}.aj-header-notifications{position: relative}.aj-header-notifications::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 100%;min-width: 120px;height: 12px}.aj-notif-bell-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;background: transparent !important;border: none !important;border-radius: 0;color: var(--aj-header-text-dim) !important;cursor: pointer;flex-shrink: 0;padding: 4px;line-height: 1;box-shadow: none !important;transition: color var(--aj-transition-fast)}.aj-notif-bell-btn:hover,.aj-notif-bell-btn:focus,.aj-notif-bell-btn:active,.aj-notif-bell-btn.is-active{background: transparent !important;box-shadow: none !important;color: var(--aj-header-text) !important}.aj-notif-badge{position: absolute;top: -1px;right: -4px;min-width: 17px;height: 17px;background: var(--aj-danger);color: #fff;font-size: 10px;font-weight: var(--aj-weight-bold);font-family: var(--aj-font-sans);line-height: 17px;text-align: center;border-radius: 999px;padding: 0 4px;pointer-events: none}.aj-notif-panel{position: absolute;top: calc(100% + 10px);right: -8px;width: 320px;background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-lg);box-shadow: 0 8px 24px rgba(0,0,0,0.1);z-index: 910;overflow: hidden;opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity var(--aj-transition-fast),visibility var(--aj-transition-fast),transform var(--aj-transition-fast);pointer-events: none}.aj-header-notifications:hover .aj-notif-panel,.aj-header-notifications.is-open .aj-notif-panel{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto}.aj-notif-panel::before{content: '';position: absolute;top: -6px;right: 16px;width: 12px;height: 12px;background: var(--aj-bg-light);border-left: 1px solid var(--aj-border-color);border-top: 1px solid var(--aj-border-color);transform: rotate(45deg);z-index: 1}.aj-notif-panel-header{display: flex;align-items: center;justify-content: space-between;padding: 11px 16px;background: var(--aj-bg-light);border-bottom: 1px solid var(--aj-border-color);position: relative;z-index: 2}.aj-notif-panel-title{font-size: var(--aj-text-xs);font-weight: var(--aj-weight-bold);text-transform: uppercase;letter-spacing: 0.5px;color: var(--aj-text-heading)}.aj-notif-mark-all{background: none !important;border: none !important;box-shadow: none !important;padding: 0 !important;font-size: var(--aj-text-xs);font-weight: var(--aj-weight-medium);color: var(--aj-primary) !important;cursor: pointer;text-transform: uppercase;letter-spacing: 0.5px;transition: opacity var(--aj-transition-fast)}.aj-notif-mark-all:hover{background: none !important;color: var(--aj-primary) !important;opacity: 0.7}.aj-notif-list{max-height: 320px;overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch}.aj-notif-empty,.aj-notif-loading{padding: 28px 16px;text-align: center;font-size: var(--aj-text-xs);color: var(--aj-text-muted);text-transform: uppercase;letter-spacing: 0.5px}.aj-notif-item{display: flex;align-items: flex-start;gap: 10px;padding: 12px 16px;border-bottom: 1px solid var(--aj-border-light);cursor: pointer;transition: background var(--aj-transition-fast);background: var(--aj-bg-white);outline: none}.aj-notif-item:last-child{border-bottom: none}.aj-notif-item:hover{background: var(--aj-bg-light)}.aj-notif-item:focus-visible{box-shadow: inset 0 0 0 2px var(--aj-primary)}.aj-notif-item.is-unread{background: rgba(var(--aj-primary-rgb),0.04)}.aj-notif-item.is-unread:hover{background: rgba(var(--aj-primary-rgb),0.08)}.aj-notif-dot{flex-shrink: 0;width: 8px;height: 8px;margin-top: 5px;border-radius: 50%;background: var(--aj-primary)}.aj-notif-item.is-read .aj-notif-dot{visibility: hidden}.aj-notif-content{flex: 1;min-width: 0}.aj-notif-title{display: block;font-size: var(--aj-text-sm);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading);line-height: 1.3;margin-bottom: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.aj-notif-msg{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: var(--aj-text-xs);color: var(--aj-text-secondary);line-height: 1.4;margin-bottom: 5px}.aj-notif-time{display: block;font-size: 10px;color: var(--aj-text-muted);text-transform: uppercase;letter-spacing: 0.3px}@media (max-width: 480px){.aj-notif-panel{right: -12px;width: calc(100vw - 24px);max-width: 320px}}.quiz-cards-container,.quiz-cards-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--aj-space-sm)}.quiz-card-item{background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-lg);overflow: hidden;transition: transform var(--aj-transition-base),box-shadow var(--aj-transition-base),border-color var(--aj-transition-base);position: relative;display: flex;flex-direction: row;align-items: center;padding: var(--aj-space-sm);gap: var(--aj-space-md);touch-action: manipulation;cursor: pointer}.quiz-card-item:hover{box-shadow: var(--aj-shadow-md);border-color: var(--aj-primary)}.quiz-card-image-wrap{position: relative;flex-shrink: 0;align-self: stretch;width: 100px;min-height: 110px;border-radius: var(--aj-radius-md);overflow: hidden}.quiz-card-image-link{display: flex;align-items: center;text-decoration: none;width: 100%;height: 100%;z-index: 1;position: relative}.quiz-card-image img{display: block;width: 100px;height: 100px;object-fit: cover;transition: transform 0.4s ease;border-radius: var(--aj-radius-md)}@media (hover: hover) and (pointer: fine){.quiz-card-item:hover .quiz-card-image img{transform: scale(1.04)}}.quiz-placeholder-image{width: 100%;height: 100%;background: linear-gradient(150deg,rgba(var(--aj-primary-rgb),0.08) 0%,rgba(var(--aj-primary-rgb),0.04) 100%)}.quiz-card-actions{position: absolute;top: 8px;right: 0;display: flex;flex-direction: column;gap: 3px;padding: 0 5px;z-index: 2}.qc-action-btn{position: relative;display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;background: transparent;border: none;border-radius: var(--aj-radius-md);color: var(--aj-gray-500);cursor: pointer;transition: background var(--aj-transition-fast),color var(--aj-transition-fast);touch-action: manipulation;flex-shrink: 0;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.qc-action-btn:hover{background: var(--aj-gray-200);color: var(--aj-gray-500)}.qc-action-btn.aj-tray-bookmark .aj-bookmark-filled{display: none}.qc-action-btn.aj-tray-bookmark .aj-bookmark-outline{display: block}.qc-action-btn.aj-tray-bookmark.is-bookmarked{color: var(--aj-primary-text)}.qc-action-btn.aj-tray-bookmark.is-bookmarked:hover{background: var(--aj-gray-200);color: var(--aj-primary-text)}.qc-action-btn.aj-tray-bookmark.is-bookmarked .aj-bookmark-outline{display: none}.qc-action-btn.aj-tray-bookmark.is-bookmarked .aj-bookmark-filled{display: block}.quiz-card-chips{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.quiz-card-overlay-link{position: absolute;inset: 0;z-index: 0}.quiz-card-chip{display: inline-flex;align-items: center;gap: 4px;padding: 3px 9px;border-radius: var(--aj-radius-full);font-size: var(--aj-text-xs);font-weight: var(--aj-weight-medium);white-space: nowrap;line-height: 1.5;transition: all var(--aj-transition-fast);position: relative;z-index: 1}.chip-category{background: var(--aj-bg-light);color: var(--aj-primary-text);border: 1px solid rgba(var(--aj-primary-rgb),0.18)}.chip-type{background: var(--aj-bg-light);color: var(--aj-text-secondary);border: 1px solid var(--aj-border-color)}.chip-type img{width: 13px;height: 13px;flex-shrink: 0;opacity: 0.75}.quiz-card-chip:hover{background: var(--aj-bg-white);color: var(--aj-text-muted)}.quiz-card-meta{display: flex;gap: 4px;align-items: center;flex-wrap: wrap}.quiz-tag-pill{font-size: var(--aj-text-xs);color: var(--aj-text-secondary);transition: color var(--aj-transition-fast);line-height: 1;text-decoration: none;cursor: pointer}.quiz-tag-pill:hover{color: var(--aj-primary-text)}.quiz-card-body{display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap: var(--aj-space-sm);flex: 1;min-width: 0;padding: var(--aj-space-sm) 0}.quiz-card-body-main{display: flex;flex-direction: column;gap: var(--aj-space-md);flex: 1;min-width: 0;padding-right: var(--aj-space-lg)}.quiz-card-title-link{text-decoration: none;color: inherit;position: relative;z-index: 1}.quiz-card-title{font-size: var(--aj-text-md);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading);margin: 0;line-height: var(--aj-leading-tight);font-family: var(--aj-font-sans);transition: color var(--aj-transition-fast);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.quiz-card-title-link:hover .quiz-card-title,.quiz-card-item:hover .quiz-card-title{color: var(--aj-primary-text)}.quiz-card-description{font-size: var(--aj-text-sm);color: var(--aj-text-secondary);line-height: 1.45;margin-top: 2px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.quiz-card-stats{display: flex;align-items: center;gap: var(--aj-space-sm)}.card-stat-item{display: flex;align-items: center;gap: 6px;padding: 6px 12px;background: rgba(var(--aj-primary-rgb),0.08);border-radius: var(--aj-radius-full);font-size: var(--aj-text-sm);color: var(--aj-text-heading);transition: all var(--aj-transition-fast);white-space: nowrap;flex-shrink: 0}.card-stat-value{font-weight: var(--aj-weight-semibold);color: var(--aj-text-secondary)}.card-stat-label{font-size: var(--aj-text-xs,0.75rem);color: var(--aj-text-muted,#94a3b8);font-weight: var(--aj-weight-medium,500)}.quiz-card-item:hover .card-stat-item{background: rgba(var(--aj-primary-rgb),0.12)}.card-stat-item .stat-icon{flex-shrink: 0;opacity: 0.8;transition: opacity var(--aj-transition-fast)}.quiz-card-item:hover .card-stat-item .stat-icon{opacity: 1}.card-stat-item .stat-value{font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading);font-size: var(--aj-text-sm)}.card-stat-item.stat-rating .stat-icon{color: #FFA500;fill: currentColor}.card-stat-item.stat-rating.stat-no-rating .stat-icon{fill: none;color: var(--aj-text-muted);opacity: 0.5}.widget .quiz-cards-container,aside .quiz-cards-container,.sidebar .quiz-cards-container,.widget .quiz-cards-grid,aside .quiz-cards-grid,.sidebar .quiz-cards-grid{grid-template-columns: 1fr !important}.quiz-card-item.is-loading{pointer-events: none;animation: card-pulse 1.5s ease-in-out infinite}@keyframes card-pulse{0%,100%{opacity: 1}50%{opacity: 0.6}}.quiz-card-item.is-featured{border: 2px solid var(--aj-primary);background: linear-gradient(to bottom,rgba(var(--aj-primary-rgb),0.02),var(--aj-bg-white))}.quiz-card-item.is-featured::before{content: "⭐ Featured";position: absolute;top: 12px;left: 12px;background: var(--aj-primary);color: white;padding: 6px 12px;border-radius: var(--aj-radius-sm);font-size: var(--aj-text-xs);font-weight: var(--aj-weight-bold);z-index: 2;box-shadow: 0 2px 8px rgba(var(--aj-primary-rgb),0.3)}.quiz-card-title-link:focus-visible,.quiz-category-pill:focus-visible,.quiz-tag-pill:focus-visible{outline: 2px solid var(--aj-primary);outline-offset: 2px}@media print{.quiz-card-item{break-inside: avoid;page-break-inside: avoid}.quiz-card-item:hover{transform: none;box-shadow: none}.card-stat-item{background: transparent;border: 1px solid #ccc}}@media (max-width: 968px){.quiz-cards-container,.quiz-cards-grid{grid-template-columns: 1fr}}@media (max-width: 480px){.quiz-card-item{align-items: flex-start;padding: var(--aj-space-xs);gap: var(--aj-space-xs)}.quiz-card-body-main{gap: var(--aj-space-xs)}.quiz-card-title{font-size: var(--aj-text-sm)}.card-stat-item{font-size: 11px;padding: 4px 10px}.card-stat-label{display: none}}.qc-rating{background: var(--aj-bg-light);color: var(--aj-primary-text);border: 1px solid rgba(var(--aj-primary-rgb),0.18);padding: 3px 9px;border-radius: var(--aj-radius-full);font-size: var(--aj-text-xs);font-weight: var(--aj-weight-medium);white-space: nowrap;line-height: 1.5;transition: all var(--aj-transition-fast);position: relative;z-index: 1}.qc-rating-star{color: var(--aj-warning);font-size: 12px;line-height: 1}.qc-rating-avg{font-size: var(--aj-text-xs);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading)}.qc-rating-count{font-size: var(--aj-text-xs);color: var(--aj-text-muted)}.quiz-list-item{border-bottom: 1px solid var(--aj-border-color);transition: background-color var(--aj-transition-fast);padding: var(--aj-space-sm);position: relative;overflow: hidden;touch-action: manipulation;cursor: pointer}.quiz-list-item:last-child{border-bottom: none}.quiz-list-item:hover{background-color: rgba(var(--aj-primary-rgb),0.03)}.quiz-list-inner{display: grid;grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "thumbnail content stats";gap: var(--aj-space-md,1rem);padding: var(--aj-space-sm) 0;border-radius: var(--aj-radius-sm,4px);transition: transform var(--aj-transition-fast,150ms ease)}@media (hover: hover) and (pointer: fine){.quiz-list-item:hover .quiz-list-inner{transform: translateX(2px)}}.quiz-item-thumbnail{grid-area: thumbnail;width: 80px;height: 80px;flex-shrink: 0;border-radius: var(--aj-radius-md,8px);overflow: hidden;transition: all var(--aj-transition-fast,150ms ease);align-self: top}.quiz-list-item:hover .quiz-item-thumbnail{border-color: var(--aj-border-color)}.quiz-thumb-image{width: 100%;height: 100%;object-fit: cover;transition: transform var(--aj-transition-base,250ms ease)}.quiz-list-item:hover .quiz-thumb-image{transform: scale(1.05)}.quiz-thumb-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--aj-bg-light,#f8fafc) 0%,var(--aj-bg-medium,#f1f5f9) 100%)}.placeholder-icon{font-size: 2rem;opacity: 0.5}.quiz-item-actions{position: absolute;top: 8px;right: 0;display: flex;flex-direction: column;gap: 3px;padding: 0 5px;z-index: 2}.qi-action-btn{position: relative;display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;background: transparent;border: none;border-radius: var(--aj-radius-md);color: var(--aj-gray-500);cursor: pointer;transition: background var(--aj-transition-fast),color var(--aj-transition-fast);touch-action: manipulation;flex-shrink: 0;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.qi-action-btn:hover{background: var(--aj-gray-200);color: var(--aj-gray-500)}.qi-action-btn.aj-tray-bookmark .aj-bookmark-filled{display: none}.qi-action-btn.aj-tray-bookmark .aj-bookmark-outline{display: block}.qi-action-btn.aj-tray-bookmark.is-bookmarked{color: var(--aj-primary-text)}.qi-action-btn.aj-tray-bookmark.is-bookmarked:hover{background: var(--aj-gray-200);color: var(--aj-primary-text)}.qi-action-btn.aj-tray-bookmark.is-bookmarked .aj-bookmark-outline{display: none}.qi-action-btn.aj-tray-bookmark.is-bookmarked .aj-bookmark-filled{display: block}.quiz-item-content{grid-area: content;min-width: 0;display: flex;flex-direction: column;gap: var(--aj-space-xs)}.quiz-item-title{font-size: var(--aj-text-md);font-weight: var(--aj-weight-medium);margin: 0;line-height: var(--aj-leading-tight);font-family: var(--aj-font-sans,system-ui,sans-serif);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}.quiz-item-title-link{color: var(--aj-text-heading);text-decoration: none;transition: color var(--aj-transition-fast,150ms ease)}.quiz-item-title-link::after{content: '';position: absolute;inset: 0;z-index: 1}.quiz-list-item:hover .quiz-item-title-link{color: var(--aj-text-primary-darker)}.quiz-item-title-link:focus-visible{outline: 2px solid var(--aj-text-primary);outline-offset: 2px;border-radius: var(--aj-radius-sm,4px)}.quiz-item-meta{display: flex;align-items: center;flex-wrap: wrap;gap: var(--aj-space-xs,0.25rem);font-size: var(--aj-text-xs,0.75rem);line-height: 1.4;min-width: 0;overflow-wrap: anywhere;word-break: break-word}.quiz-meta-category{font-weight: var(--aj-weight-semibold,600);color: var(--aj-text-secondary);letter-spacing: 0.025em;text-decoration: none;position: relative;z-index: 2;display: flex;gap: 6px;align-items: center}.quiz-meta-type-badge{display: inline-flex;align-items: center;padding: 2px 8px;background: rgba(var(--aj-primary-rgb),0.08);color: var(--aj-primary-text);border-radius: var(--aj-space-sm);font-size: 10px;font-weight: var(--aj-weight-semibold);letter-spacing: 0.4px;text-decoration: none;transition: background var(--aj-transition-fast);max-width: 100%;overflow-wrap: anywhere;word-break: break-word;position: relative;z-index: 2;gap: 6px}.quiz-meta-category:hover,.quiz-meta-type-badge:hover{color: var(--aj-text-primary-darker);text-decoration: underline;text-underline-offset: 4px}@media (hover: hover) and (pointer: fine){.quiz-meta-category:hover,.quiz-meta-type-badge:hover{text-decoration: underline}}.quiz-meta-icon{display: none}.sp-related-list .quiz-meta-icon,.aj-related-list .quiz-meta-icon{display: inline-block}.quiz-item-description{font-size: var(--aj-text-sm);color: var(--aj-text-secondary);line-height: 1.5;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.quiz-item-stats{grid-area: stats;display: flex;align-items: center;gap: var(--aj-space-lg,1.5rem);flex-shrink: 0;min-width: 0}.quiz-stat{display: flex;align-items: center;gap: var(--aj-space-xs,0.25rem);font-size: var(--aj-text-sm,0.875rem);background: rgba(var(--aj-primary-rgb,59,130,246),0.08);padding: var(--aj-space-sm,0.5rem) var(--aj-space-md,1rem);border-radius: var(--aj-radius-md,8px);white-space: nowrap;transition: all var(--aj-transition-fast,150ms ease);max-width: 100%}.quiz-stat-icon{flex-shrink: 0;opacity: 0.7;transition: all var(--aj-transition-fast,150ms ease)}.quiz-list-item:hover .quiz-stat-icon{opacity: 1;transform: scale(1.1)}.quiz-stat-value{font-weight: var(--aj-weight-semibold,600);color: var(--aj-text-secondary,#475569)}.quiz-stat-label{font-size: var(--aj-text-xs,0.75rem);color: var(--aj-text-muted,#94a3b8);font-weight: var(--aj-weight-medium,500)}.quiz-stat-count{font-size: var(--aj-text-xs,0.75rem);color: var(--aj-text-muted,#94a3b8)}.quiz-stat-rating .quiz-stat-icon{color: #fbbf24;fill: currentColor}.quiz-stat-no-rating .quiz-stat-icon{fill: none;color: var(--aj-text-muted,#94a3b8)}.quiz-list-container .quiz-item-thumbnail{width: 80px;height: 80px}.quiz-list-container .quiz-item-title{font-size: var(--aj-text-lg)}.quiz-archive-main .quiz-item-thumbnail{width: 90px;height: 90px}.quiz-archive-main .quiz-item-title{font-size: var(--aj-text-lg)}.quiz-archive-main .quiz-item-stats{gap: var(--aj-space-xl)}@media (min-width: 1080px){.col-sidebar .quiz-list-inner{grid-template-areas: "thumbnail content stats" !important}}@media (min-width: 901px) and (max-width: 1080px){.col-sidebar .quiz-list-inner{grid-template-areas: "thumbnail content" "thumbnail stats" !important}}@media (max-width: 900px){.col-sidebar .quiz-list-inner{grid-template-areas: "thumbnail content stats" !important}}@media (max-width: 768px){.quiz-list-inner{grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "thumbnail content stats";gap: var(--aj-space-sm) var(--aj-space-md)}.quiz-item-thumbnail{width: 70px;height: 70px}.quiz-item-title,.quiz-list-container .quiz-item-title{font-size: var(--aj-text-md)}.quiz-item-stats{gap: var(--aj-space-md,1rem);flex-wrap: wrap}.quiz-stat{white-space: normal}.quiz-stat-label{display: none}}@media (max-width: 480px){.quiz-list-inner{padding: var(--aj-space-sm);gap: var(--aj-space-sm);grid-template-columns: auto minmax(0,1fr)}.quiz-item-thumbnail{width: 60px;height: 60px}.quiz-item-title,.quiz-list-container .quiz-item-title{font-size: var(--aj-text-sm)}.quiz-item-meta{font-size: 0.6875rem}.quiz-item-stats{gap: var(--aj-space-sm);flex-wrap: wrap}.quiz-stat{font-size: var(--aj-text-xs,0.75rem);gap: 4px;white-space: normal}.quiz-stat-icon{width: 14px;height: 14px}.quiz-stat-count{display: none}.quiz-stat-label{display: none}}@media (max-width: 360px){.quiz-item-thumbnail{width: 50px;height: 50px}.quiz-item-title,.quiz-list-container .quiz-item-title{font-size: var(--aj-text-xs);-webkit-line-clamp: 2}.quiz-meta-tags{display: none}.quiz-item-stats{gap: var(--aj-space-xs,0.25rem)}.placeholder-icon{font-size: 1.5rem}.quiz-meta-type-badge{display: none}}@keyframes stat-pulse{0%,100%{transform: scale(1)}50%{transform: scale(1.15)}}.quiz-list-item:hover .quiz-stat-rating:not(.quiz-stat-no-rating) .quiz-stat-icon{animation: stat-pulse 0.5s ease-in-out}.quiz-list-item.is-loading{opacity: 0.6;pointer-events: none;animation: skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,100%{opacity: 0.6}50%{opacity: 0.4}}.quiz-list-item.is-loading .quiz-item-thumbnail,.quiz-list-item.is-loading .quiz-item-title,.quiz-list-item.is-loading .quiz-item-meta,.quiz-list-item.is-loading .quiz-item-stats{background-color: var(--aj-bg-medium);color: transparent;user-select: none}@media (prefers-reduced-motion: reduce){.quiz-list-inner,.quiz-thumb-image,.quiz-stat-icon{transition: none;animation: none}}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border-width: 0}.sp-related-list,.aj-related-list{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--aj-space-sm)}@container (max-width: 768px){.sp-related-list{grid-template-columns: 1fr}}@container (max-width: 768px){.aj-related-list{grid-template-columns: 1fr}}.sp-related-list .quiz-list-item,.aj-related-list .quiz-list-item{background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-lg);overflow: hidden;transition: transform var(--aj-transition-base),box-shadow var(--aj-transition-base),border-color var(--aj-transition-base);padding: var(--aj-space-sm)}.sp-related-list .quiz-list-item:last-child,.aj-related-list .quiz-list-item:last-child{border-bottom: 1px solid var(--aj-border-color)}.sp-related-list .quiz-list-item:hover,.aj-related-list .quiz-list-item:hover{box-shadow: var(--aj-shadow-md);border-color: var(--aj-primary);background-color: var(--aj-bg-white)}.sp-related-list .quiz-list-item:hover .quiz-list-inner,.aj-related-list .quiz-list-item:hover .quiz-list-inner{transform: none}.sp-related-list .quiz-list-inner,.aj-related-list .quiz-list-inner{grid-template-columns: auto minmax(0,1fr);grid-template-areas: "thumbnail content";padding: 0}.sp-related-list .quiz-item-thumbnail,.aj-related-list .quiz-item-thumbnail{width: 100px;height: auto;min-height: 100px;align-self: stretch;display: flex;align-items: center;justify-content: center;border-radius: var(--aj-radius-md)}.sp-related-list .quiz-item-thumbnail .quiz-thumb-image,.aj-related-list .quiz-item-thumbnail .quiz-thumb-image{width: 100px;height: 100px;object-fit: cover;border-radius: var(--aj-radius-md)}.sp-related-list .quiz-item-title,.aj-related-list .quiz-item-title{font-size: var(--aj-text-md);font-weight: var(--aj-weight-bold)}.sp-related-list .quiz-list-item:hover .quiz-item-title-link,.aj-related-list .quiz-list-item:hover .quiz-item-title-link{color: var(--aj-primary-text)}.sp-related-list .quiz-list-item:hover .quiz-thumb-image,.aj-related-list .quiz-list-item:hover .quiz-thumb-image{transform: scale(1.04)}.sp-related-list .quiz-meta-category,.aj-related-list .quiz-meta-category{display: inline-flex;align-items: center;padding: 3px 9px;border-radius: var(--aj-radius-full);font-size: var(--aj-text-xs);font-weight: var(--aj-weight-medium);white-space: nowrap;line-height: 1.5;letter-spacing: normal;background: var(--aj-bg-light);color: var(--aj-primary-text);border: 1px solid rgba(var(--aj-primary-rgb),0.18)}.sp-related-list .quiz-meta-type-badge,.aj-related-list .quiz-meta-type-badge{padding: 3px 9px;border-radius: var(--aj-radius-full);font-size: var(--aj-text-xs);font-weight: var(--aj-weight-medium);letter-spacing: normal;background: var(--aj-bg-light);color: var(--aj-text-secondary);border: 1px solid var(--aj-border-color)}.sp-related-list .quiz-meta-category .quiz-meta-icon,.aj-related-list .quiz-meta-category .quiz-meta-icon{width: 11px;height: 11px;flex-shrink: 0}.sp-related-list .quiz-meta-type-badge .quiz-meta-icon,.aj-related-list .quiz-meta-type-badge .quiz-meta-icon{width: 13px;height: 13px;flex-shrink: 0;opacity: 0.75}.sp-related-list .quiz-meta-category:hover,.aj-related-list .quiz-meta-category:hover,.sp-related-list .quiz-meta-type-badge:hover,.aj-related-list .quiz-meta-type-badge:hover{background: var(--aj-bg-white);color: var(--aj-text-muted);text-decoration: none;transform: none}@media print{.quiz-list-item{border-bottom: 1px solid #000;page-break-inside: avoid}.quiz-list-item:hover .quiz-list-inner{background-color: transparent;transform: none}.quiz-item-stats{display: none}}.quiz-pagination{padding: 20px 0 4px}.pagination-buttons{display: flex;align-items: center;justify-content: center;gap: 6px;flex-wrap: wrap}.page-btn{display: inline-flex;align-items: center;justify-content: center;min-width: 38px;height: 38px;padding: 0 10px;border: 1.5px solid var(--aj-border-color);border-radius: var(--aj-radius-sm,4px);background: var(--aj-bg-white,#fff);color: var(--aj-gray-700,#374151);font-size: 14px;font-weight: 500;text-decoration: none;cursor: pointer;transition: background 0.15s,border-color 0.15s,color 0.15s,transform 0.1s;line-height: 1;font-family: inherit;box-shadow: none}.page-btn:hover:not(.disabled):not(.current){background: var(--aj-bg-medium,#f3f4f6);border-color: var(--aj-primary,#6366f1);color: var(--aj-primary-text,#6366f1)}.page-btn.current{background: var(--aj-primary,#6366f1);border-color: var(--aj-primary,#6366f1);color: var(--aj-bg-white,#fff);font-weight: 700;pointer-events: none;transform: none}.page-btn.disabled{opacity: 0.3;cursor: not-allowed;pointer-events: none;background: var(--aj-bg-white,#fff);color: var(--aj-gray-700,#374151);border-color: var(--aj-border-color)}.page-prev,.page-next{padding: 0 14px}@media (max-width: 920px){.quiz-list-item{padding: 0}}@media (max-width: 768px){.pagination-buttons{gap: 2px}.page-btn{font-size: 12px;min-width: 35px;height: 35px}}@media (max-width: 480px){.page-btn{font-size: 11px;min-width: 30px;height: 30px}}.aj-quiz-widget-list{display: flex;flex-direction: column;gap: 0;background: var(--aj-bg-white)}.widget[id^="aj_quiz_list_widget-"]{background: var(--aj-bg-white);border-radius: var(--aj-radius-md);padding: var(--aj-space-md);margin-bottom: var(--aj-space-lg);background: var(--aj-bg-white);box-shadow: var(--aj-shadow-sm);background: var(--aj-bg-white);border: 1px solid var(--aj-border-color)}.widget.aj_quiz_list_widget .widget-title{font-size: var(--aj-text-lg);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading);margin: 0 0 var(--aj-space-md) 0;padding-bottom: var(--aj-space-sm);border-bottom: 2px solid var(--aj-border-light);font-family: var(--aj-font-sans)}.aj-quiz-widget-list .quiz-list-item{border-bottom: 1px solid var(--aj-border-light)}.aj-quiz-widget-list .quiz-list-item:last-child{border-bottom: none}.aj-quiz-widget-list .quiz-list-link{align-items: center;gap: var(--aj-space-sm);padding: var(--aj-space-sm) 0;text-decoration: none;transition: all var(--aj-transition-fast)}.aj-quiz-widget-list .quiz-list-link:hover{background: var(--aj-bg-light);padding-left: var(--aj-space-xs);padding-right: var(--aj-space-xs);margin-left: calc(var(--aj-space-xs) * -1);margin-right: calc(var(--aj-space-xs) * -1);border-radius: var(--aj-radius-sm)}.aj-quiz-widget-list .quiz-list-thumb{width: 60px;height: 60px;flex-shrink: 0;border-radius: var(--aj-radius-md);overflow: hidden;background: var(--aj-bg-light);border: 1px solid var(--aj-border-color)}.aj-quiz-widget-list .quiz-list-thumb img{width: 100%;height: 100%;object-fit: cover}.aj-quiz-widget-list .list-thumb-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 28px;background: var(--aj-bg-light);opacity: 0.6}.aj-quiz-widget-list .quiz-list-info{flex: 1;min-width: 0}.aj-quiz-widget-list .quiz-list-title{font-size: var(--aj-text-md);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading);margin: 0 0 4px 0;line-height: var(--aj-leading-tight);font-family: var(--aj-font-sans);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.aj-quiz-widget-list .quiz-list-link:hover .quiz-list-title{color: var(--aj-primary)}.aj-quiz-widget-list .quiz-list-meta{display: flex;gap: 4px;font-size: 11px;color: var(--aj-text-muted);flex-wrap: wrap;align-items: center}.aj-quiz-widget-list .meta-category{font-weight: var(--aj-weight-semibold);color: var(--aj-text-secondary)}.aj-quiz-widget-list .meta-separator{color: var(--aj-border-color)}.aj-quiz-widget-list .meta-tags{color: var(--aj-text-muted);font-size: 10px}@media (max-width: 480px){.aj-quiz-widget-list .quiz-list-thumb{width: 50px;height: 50px}.aj-quiz-widget-list .quiz-list-title{font-size: 12px}.aj-quiz-widget-list .quiz-list-meta{font-size: 10px}}.widget.aj-random-quiz-widget{background: transparent;padding: 0;border: none;box-shadow: none;margin-bottom: var(--aj-space-lg)}.widget.aj-random-quiz-widget .widget-title{font-size: var(--aj-text-lg,1.125rem);font-weight: var(--aj-weight-bold,700);color: var(--aj-text-heading,#1e293b);margin: 0 0 var(--aj-space-md,1rem) 0;padding-bottom: var(--aj-space-sm,0.5rem);border-bottom: 2px solid var(--aj-border-light,#f1f5f9);font-family: var(--aj-font-sans,system-ui,sans-serif);text-transform: uppercase;letter-spacing: 0.5px}.aj-random-quiz-card-wrapper{width: 100%}.aj-random-quiz-card{display: flex;align-items: center;gap: 15px;padding: var(--aj-space-lg,1.5rem) 20px;background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-lg,12px);text-decoration: none;transition: all var(--aj-transition-base,250ms ease);cursor: pointer;width: 100%;box-sizing: border-box}.aj-random-quiz-card:hover{border-color: var(--aj-text-primary-darker);box-shadow: 0 4px 12px rgba(var(--aj-primary-rgb,59,130,246),0.15);transform: translateY(-2px)}.random-quiz-icon{flex-shrink: 0;width: 52px;height: 52px;background: rgba(var(--aj-primary-rgb),0.08);border-radius: 12px;display: flex;align-items: center;justify-content: center;transition: background var(--aj-transition-base)}.random-quiz-icon img{width: 26px !important;height: 26px !important;filter: var(--aj-card-icon-filter);transition: transform var(--aj-transition-base)}.aj-random-quiz-card:hover .random-quiz-icon{background: rgba(var(--aj-primary-rgb),0.15)}.aj-random-quiz-card:hover .random-quiz-icon img{transform: scale(1.1)}.random-quiz-content{flex: 1;min-width: 0}.random-quiz-title{font-size: var(--aj-text-lg,1.125rem);font-weight: var(--aj-weight-bold,700);color: var(--aj-text-heading,#1e293b);margin: 0 0 4px 0;text-transform: uppercase;letter-spacing: 0.3px;line-height: 1.3;font-family: var(--aj-font-sans,system-ui,sans-serif)}.aj-random-quiz-card:hover .random-quiz-title{color: var(--aj-text-primary-darker)}.random-quiz-subtitle{font-size: var(--aj-text-sm,0.875rem);color: var(--aj-text-secondary,#475569);margin: 0;line-height: 1.4}.sidebar .aj-random-quiz-widget,aside .aj-random-quiz-widget{width: 100%}.sidebar .aj-random-quiz-card,aside .aj-random-quiz-card{width: 100%}@media (max-width: 768px){.aj-random-quiz-card{padding: var(--aj-space-md,1rem) 15px;gap: 12px}.random-quiz-icon{font-size: 36px}.random-quiz-title{font-size: var(--aj-text-md,0.875rem)}.random-quiz-subtitle{font-size: var(--aj-text-xs,0.75rem)}}@media (max-width: 480px){.aj-random-quiz-card{padding: var(--aj-space-sm,0.5rem) 12px;gap: 10px}}.aj-random-quiz-card:focus{outline: none;border-color: var(--aj-primary,#3b82f6);box-shadow: 0 0 0 3px rgba(var(--aj-primary-rgb,59,130,246),0.2)}.aj-random-quiz-card:focus-visible{outline: 2px solid var(--aj-primary,#3b82f6);outline-offset: 2px}@media print{.aj-random-quiz-widget{display: none}}.widget[id^="aj_topics_widget-"]{background: var(--aj-bg-white);border-radius: var(--aj-radius-md);padding: var(--aj-space-md);margin-bottom: var(--aj-space-lg);box-shadow: var(--aj-shadow-sm);border: 1px solid var(--aj-border-color)}.widget.aj_topics_widget .widget-title{font-size: var(--aj-text-lg);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading);margin: 0 0 var(--aj-space-md) 0;padding-bottom: var(--aj-space-sm);border-bottom: 2px solid var(--aj-border-light);font-family: var(--aj-font-sans)}.category-tags-list{display: flex;flex-wrap: wrap;gap: var(--aj-space-xs)}.category-tag-item{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;border-radius: 999px;background: var(--aj-bg-light);border: 1px solid var(--aj-border-color);text-decoration: none;transition: background var(--aj-transition-fast),border-color var(--aj-transition-fast),transform var(--aj-transition-fast);line-height: 1}.category-tag-item:hover{background: var(--aj-bg-white);border-color: var(--aj-primary);color: var(--aj-primary);transform: translateY(-1px);text-decoration: none}.tag-name{font-size: 12px;font-weight: var(--aj-weight-semibold);color: var(--aj-text-secondary);font-family: var(--aj-font-sans);text-transform: uppercase;letter-spacing: 0.3px;transition: color var(--aj-transition-base)}.category-tag-item:hover .tag-name{color: var(--aj-primary)}.tag-count{font-size: 10px;font-weight: var(--aj-weight-semibold);background: rgba(0,0,0,0.08);color: var(--aj-text-muted);border-radius: 999px;padding: 1px 6px;min-width: 18px;text-align: center;transition: background var(--aj-transition-fast),color var(--aj-transition-fast)}.category-tag-item:hover .tag-count{background: rgba(var(--aj-primary-rgb),0.12);color: var(--aj-primary)}:root{--aj-footer-bg: #0f1e2e;--aj-footer-text: rgba(255,255,255,0.85);--aj-footer-text-bright: #ffffff;--aj-footer-text-dim: rgba(255,255,255,0.55);--aj-footer-text-subtle: rgba(255,255,255,0.45);--aj-footer-link: rgba(255,255,255,0.75);--aj-footer-link-muted: rgba(255,255,255,0.6);--aj-footer-border: rgba(255,255,255,0.12);--aj-footer-surface: rgba(255,255,255,0.10);--aj-footer-surface-hover: rgba(255,255,255,0.20);--aj-footer-surface-cta: rgba(255,255,255,0.22);--aj-footer-border-hover: rgba(255,255,255,0.50);--aj-footer-separator: rgba(255,255,255,0.25);--aj-footer-bottom-bg: rgba(0,0,0,0.20)}.aj-footer{background: var(--aj-footer-bg);color: var(--aj-footer-text);font-size: var(--aj-text-base);line-height: var(--aj-leading-normal);margin-top: var(--aj-space-xl)}.aj-footer-container{max-width: var(--aj-container-width,1420px);margin: 0 auto;padding: 0 var(--aj-space-lg)}.aj-footer-top{padding: var(--aj-space-4xl) 0 var(--aj-space-3xl);border-bottom: 1px solid var(--aj-footer-border)}.aj-footer-top .aj-footer-container{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: var(--aj-space-3xl);align-items: start}.aj-footer-logo-link{display: inline-block;margin-bottom: var(--aj-space-md);text-decoration: none}.aj-footer-logo{max-height: 40px;width: auto}.aj-footer-site-name{font-size: var(--aj-text-2xl);font-weight: var(--aj-weight-bold);color: var(--aj-footer-text-bright);letter-spacing: -0.1px;text-transform: uppercase}.aj-footer-tagline{font-size: var(--aj-text-base);color: var(--aj-footer-link-muted);margin: 0 0 var(--aj-space-md);font-style: italic}.aj-footer-description{font-size: var(--aj-text-base);color: var(--aj-footer-link);line-height: var(--aj-leading-relaxed);margin: 0 0 var(--aj-space-xl);max-width: 320px}.aj-footer-col-heading{font-size: var(--aj-text-sm);font-weight: var(--aj-weight-bold);color: var(--aj-footer-text-subtle);letter-spacing: 1.2px;text-transform: uppercase;margin: 0 0 var(--aj-space-md)}.aj-footer-nav{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 4px}.aj-footer-nav li{margin: 0;padding: 0}.aj-footer-nav a{display: inline-block;color: var(--aj-footer-link);font-size: var(--aj-text-base);text-decoration: none;padding: 5px 0;transition: color var(--aj-transition-fast)}.aj-footer-nav a:hover{color: var(--aj-footer-text-bright);text-decoration: none}.aj-footer-social{margin-top: var(--aj-space-xl)}.aj-footer-social-label{font-size: var(--aj-text-xs);font-weight: var(--aj-weight-bold);color: var(--aj-footer-text-subtle);letter-spacing: 1.2px;text-transform: uppercase;margin: 0 0 var(--aj-space-sm)}.aj-footer-social-icons{display: flex;align-items: center;gap: var(--aj-space-sm);flex-wrap: wrap}.aj-social-icon{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: var(--aj-footer-surface);color: var(--aj-footer-link);transition: background var(--aj-transition-fast),color var(--aj-transition-fast);flex-shrink: 0}.aj-social-icon:hover{background: var(--aj-footer-surface-hover);color: var(--aj-footer-text-bright)}.aj-footer-bottom{background: var(--aj-footer-bottom-bg);padding: var(--aj-space-md) 0}.aj-footer-bottom .aj-footer-container{display: flex;align-items: center;justify-content: space-between;gap: var(--aj-space-lg);flex-wrap: wrap;text-transform: uppercase}.aj-footer-copyright{font-size: var(--aj-text-sm);color: var(--aj-footer-text-dim);margin: 0}.aj-footer-copyright a{color: var(--aj-footer-link);text-decoration: none;transition: color var(--aj-transition-fast)}.aj-footer-copyright a:hover{color: var(--aj-footer-text-bright)}.aj-footer-made-with{font-size: var(--aj-text-sm);color: var(--aj-footer-link);margin: 0;text-transform: none}.aj-footer-legal-nav{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: var(--aj-space-lg);flex-wrap: wrap}.aj-footer-legal-nav li{margin: 0;padding: 0}.aj-footer-legal-nav a{font-size: var(--aj-text-sm);color: var(--aj-footer-text-dim);text-decoration: none;transition: color var(--aj-transition-fast)}.aj-footer-legal-nav a:hover{color: var(--aj-footer-text-bright)}@media (max-width: 1024px){.aj-footer-top .aj-footer-container{grid-template-columns: 1fr 1fr;gap: var(--aj-space-2xl)}.aj-footer-brand{grid-column: 1 / -1}.aj-footer-description{max-width: 100%}}.aj-header-theme-btn{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;background: var(--aj-header-surface);border: 1px solid var(--aj-header-border);border-radius: var(--aj-radius-full);color: var(--aj-header-text);cursor: pointer;transition: background var(--aj-transition-fast),border-color var(--aj-transition-fast);flex-shrink: 0;padding: 0;box-shadow: none}.aj-header-theme-btn:hover{background: var(--aj-header-surface-hover);border-color: var(--aj-header-border-hover);color: var(--aj-header-text);transform: none;box-shadow: none}.theme-icon-sun{display: none}.theme-icon-moon{display: block}[data-theme="dark"] .theme-icon-sun{display: block}[data-theme="dark"] .theme-icon-moon{display: none}.aj-footer-theme-toggle{display: flex;align-items: center;gap: var(--aj-space-xs);margin-top: var(--aj-space-lg)}.aj-theme-label-text{font-size: var(--aj-text-sm);color: var(--aj-footer-text-dim);font-weight: var(--aj-weight-medium);letter-spacing: 0;text-transform: none;user-select: none}.aj-theme-switch{position: relative;width: 40px;height: 22px;background: var(--aj-footer-surface);border: 1px solid var(--aj-footer-separator);border-radius: var(--aj-radius-full);cursor: pointer;padding: 0;transition: background var(--aj-transition-base),border-color var(--aj-transition-base);flex-shrink: 0;box-shadow: none;text-transform: none;letter-spacing: 0}.aj-theme-switch:hover{background: var(--aj-footer-surface-hover);border-color: var(--aj-footer-border-hover);transform: none;box-shadow: none}.aj-theme-switch.is-dark{background: rgba(var(--aj-primary-rgb),0.6);border-color: rgba(var(--aj-primary-rgb),0.8)}.aj-theme-switch-thumb{position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;background: #ffffff;border-radius: 50%;transition: transform var(--aj-transition-base);pointer-events: none}.aj-theme-switch.is-dark .aj-theme-switch-thumb{transform: translateX(18px)}@media (max-width: 600px){.aj-footer-site-name{font-size: var(--aj-text-lg)}.aj-footer-top{padding: var(--aj-space-2xl) 0}.aj-footer-description{margin-bottom: 0}.aj-footer-top .aj-footer-container{grid-template-columns: 1fr;gap: var(--aj-space-2xl)}.aj-footer-bottom{padding: var(--aj-space-lg) 0}.aj-footer-bottom .aj-footer-container{flex-direction: column;align-items: center;gap: var(--aj-space-md)}.aj-footer-legal-nav{gap: var(--aj-space-md)}}@media (max-width: 768px){body.aj-sticky-ad-visible .cky-btn-revisit-wrapper{bottom: 100px !important}}body.quiz-playing .aj-pwa-banner{display: none !important}.aj-pwa-banner{padding: 0 var(--aj-space-sm);margin: var(--aj-space-md) auto;max-width: 900px}.aj-pwa-banner-inner{display: flex;align-items: center;gap: var(--aj-space-sm);background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-left: 4px solid var(--aj-primary);border-radius: var(--aj-radius-xl);box-shadow: var(--aj-shadow-sm);padding: var(--aj-space-sm) var(--aj-space-md)}.aj-pwa-banner-icon img{width: 48px;height: 48px;border-radius: var(--aj-radius-lg);flex-shrink: 0}.aj-pwa-banner-text{flex: 1;min-width: 0}.aj-pwa-banner-text strong{display: block;font-size: var(--aj-text-sm);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading);margin-bottom: 2px}.aj-pwa-banner-text span{font-size: var(--aj-text-xs);color: var(--aj-text-secondary);line-height: 1.4;display: flex;align-items: center;flex-wrap: wrap;gap: 3px}.aj-ios-share-icon{display: inline-flex;align-items: center;vertical-align: middle;flex-shrink: 0}.aj-pwa-install-btn{flex-shrink: 0;padding: 6px 14px;font-size: var(--aj-text-xs);font-weight: var(--aj-weight-semibold);text-transform: uppercase;letter-spacing: 0.5px;background: var(--aj-primary);color: white !important;border: none;border-radius: var(--aj-radius-md);cursor: pointer;transition: background var(--aj-transition-fast)}.aj-pwa-install-btn:hover{background: var(--aj-primary-darker) !important;color: white !important}.aj-pwa-banner-close{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: var(--aj-radius-full);background: transparent !important;border: none;color: var(--aj-text-muted);cursor: pointer;font-size: 18px;line-height: 1;padding: 0;transition: background var(--aj-transition-fast),color var(--aj-transition-fast)}.aj-pwa-banner-close:hover{background: var(--aj-bg-light) !important;color: var(--aj-text-body) !important}.aj-ad-wrapper{display: block;text-align: center}.aj-ad-label{font-size: 10px;font-weight: 400;color: var(--aj-text-muted);text-transform: uppercase;letter-spacing: 0.5px;margin: 0 0 4px;line-height: 1}.aj-ad-container{display: block;width: 100%;margin: 1.5rem 0;text-align: center;overflow: hidden;position: relative}.aj-ad-container script{display: none !important}.aj-ad-sidebar_top,.aj-ad-sidebar_middle,.aj-ad-sidebar_bottom,.aj-ad-quiz_completion{min-height: 250px;background-color: var(--aj-bg-light)}.aj-ad-content_top,.aj-ad-after_recent,.aj-ad-before_popular,.aj-ad-after_popular,.aj-ad-before_trending,.aj-ad-after_trending,.aj-ad-hp_after_categories,.aj-ad-hp_after_topics,.aj-ad-hp_after_leaderboard,.aj-ad-single_after_related,.aj-ad-single_after_comments,.aj-ad-archive_after_header,.aj-ad-archive_after_grid,.aj-ad-search_after_results,.aj-ad-search_after_suggestions,.aj-ad-categories_after_stats,.aj-ad-categories_after_grid,.aj-ad-quiz_types_after_header,.aj-ad-quiz_types_after_grid,.aj-ad-leaderboard_after_header,.aj-ad-leaderboard_after_body,.aj-ad-leaderboard_after_ranks,.aj-ad-popular_after_header,.aj-ad-popular_after_tabs,.aj-ad-before_footer{min-height: 90px;background-color: var(--aj-bg-light)}@media (max-width: 768px){.aj-ad-content_top,.aj-ad-after_recent,.aj-ad-before_popular,.aj-ad-after_popular,.aj-ad-before_trending,.aj-ad-after_trending,.aj-ad-hp_after_categories,.aj-ad-hp_after_topics,.aj-ad-hp_after_leaderboard,.aj-ad-single_after_related,.aj-ad-single_after_comments,.aj-ad-archive_after_header,.aj-ad-archive_after_grid,.aj-ad-search_after_results,.aj-ad-search_after_suggestions,.aj-ad-categories_after_stats,.aj-ad-categories_after_grid,.aj-ad-quiz_types_after_header,.aj-ad-quiz_types_after_grid,.aj-ad-leaderboard_after_header,.aj-ad-leaderboard_after_body,.aj-ad-leaderboard_after_ranks,.aj-ad-popular_after_header,.aj-ad-popular_after_tabs,.aj-ad-before_footer{min-height: 50px}}.aj-ad-sidebar_top,.aj-ad-sidebar_middle,.aj-ad-sidebar_bottom{max-width: 336px;margin-left: auto;margin-right: auto}.aj-ad-sidebar_top{margin-bottom: 1.5rem}.aj-ad-sidebar_middle{margin-top: 1.5rem;margin-bottom: 1.5rem}.aj-ad-sidebar_bottom{margin-top: 1.5rem}.aj-ad-content_top,.aj-ad-after_recent,.aj-ad-before_popular,.aj-ad-after_popular,.aj-ad-before_trending,.aj-ad-after_trending,.aj-ad-hp_after_categories,.aj-ad-hp_after_topics,.aj-ad-hp_after_leaderboard,.aj-ad-single_after_related,.aj-ad-single_after_comments,.aj-ad-archive_after_header,.aj-ad-archive_after_grid,.aj-ad-search_after_results,.aj-ad-search_after_suggestions,.aj-ad-categories_after_stats,.aj-ad-categories_after_grid,.aj-ad-quiz_types_after_header,.aj-ad-quiz_types_after_grid,.aj-ad-leaderboard_after_header,.aj-ad-leaderboard_after_body,.aj-ad-leaderboard_after_ranks,.aj-ad-popular_after_header,.aj-ad-popular_after_tabs,.aj-ad-before_footer{max-width: 728px;margin-left: auto;margin-right: auto}.aj-ad-content_top{margin-top: 0;margin-bottom: 2rem}.aj-ad-quiz_completion-wrapper .aj-ad-label{margin-top: var(--aj-space-sm)}.aj-ad-quiz_completion{max-width: 336px;margin: var(--aj-space-lg) auto}@media (max-width: 768px){.aj-ad-container{margin: 1rem auto}.aj-ad-content_top,.aj-ad-after_recent,.aj-ad-before_popular,.aj-ad-after_popular,.aj-ad-before_trending,.aj-ad-after_trending,.aj-ad-hp_after_categories,.aj-ad-hp_after_topics,.aj-ad-hp_after_leaderboard,.aj-ad-single_after_related,.aj-ad-single_after_comments,.aj-ad-archive_after_header,.aj-ad-archive_after_grid,.aj-ad-search_after_results,.aj-ad-search_after_suggestions,.aj-ad-categories_after_stats,.aj-ad-categories_after_grid,.aj-ad-quiz_types_after_header,.aj-ad-quiz_types_after_grid,.aj-ad-leaderboard_after_header,.aj-ad-leaderboard_after_body,.aj-ad-leaderboard_after_ranks,.aj-ad-popular_after_header,.aj-ad-popular_after_tabs,.aj-ad-before_footer{max-width: 100%}.aj-ad-sidebar_top,.aj-ad-sidebar_middle,.aj-ad-sidebar_bottom,.aj-ad-quiz_completion{max-width: 336px;width: 100%}}.aj-ad-container ins.adsbygoogle{background: transparent !important}.aj-ad-container.loading{background: var(--aj-bg-light);position: relative;min-height: 100px}.aj-ad-container.loading::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 30px;height: 30px;border: 3px solid var(--aj-border-color);border-top-color: var(--aj-primary);border-radius: 50%;animation: ad-spin 0.8s linear infinite}@keyframes ad-spin{to{transform: translate(-50%,-50%) rotate(360deg)}}.aj-ad-placeholder{background: repeating-linear-gradient( 45deg,var(--aj-bg-light),var(--aj-bg-light) 10px,var(--aj-bg-medium) 10px,var(--aj-bg-medium) 20px );border: 2px dashed var(--aj-border-color);border-radius: 8px;padding: 1.5rem;text-align: center;color: var(--aj-text-secondary);font-size: 0.875rem;width: 100%}.aj-ad-placeholder::before{content: 'Ad Placeholder';display: block;font-weight: 600;margin-bottom: 4px}body.aj-sticky-ad-visible .aj-footer{padding-bottom: 130px}@media (max-width: 768px){body.aj-sticky-ad-visible .aj-footer{padding-bottom: 70px}}.aj-sticky-ad-bar{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9000;background: var(--aj-bg-white);border-top: 1px solid var(--aj-border-color);box-shadow: 0 -2px 12px rgba(0,0,0,0.10);text-align: center;padding: 8px 16px;box-sizing: border-box}.aj-sticky-ad-bar[hidden]{display: none}.aj-sticky-ad-bar .aj-ad-label{margin: 0 0 4px}.aj-sticky-ad-bar__close{position: absolute;top: 4px;right: 4px;background: var(--aj-bg-medium);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-sm);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: var(--aj-text-muted);padding: 0;transition: background 0.15s,color 0.15s}.aj-sticky-ad-bar__close:hover{background: var(--aj-border-color);color: var(--aj-text-body)}.aj-sticky-ad-bar__desktop{display: inline-block}.aj-sticky-ad-bar__desktop ins.adsbygoogle{background: transparent !important}.aj-sticky-ad-bar__mobile{display: none}.aj-sticky-ad-bar__mobile ins.adsbygoogle{background: transparent !important}@media (max-width: 768px){.aj-sticky-ad-bar{padding: 10px}.aj-sticky-ad-bar__desktop{display: none}.aj-sticky-ad-bar__mobile{display: inline-block}}@media print{.aj-ad-container,.aj-sticky-ad-bar{display: none !important}}.aj-auth-container{max-width: 480px;margin: 60px auto;padding: 0 20px}.aj-auth-box{background: var(--aj-bg-white);border-radius: 12px;padding: 40px;box-shadow: 0 2px 20px rgba(0,0,0,0.08)}.aj-auth-box h2{margin: 0 0 30px 0;text-align: center;font-size: 28px;font-weight: 700;color: var(--aj-text-heading)}.aj-auth-message{padding: 15px 20px;border-radius: 8px;margin-bottom: 20px;font-weight: 600}.aj-auth-message.aj-auth-success{background: var(--aj-success-bg);color: var(--aj-success-text)}.aj-auth-message.aj-auth-error{background: var(--aj-danger-bg);color: var(--aj-danger-text);text-align: center}.aj-social-login{margin-bottom: 20px}.aj-social-login .nsl-container{margin: 0 !important;display: flex !important;justify-content: center !important}.aj-social-login .nsl-button{width: 100% !important;padding: 12px !important;border-radius: 8px !important;font-weight: 600 !important;transition: all 0.2s ease !important}.aj-social-login .nsl-button:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important}@media (hover: hover) and (pointer: fine){.aj-social-login .nsl-button:hover{box-shadow: var(--aj-shadow-md)}}.aj-divider{position: relative;text-align: center;margin: 30px 0}.aj-divider::before{content: '';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: var(--aj-border-color)}.aj-divider span{position: relative;background: var(--aj-bg-white);padding: 0 15px;color: var(--aj-text-muted);font-size: 14px;font-weight: 600;text-transform: uppercase}.aj-auth-form-group{margin-bottom: 20px}.aj-auth-form-group label{display: block;margin-bottom: 8px;font-weight: 600;color: var(--aj-text-body);font-size: 14px}.aj-auth-form-group input[type="text"],.aj-auth-form-group input[type="email"],.aj-auth-form-group input[type="password"]{width: 100%;padding: 12px 16px;border: 2px solid var(--aj-border-color);border-radius: 8px;font-size: 15px;transition: all 0.2s ease;background: var(--aj-bg-white);color: var(--aj-text-body)}.aj-auth-form-group input:focus{outline: none;border-color: var(--aj-primary);box-shadow: 0 0 0 3px rgba(var(--aj-primary-rgb),0.1)}.aj-auth-form-group small{display: block;margin-top: 6px;font-size: 13px;color: var(--aj-text-secondary)}.aj-form-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px}.aj-checkbox{display: flex;align-items: center;gap: 8px;cursor: pointer;font-size: 14px;color: var(--aj-text-body)}.aj-checkbox input[type="checkbox"]{width: 18px;height: 18px;cursor: pointer}.aj-auth-link{color: var(--aj-text-primary);text-decoration: none;font-size: var(--aj-text-sm);font-weight: 600;transition: color 0.2s ease}.aj-auth-link:hover{color: var(--aj-primary-text);text-decoration: underline}.aj-auth-footer{margin-top: 30px;padding-top: 20px;border-top: 1px solid var(--aj-border-color);text-align: center;color: var(--aj-text-secondary);font-size: var(--aj-text-sm);display: flex;gap: var(--aj-space-sm);justify-content: center}.aj-auth-footer a{color: var(--aj-text-primary);text-decoration: none;font-weight: 600}.aj-auth-footer a:hover{color: var(--aj-primary-text);text-decoration: underline}@media (max-width: 640px){.aj-auth-container{margin: 30px auto}.aj-auth-box{padding: 30px 20px}.aj-auth-box h2{font-size: 24px}.aj-form-row{flex-direction: column;align-items: flex-start;gap: 10px}}.aj-avatar-upload{display: flex;gap: 20px;align-items: center}.aj-current-avatar{flex-shrink: 0}.aj-current-avatar img{border-radius: 50%}.aj-avatar-info{display: flex;flex-direction: column;gap: 10px}.aj-avatar-info input[type="file"]{display: none}.aj-btn-secondary{background: var(--aj-bg-medium);color: var(--aj-text-body);border: 2px solid var(--aj-border-color)}.aj-btn-secondary:hover{background: var(--aj-border-color);transform: none}.aj-submit-btn{width:100%;display: flex !important;align-items: center;justify-content: center;gap: 10px;position: relative;min-height: 50px}.aj-spinner{width: 20px !important;height: 20px !important;border: 3px solid rgba(255,255,255,0.3);border-radius: 50%;border-top-color: #fff !important;animation: aj-spin 0.8s linear infinite}@keyframes aj-spin{to{transform: rotate(360deg)}}.aj-submit-btn:disabled{opacity: 0.8;cursor: not-allowed}.aj-danger-zone{border: 2px solid var(--aj-danger-bg);background: var(--aj-danger-bg)}.aj-danger-zone h3{color: var(--aj-danger-text)}.aj-danger-content{display: flex;justify-content: space-between;align-items: center;gap: 20px}.aj-danger-info h4{margin: 0 0 8px 0;color: var(--aj-danger-text)}.aj-danger-info p{margin: 0;color: var(--aj-text-secondary)}.aj-btn-danger{background: var(--aj-danger);color: #fff;flex-shrink: 0}.aj-btn-danger:hover{background: var(--aj-danger-darker)}.aj-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999}.aj-modal-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.75)}.aj-modal-content{position: relative;background: var(--aj-bg-white);border-radius: 12px;max-width: 500px;margin: 100px auto;padding: 30px;z-index: 100000}.aj-modal-content h3{margin: 0 0 15px 0;color: var(--aj-danger-text)}.aj-modal-content ul{margin: 15px 0;padding-left: 20px;color: var(--aj-text-secondary)}.aj-modal-actions{display: flex;gap: 10px;margin-top: 20px}.aj-modal-actions .aj-btn{flex: 1}@media (max-width: 768px){.aj-danger-content{flex-direction: column;align-items: stretch}.aj-avatar-upload{flex-direction: column;align-items: flex-start}}@media (max-width: 600px){.aj-auth-container{margin: 0 auto}}.aj-btn-sm{padding: 4px 10px;font-size: var(--aj-text-xs)}.aj-field-status{font-size: var(--aj-text-xs);min-height: 16px;margin-top: 4px}.aj-field-status--ok{color: var(--aj-success)}.aj-field-status--error{color: var(--aj-danger)}.aj-username-display-row{display: flex;align-items: center;gap: var(--aj-space-sm);margin-bottom: 4px}.aj-username-handle{font-size: var(--aj-text-md);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading)}.quiz-homepage-wrapper{background: var(--aj-bg-page);font-family: var(--aj-font-sans);color: var(--aj-text-body)}.hp-hero{background: linear-gradient(180deg,rgba(var(--aj-primary-rgb),0.05) 0%,transparent 100%);padding: 64px var(--aj-space-lg);text-align: center}.hp-hero-inner{max-width: 720px;margin: 0 auto}.hp-hero-title{font-size: clamp(28px,5vw,48px);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading);line-height: 1.15;margin: 0 0 var(--aj-space-md) 0;letter-spacing: 0.5px;text-transform: uppercase}.hp-hero-subtitle{font-size: var(--aj-text-lg);color: var(--aj-text-secondary);margin: 0 0 var(--aj-space-xl) 0;line-height: 1.5}.hp-hero-search{position: relative;max-width: 560px;margin: 0 auto var(--aj-space-lg)}.hp-search-icon{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--aj-text-muted);pointer-events: none;z-index: 1}.hp-hero-search form{margin: 0}.hp-search-input{width: 100%;height: 52px;padding: 0 20px 0 48px;border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-xl);background: var(--aj-bg-white);font-size: var(--aj-text-md);color: var(--aj-text-body);font-family: var(--aj-font-sans);transition: border-color var(--aj-transition-fast),box-shadow var(--aj-transition-fast);box-sizing: border-box}.hp-search-input::placeholder{color: var(--aj-text-muted)}.hp-search-input:focus{outline: none;border-color: var(--aj-primary);box-shadow: 0 0 0 3px rgba(var(--aj-primary-rgb),0.12)}.hp-hero-stats{display: flex;align-items: center;justify-content: center;gap: var(--aj-space-lg);font-size: var(--aj-text-sm);color: var(--aj-text-secondary)}.hp-hero-stat{display: flex;align-items: center;gap: 6px}.hp-hero-stat strong{color: var(--aj-text-heading);font-weight: var(--aj-weight-bold)}.hp-stat-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--aj-primary);flex-shrink: 0}.hp-content{max-width: var(--aj-container-width,1420px);margin: 0 auto;padding: 0 var(--aj-space-xl) var(--aj-space-3xl);display: flex;flex-direction: column;gap: var(--aj-space-4xl)}.hp-action-section{padding-top: var(--aj-space-md)}.action-cards-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--aj-space-md)}.action-card{display: flex;flex-direction: column;gap: var(--aj-space-md);padding: var(--aj-space-lg);background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-md);text-decoration: none;color: var(--aj-text-heading);transition: border-color var(--aj-transition-base),box-shadow var(--aj-transition-base);align-items: center;text-align: center;cursor: pointer;touch-action: manipulation}.action-card:hover{text-decoration: none;color: var(--aj-text-heading)}.action-card:hover{border-color: var(--aj-primary);box-shadow: 0 4px 16px rgba(var(--aj-primary-rgb),0.12)}.action-card:hover .card-icon-image{background: rgba(var(--aj-primary-rgb),0.14)}.card-icon-image{flex-shrink: 0;width: 50px;height: 50px;background: var(--aj-bg-medium);border-radius: var(--aj-radius-md);display: flex;align-items: center;justify-content: center;transition: background var(--aj-transition-base)}.card-icon-image img{width: 28px !important;height: 28px !important;transition: transform var(--aj-transition-base)}.card-content-title{font-size: var(--aj-text-lg);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading)}.action-card .card-content p{font-size: var(--aj-text-sm);color: var(--aj-text-secondary);margin: 0;line-height: 1.4}.action-card-locked{opacity: 0.7;border-style: dashed}.hp-section{display: flex;flex-direction: column;gap: var(--aj-space-lg)}.hp-section-header{display: flex;align-items: center;justify-content: space-between}.hp-section-detail{}.hp-section-header-left{display: flex;align-items: flex-start;gap: var(--aj-space-sm)}.hp-section-title{font-size: var(--aj-text-xl);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading);margin: 0;display: flex;align-items: center;gap: var(--aj-space-xs);letter-spacing: -0.1px;text-transform: uppercase}.hp-section-icon{width: 22px;height: 22px;flex-shrink: 0}.section-title-icon{width: 20px !important;height: 20px !important;flex-shrink: 0}.hp-section-subtitle{padding-top: var(--aj-space-xs);font-size: var(--aj-text-sm);color: var(--aj-text-secondary)}.view-all-link{font-size: var(--aj-text-sm);font-weight: var(--aj-weight-semibold);color: var(--aj-primary-text);white-space: nowrap;transition: opacity var(--aj-transition-fast)}.view-all-link:hover{opacity: 0.8}.hp-category-grid{display: grid;grid-template-columns: repeat(6,1fr);gap: var(--aj-space-md)}.hp-category-card{display: flex;flex-direction: column;align-items: center;gap: var(--aj-space-sm);padding: var(--aj-space-lg) var(--aj-space-md);background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-xl);text-decoration: none;text-align: center;transition: border-color var(--aj-transition-base),box-shadow var(--aj-transition-base),transform var(--aj-transition-base)}@media (hover: hover){.hp-category-card:hover{border-color: var(--aj-primary-text);box-shadow: var(--aj-shadow-sm);text-decoration: none}}.hp-cat-icon-wrap{width: 52px;height: 52px;border-radius: var(--aj-radius-xl);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.hp-cat-icon{width: 28px;height: 28px}.hp-cat-info{display: flex;flex-direction: column;gap: 2px}.hp-cat-name{font-size: var(--aj-text-md);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading);display: block}.hp-cat-count{font-size: var(--aj-text-xs);color: var(--aj-text-secondary);display: block}.category-tags-list{display: flex;flex-wrap: wrap;gap: var(--aj-space-xs)}.category-tag-item{display: inline-flex;align-items: center;gap: 6px;padding: 6px 14px;background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-full);text-decoration: none;font-size: var(--aj-text-sm);font-weight: var(--aj-weight-medium);color: var(--aj-text-secondary);transition: border-color var(--aj-transition-fast),color var(--aj-transition-fast)}@media (hover: hover){.category-tag-item:hover{border-color: var(--aj-primary-text);box-shadow: var(--aj-shadow-sm);text-decoration: none}}.tag-name{text-transform: uppercase;color: inherit}.tag-count{font-size: 11px;font-weight: var(--aj-weight-semibold);background: rgba(0,0,0,0.07);padding: 1px 6px;border-radius: 10px;color: var(--aj-text-muted);transition: background var(--aj-transition-fast),color var(--aj-transition-fast)}.category-tag-item:hover .tag-name{color: var(--aj-primary-text)}.category-tag-item:hover .tag-count{background: rgba(var(--aj-primary-rgb),0.1);color: var(--aj-primary-text)}.hp-leaderboard-section{gap: var(--aj-space-md)}.hp-lb-tabs{display: flex;gap: var(--aj-space-xs);flex-wrap: wrap}.hp-lb-tab{display: inline-flex;align-items: center;gap: 6px;padding: 7px 16px;background: var(--aj-bg-white);border: 1.5px solid var(--aj-border-color);border-radius: var(--aj-radius-full);font-size: var(--aj-text-sm);font-weight: var(--aj-weight-semibold);color: var(--aj-text-secondary);cursor: pointer;transition: all var(--aj-transition-fast);font-family: var(--aj-font-sans);text-transform: uppercase;letter-spacing: 0.5px;box-shadow: none}.hp-lb-tab:hover{border-color: var(--aj-primary);color: var(--aj-primary-text);background: var(--aj-bg-white);box-shadow: none}.hp-lb-tab.active{border-color: var(--aj-primary);color: var(--aj-primary-text);background: rgba(var(--aj-primary-rgb),0.06);font-weight: var(--aj-weight-semibold);box-shadow: none}.hp-lb-tab.active:hover{background: rgba(var(--aj-primary-rgb),0.06);color: var(--aj-primary-text);transform: none;box-shadow: none;cursor: default}.hp-lb-body{background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-xl);overflow: hidden}.leaderboard-list-avatar{display: flex;flex-direction: column}.lb-row-avatar{display: flex;align-items: center;gap: var(--aj-space-md);padding: var(--aj-space-md) var(--aj-space-lg);border-bottom: 1px solid var(--aj-border-light);transition: background var(--aj-transition-fast)}.lb-row-avatar:last-child{border-bottom: none}.lb-row-avatar:hover{background: var(--aj-bg-light)}.lb-row-avatar.is-current-user{background: rgba(var(--aj-primary-rgb),0.05)}.lb-rank-number{min-width: 32px;text-align: center;font-size: var(--aj-text-base);font-weight: var(--aj-weight-bold);color: var(--aj-text-secondary);flex-shrink: 0}.lb-avatar-container{position: relative;flex-shrink: 0}.lb-avatar{width: 40px !important;height: 40px !important;border-radius: 50% !important;display: block}.lb-rank-badge-overlay{position: absolute;bottom: -2px;right: -4px;width: 18px;height: 18px;border-radius: 50%;border: 2px solid var(--aj-bg-white)}.lb-user-info{flex: 1;min-width: 0}.lb-user-name{font-size: var(--aj-text-base);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading);display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.lb-rank-label{font-size: 11px;font-weight: var(--aj-weight-medium);background: rgba(var(--aj-primary-rgb),0.1);color: var(--aj-primary-text);padding: 2px 8px;border-radius: var(--aj-radius-full)}.you-badge{font-size: 10px;font-weight: var(--aj-weight-bold);background: var(--aj-success);color: #fff;padding: 2px 6px;border-radius: 3px;text-transform: uppercase}.lb-right-description{color: var(--aj-text-secondary);font-size: var(--aj-text-xs);text-transform: uppercase}.lb-score-right{font-size: var(--aj-text-md);font-weight: var(--aj-weight-bold);color: var(--aj-primary-text);flex-shrink: 0}.lb-points-display{font-size: var(--aj-text-xs);color: var(--aj-text-muted);display: flex;align-items: center;gap: 4px;margin-top: 2px}.lb-mini-stats{display: flex;align-items: center;gap: 6px;margin-top: 2px;font-size: var(--aj-text-xs);color: var(--aj-text-muted)}.lb-mini-perfect{color: var(--aj-warning)}.period-points{color: var(--aj-text-secondary);font-weight: var(--aj-weight-medium)}.points-separator{color: var(--aj-border-dark)}.total-points{color: var(--aj-text-muted)}.leaderboard-empty{padding: var(--aj-space-xl);text-align: center;color: var(--aj-text-muted);font-size: var(--aj-text-sm)}.lb-skeleton .lb-skel-rank,.lb-skeleton .lb-skel-avatar,.lb-skeleton .lb-skel-name,.lb-skeleton .lb-skel-pts{background: linear-gradient(90deg,var(--aj-bg-light) 25%,var(--aj-border-light) 50%,var(--aj-bg-light) 75%);background-size: 200% 100%;animation: lb-shimmer 1.4s infinite;border-radius: 4px}.lb-skeleton .lb-skel-rank{width: 24px;height: 24px;border-radius: 50%}.lb-skeleton .lb-skel-avatar{width: 40px;height: 40px;border-radius: 50%;flex-shrink: 0}.lb-skeleton .lb-skel-info{flex: 1;display: flex;flex-direction: column;gap: 6px}.lb-skeleton .lb-skel-name{height: 14px;width: 40%}.lb-skeleton .lb-skel-pts{height: 11px;width: 25%}@keyframes lb-shimmer{0%{background-position: 200% 0}100%{background-position: -200% 0}}[data-theme="dark"] .lb-skeleton .lb-skel-rank,[data-theme="dark"] .lb-skeleton .lb-skel-avatar,[data-theme="dark"] .lb-skeleton .lb-skel-name,[data-theme="dark"] .lb-skeleton .lb-skel-pts{background: linear-gradient(90deg,var(--aj-bg-medium) 25%,var(--aj-border-dark) 50%,var(--aj-bg-medium) 75%);background-size: 200% 100%}.rqp-nav{padding: 20px 0 4px}.rqp-bar{display: flex;align-items: center;justify-content: center;gap: 6px;flex-wrap: wrap}#recent-quizzes-pagination .rqp-btn{display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 38px;height: 38px;padding: 0 10px !important;border: 1.5px solid var(--aj-border-color) !important;border-radius: var(--aj-radius-sm) !important;background: var(--aj-bg-white) !important;color: var(--aj-text-body) !important;font-size: 14px;font-weight: 500 !important;cursor: pointer;transition: background 0.15s,border-color 0.15s,color 0.15s;font-family: inherit;box-shadow: none !important;text-transform: uppercase !important;letter-spacing: 0.5px !important}#recent-quizzes-pagination .rqp-btn:hover:not(:disabled):not(.rqp-active){background: var(--aj-bg-light) !important;border-color: var(--aj-primary) !important;color: var(--aj-primary-text) !important}#recent-quizzes-pagination .rqp-btn.rqp-active{background: var(--aj-primary) !important;border-color: var(--aj-primary) !important;color: #fff !important;font-weight: 700 !important;pointer-events: none}#recent-quizzes-pagination .rqp-btn:disabled{opacity: 0.3 !important;cursor: not-allowed;pointer-events: none}#recent-quizzes-pagination .rqp-ellipsis{display: inline-flex;align-items: center;padding: 0 4px;color: var(--aj-text-muted);font-size: 16px}.rqp-skel-block{display: block;background: linear-gradient(90deg,var(--aj-bg-light) 25%,var(--aj-border-light) 50%,var(--aj-bg-light) 75%);background-size: 200% 100%;animation: rqp-shimmer 1.4s infinite;border-radius: 4px}@keyframes rqp-shimmer{0%{background-position: 200% 0}100%{background-position: -200% 0}}@media (max-width: 1200px){.hp-category-grid{grid-template-columns: repeat(3,1fr)}}@media (max-width: 900px){.card-content-title{font-size: var(--aj-text-md)}.hp-hero-title,.action-card .card-content p{display: none}.hp-category-grid{grid-template-columns: repeat(3,1fr)}}@media (max-width: 768px){.hp-hero{padding: 40px var(--aj-space-sm) 32px}.hp-hero-subtitle{font-size: var(--aj-text-md)}.hp-hero-stats{flex-wrap: wrap;gap: var(--aj-space-sm)}.hp-content{padding: 0 var(--aj-space-sm) var(--aj-space-2xl)}.hp-section-title{font-size: var(--aj-text-lg)}.hp-section-subtitle{display: none}.hp-category-grid{grid-template-columns: repeat(2,1fr)}.hp-lb-tabs{flex-wrap: wrap}}@media (max-width: 600px){.hp-hero{padding: var(--aj-space-lg) var(--aj-space-xs)}.hp-hero-search{display: none}.hp-action-section{padding-top: 0}.action-cards-grid{grid-template-columns: repeat(2,1fr)}.action-card{padding: var(--aj-space-md);gap: var(--aj-space-sm)}.card-content-title{font-size: var(--aj-text-sm);margin-bottom: 0}.hp-category-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 300px){.action-cards-grid,.hp-category-grid{grid-template-columns: repeat(2,1fr)}}.leaderboard-widget{background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-lg);box-shadow: var(--aj-shadow-sm);padding: 0;overflow: hidden}.leaderboard-header{padding: var(--aj-space-lg) var(--aj-space-lg) 0;background: var(--aj-bg-white)}.leaderboard-header .widget-box-title{margin: 0 0 var(--aj-space-md) 0;font-size: var(--aj-text-lg);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading)}.leaderboard-tabs{display: flex;gap: 8px;flex-wrap: wrap;margin: var(--aj-space-md) 0}#leaderboard-widget .lb-tab{flex: 1;min-width: 70px;padding: 8px 12px;white-space: nowrap;text-align: center;font-size: 11px;font-weight: var(--aj-weight-semibold);color: var(--aj-text-secondary) !important;background: rgba(var(--aj-primary-rgb),0.08) !important;border-radius: var(--aj-radius-lg);text-decoration: none;transition: all var(--aj-transition-base);letter-spacing: 0.5px;border: 1px solid transparent;cursor: pointer}@media (hover: hover){#leaderboard-widget .lb-tab:not(.active):hover{background: var(--aj-bg-medium) !important;color: var(--aj-text-heading) !important;border-color: var(--aj-primary) !important;box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important}}#leaderboard-widget .lb-tab.active{background: var(--aj-primary) !important;color: white !important;border-color: var(--aj-primary) !important}.leaderboard-list-avatar{padding: var(--aj-space-md);display: flex;flex-direction: column;gap: 12px}.lb-row-avatar{display: flex;align-items: center;gap: 15px;padding: 12px;background: var(--aj-bg-light);border-radius: var(--aj-radius-md);transition: all var(--aj-transition-base);position: relative}@media (hover: hover){.lb-row-avatar:hover{background: var(--aj-bg-medium);transform: translateX(3px)}}.lb-row-avatar.is-current-user{background: rgba(var(--aj-primary-rgb),0.1);padding-left: 9px}.lb-row-avatar.is-current-user:hover{background: rgba(var(--aj-primary-rgb),0.15)}.lb-rank-number{font-size: 28px;font-weight: var(--aj-weight-bold);color: var(--aj-text-muted);min-width: 35px;text-align: center;line-height: 1;display: flex;align-items: center;justify-content: center}.lb-row-avatar:nth-child(1) .lb-rank-number,.lb-row-avatar:nth-child(2) .lb-rank-number,.lb-row-avatar:nth-child(3) .lb-rank-number{font-size: 36px}.lb-row-avatar:nth-child(n+4) .lb-rank-number{font-size: 28px;color: var(--aj-text-secondary)}.lb-avatar-container{position: relative;width: 50px;height: 50px;flex-shrink: 0}.lb-avatar{width: 50px;height: 50px;border-radius: 50%;display: block;border: 2px solid var(--aj-border-color);transition: border-color var(--aj-transition-base)}.lb-row-avatar:hover .lb-avatar{border-color: var(--aj-primary)}.lb-row-avatar.is-current-user .lb-avatar{border-color: var(--aj-primary);box-shadow: 0 0 0 3px rgba(var(--aj-primary-rgb),0.2)}.lb-rank-badge-overlay{position: absolute;bottom: -3px;right: -3px;width: 22px;height: 22px;border-radius: 50%;border: 2px solid var(--aj-bg-white);background: var(--aj-bg-white);object-fit: contain;z-index: 2;box-shadow: 0 2px 4px rgba(0,0,0,0.15)}.lb-user-info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px}.lb-user-name{font-size: var(--aj-text-base);font-weight: var(--aj-weight-semibold);color: var(--aj-text-heading);display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.lb-rank-pill{display: inline-flex;align-items: center;padding: 2px 8px;font-size: var(--aj-text-xs);font-weight: var(--aj-weight-semibold);border: 1px solid;border-radius: var(--aj-radius-full);white-space: nowrap;line-height: 1.6;width: fit-content}.lb-badge-img{width: 18px;height: 18px;object-fit: contain;flex-shrink: 0;vertical-align: middle}.you-badge{display: inline-block;padding: 2px 6px;background: var(--aj-success);color: white;font-size: 9px;font-weight: var(--aj-weight-bold);text-transform: uppercase;letter-spacing: 0.5px;border-radius: 3px;line-height: 1}.lb-points-display{font-size: 13px;color: var(--aj-text-secondary);display: flex;align-items: center;gap: 4px}.period-points{font-weight: var(--aj-weight-bold);color: var(--aj-primary-text)}.points-separator{color: var(--aj-text-muted)}.total-points{color: var(--aj-text-muted)}.leaderboard-empty{padding: var(--aj-space-2xl);text-align: center}.leaderboard-empty p{color: var(--aj-text-muted);font-size: var(--aj-text-sm);margin: 0}.lb-row-avatar:nth-child(1) .lb-rank-number{color: #FFD700;font-size: 32px}.lb-row-avatar:nth-child(2) .lb-rank-number{color: #C0C0C0;font-size: 30px}.lb-row-avatar:nth-child(3) .lb-rank-number{color: #CD7F32;font-size: 30px}@keyframes lb-shimmer{0%{background-position: 200% 0}100%{background-position: -200% 0}}.lb-skel-rank,.lb-skel-avatar,.lb-skel-name,.lb-skel-pts{background: linear-gradient(90deg,#ececec 25%,#d8d8d8 50%,#ececec 75%);background-size: 200% 100%;animation: lb-shimmer 1.4s infinite;border-radius: 6px}.lb-skel-rank{width: 35px;height: 35px;border-radius: 50%;flex-shrink: 0}.lb-skel-avatar{width: 50px;height: 50px;border-radius: 50%;flex-shrink: 0}.lb-skel-info{flex: 1;display: flex;flex-direction: column;gap: 8px}.lb-skel-name{height: 14px;width: 60%}.lb-skel-pts{height: 12px;width: 40%}.lb-skeleton:nth-child(2) .lb-skel-rank,.lb-skeleton:nth-child(2) .lb-skel-avatar,.lb-skeleton:nth-child(2) .lb-skel-name,.lb-skeleton:nth-child(2) .lb-skel-pts{animation-delay: 0.1s}.lb-skeleton:nth-child(3) .lb-skel-rank,.lb-skeleton:nth-child(3) .lb-skel-avatar,.lb-skeleton:nth-child(3) .lb-skel-name,.lb-skeleton:nth-child(3) .lb-skel-pts{animation-delay: 0.2s}.lb-skeleton:nth-child(4) .lb-skel-rank,.lb-skeleton:nth-child(4) .lb-skel-avatar,.lb-skeleton:nth-child(4) .lb-skel-name,.lb-skeleton:nth-child(4) .lb-skel-pts{animation-delay: 0.3s}.lb-skeleton:nth-child(5) .lb-skel-rank,.lb-skeleton:nth-child(5) .lb-skel-avatar,.lb-skeleton:nth-child(5) .lb-skel-name,.lb-skeleton:nth-child(5) .lb-skel-pts{animation-delay: 0.4s}#leaderboard-body{min-height: 450px}@media (max-width: 480px){#leaderboard-body{min-height: 370px}}@media (max-width: 768px){.leaderboard-tabs{gap: 6px}.lb-tab{min-width: 60px;padding: 6px 8px;font-size: 10px}}@media (max-width: 480px){.lb-row-avatar{gap: 10px;padding: 10px}.lb-rank-number{font-size: 24px;min-width: 28px}.lb-avatar-container{width: 40px;height: 40px}.lb-avatar{width: 40px;height: 40px}.lb-rank-badge-overlay{width: 18px;height: 18px;bottom: -2px;right: -2px}.lb-user-name{font-size: var(--aj-text-sm)}.lb-points-display{font-size: 12px}}@media (max-width: 380px){.leaderboard-tabs{flex-direction: column}.lb-tab{width: 100%}.lb-rank-badge-overlay{display: none}}.dc-card{background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-lg);box-shadow: var(--aj-shadow-md);overflow: hidden}.dc-card-top{display: flex;align-items: center;justify-content: space-between;gap: var(--aj-space-sm);padding: 9px var(--aj-space-lg);background: var(--aj-primary)}.dc-badge{font-size: var(--aj-text-xs);font-weight: var(--aj-weight-bold);text-transform: uppercase;letter-spacing: 1px;color: #fff}.dc-countdown{display: flex;align-items: center;gap: 7px}.dc-countdown-label{font-size: var(--aj-text-xs);color: rgba(255,255,255,0.7)}.dc-countdown-time{font-weight: var(--aj-weight-bold);font-variant-numeric: tabular-nums;letter-spacing: 2px;font-size: var(--aj-text-md);color: #fff}.dc-card-main{display: flex;align-items: center;justify-content: space-between;gap: var(--aj-space-xl);padding: var(--aj-space-lg) var(--aj-space-xl)}.dc-card-info{flex: 1;min-width: 0}.dc-quiz-title{font-size: var(--aj-text-2xl);font-weight: var(--aj-weight-bold);color: var(--aj-text-heading);margin: 0;line-height: 1.25}.dc-played-msg{margin: 6px 0 0;font-size: var(--aj-text-sm);color: var(--aj-text-secondary)}.dc-played-msg strong{color: var(--aj-primary);font-size: var(--aj-text-md);font-weight: var(--aj-weight-bold)}.dc-card-cta{flex: 0 0 auto}.dc-play-btn{display: inline-block;background: var(--aj-primary) !important;color: #fff !important;font-weight: var(--aj-weight-bold);text-transform: uppercase;letter-spacing: 0.5px;padding: 11px 32px;border-radius: var(--aj-radius-lg);font-size: var(--aj-text-sm);text-decoration: none;white-space: nowrap;transition: all var(--aj-transition-base);box-shadow: var(--aj-shadow-primary)}.dc-play-btn:hover{background: var(--aj-primary-darker) !important;color: #fff !important;transform: translateY(-1px);box-shadow: var(--aj-shadow-primary-lg)}.dc-retry-btn{background: transparent !important;color: var(--aj-primary) !important;border: 2px solid var(--aj-primary);box-shadow: none}.dc-retry-btn:hover{background: var(--aj-primary) !important;color: #fff !important;box-shadow: var(--aj-shadow-primary)}.dc-card-footer{border-top: 1px solid var(--aj-border-light);padding: 9px var(--aj-space-xl);display: flex;align-items: center;gap: var(--aj-space-md);background: var(--aj-bg-light);flex-wrap: wrap}.dc-lb-label{font-size: var(--aj-text-xs);font-weight: var(--aj-weight-bold);text-transform: uppercase;letter-spacing: 0.8px;color: var(--aj-text-muted);white-space: nowrap}.dc-lb-strip{display: flex;align-items: center;gap: 7px;flex-wrap: wrap;flex: 1}.dc-lb-chip{display: inline-flex;align-items: center;gap: 5px;background: var(--aj-bg-white);border: 1px solid var(--aj-border-color);border-radius: var(--aj-radius-full);padding: 3px 10px 3px 7px;font-size: var(--aj-text-xs)}.dc-lb-medal{font-size: 11px;line-height: 1}.dc-lb-name{color: var(--aj-text-body);font-weight: var(--aj-weight-medium);max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dc-lb-score{color: var(--aj-primary);font-weight: var(--aj-weight-bold);font-variant-numeric: tabular-nums}.dc-lb-empty{font-size: var(--aj-text-xs);color: var(--aj-text-muted);font-style: italic}@media (max-width: 600px){.dc-card-main{flex-direction: column;align-items: flex-start;gap: var(--aj-space-md);padding: var(--aj-space-md)}.dc-quiz-title{font-size: var(--aj-text-xl)}.dc-play-btn{width: 100%;text-align: center;box-sizing: border-box}.dc-card-footer{padding: 9px var(--aj-space-md)}.dc-lb-strip{display: none}}