:root {  --bg-body: #0a0a12; --bg-surface: #141420; --bg-card: #191929; --bg-card-hover: #1f1f33; --bg-elevated: #1e1e32; --bg-input: #1a1a2e; --bg-soft: #16162a; --text-primary: #e8e8ec; --text-secondary: #a0a0b8; --text-tertiary: #6e6e88; --text-muted: #4a4a64; --border-color: rgba(255, 255, 255, 0.06); --border-soft: rgba(255, 255, 255, 0.04); --border-strong: rgba(255, 255, 255, 0.10); --border-hover: rgba(108, 92, 231, 0.30); --header-bg: rgba(10, 10, 18, 0.85); --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30); --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.40); --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.50); --shadow-glow: 0 0 0 1px rgba(108, 92, 231, 0.20), 0 8px 24px rgba(108, 92, 231, 0.30); --c-primary: #8b5cf6; --c-primary-soft: #a78bfa; --c-primary-glow: rgba(139, 92, 246, 0.40); --c-accent-1: #8b5cf6; --c-accent-2: #ec4899; --c-anime: #ec4899; --c-apps: #3b82f6; --c-articles: #f59e0b; --c-games: #10b981; --c-danger: #ef4444; --c-success: #10b981; --backdrop: blur(20px) saturate(180%);  }
[data-theme="light"] {  --bg-body: #f4f2fb; --bg-surface: #ffffff; --bg-card: #ffffff; --bg-card-hover: #fbfaff; --bg-elevated: #ffffff; --bg-input: #f0eef9; --bg-soft: #ecebf5; --text-primary: #1a1735; --text-secondary: #4a456b; --text-tertiary: #7a7595; --text-muted: #a8a3c0; --border-color: rgba(108, 92, 231, 0.10); --border-soft: rgba(108, 92, 231, 0.06); --border-strong: rgba(108, 92, 231, 0.18); --border-hover: rgba(108, 92, 231, 0.35); --header-bg: rgba(255, 255, 255, 0.85); --shadow-sm: 0 1px 2px rgba(108, 92, 231, 0.04), 0 2px 8px rgba(108, 92, 231, 0.06); --shadow-md: 0 4px 12px rgba(108, 92, 231, 0.08), 0 12px 28px rgba(108, 92, 231, 0.10); --shadow-lg: 0 12px 28px rgba(108, 92, 231, 0.12), 0 24px 56px rgba(108, 92, 231, 0.16); --shadow-glow: 0 0 0 1px rgba(108, 92, 231, 0.08), 0 8px 24px rgba(108, 92, 231, 0.18);  }
:root {  color-scheme: dark;  }
[data-theme="light"] {  color-scheme: light;  }
/* removed: heavy transition rule moved to mobile-perf */
@keyframes mlp-aurora {  0%,100% { transform: translate(0,0) scale(1); opacity: 1; }
33% { transform: translate(20px,-10px) scale(1.05); opacity: .9; }
66% { transform: translate(-15px,15px) scale(.98); opacity: .95; }
  }
@keyframes mlp-sun-spin {  from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
  }
html[data-theme] {  transition: background-color .5s cubic-bezier(.4,0,.2,1);  }
html, body {  overflow-x: clip;  }
.site-header,
header.site-header,
header#masthead {  position: sticky; top: 0; z-index: 1000; display: block; visibility: visible; opacity: 1; transform: none;  }
body, body > div, .site, #page, main, #primary {  transform: none;  }
.cm-home-header {  display: none;  }
.hero-grid {  display: none;  }
.hero-slider {  padding: 14px 0 6px;  }
.hero-slider .container {  position: relative;  }
.mhp-hero {  position: relative; width: 100%; aspect-ratio: 16 / 9; max-height: 70vh; border-radius: 24px; overflow: hidden; contain: paint; background: #0a0a14; box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 16px 40px rgba(0,0,0,.45),
    0 30px 80px rgba(139,92,246,.18); isolation: isolate;  }
.mhp-track {  position: absolute; inset: 0; display: flex; transition: transform .9s cubic-bezier(.6,0,.2,1); will-change: transform;  }
.mhp-slide {  flex: 0 0 100%; position: relative; overflow: hidden; height: 100%;  }
.mhp-slide img,
.mhp-slide video {  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;  }
.mhp-slide img.mhp-poster {  z-index: 0; filter: saturate(1.1) contrast(1.02); opacity: 1; transition: opacity .5s ease;  }
.mhp-slide.video-on img.mhp-poster {  display: none;  }
.mhp-slide video,
.mhp-slide .mhp-yt {  z-index: 1; opacity: 0; transition: opacity 1s ease;  }
.mhp-slide.video-on video,
.mhp-slide.video-on .mhp-yt {  opacity: 1;  }
.mhp-slide.video-on img.mhp-poster {  opacity: 0; visibility: hidden;  }
.mhp-hero + *, .mhp-hero ~ .mhp-poster {  display: none;  }
.mhp-slide:not(.is-active) {  visibility: hidden;  }
.mhp-slide.is-active {  visibility: visible;  }
.mhp-slide .mhp-yt {  position: absolute; inset: -20%; z-index: 1; opacity: 0; transition: opacity 1s ease; pointer-events: none; overflow: hidden;  }
.mhp-slide .mhp-yt iframe {  position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none;  }
.mhp-slide .mhp-yt::after {  content: ''; position: absolute; inset: 0; z-index: 10; background: transparent;  }
.mhp-slide.is-active img.mhp-poster {  animation: mhp-zoom 14s ease-in-out infinite alternate;  }
@keyframes mhp-zoom {  from { transform: scale(1); }
to { transform: scale(1.08); }
  }
.mhp-slide::before {  content: ''; position: absolute; inset: 0; background:
    linear-gradient(180deg, transparent 40%, rgba(0,0,0,.4) 65%, rgba(0,0,0,.8) 100%); z-index: 2; pointer-events: none;  }
.mhp-content,
.mhp-pills,
.mhp-pill {  display: none;  }
.mhp-rank-corner {  position: absolute; top: 10px; left: auto; right: 10px; right: auto; z-index: 6; display: inline-grid; place-items: center; width: 32px; height: 32px; background: linear-gradient(135deg, #f59e0b, #ef4444); color: #fff; border-radius: 50%; font-size: 11px; font-weight: 900; box-shadow: 0 4px 14px rgba(239,68,68,.5); pointer-events: none; flex-shrink: 0;  }
.mhp-bottom-area {  position: absolute; bottom: 8px; left: 10px; right: 10px; z-index: 3; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; pointer-events: none; box-sizing: border-box;  }
.mhp-glass-bar {  flex: 1; min-width: 0; padding: 10px 14px; background: rgba(0,0,0,.6); backdrop-filter: blur(16px) saturate(160%); -webkit-backdrop-filter: blur(16px) saturate(160%); border: 1px solid rgba(255,255,255,.10); border-radius: 12px; overflow: hidden;  }
.mhp-title {  font-size: clamp(12px, 2vw, 20px); font-weight: 900; color: #fff; margin: 0; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0 1px 4px rgba(0,0,0,.5); word-break: break-word; overflow-wrap: break-word;  }
.mhp-action-stack {  display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: auto; flex: 0 0 auto;  }
.mhp-cat-chip {  padding: 3px 8px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.15); border-radius: 100px; color: #fff; font-size: 9px; font-weight: 700; white-space: nowrap; max-width: 65px; overflow: hidden; text-overflow: ellipsis;  }
.mhp-download {  display: inline-grid; place-items: center; width: 42px; height: 42px; background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%); color: #fff; border: 2px solid rgba(255,255,255,.35); border-radius: 50%; font-size: 16px; text-decoration: none; box-shadow:
    0 0 16px rgba(236,72,153,.5),
    0 0 32px rgba(139,92,246,.3),
    0 4px 12px rgba(0,0,0,.3); transition: transform .3s cubic-bezier(.34,1.56,.64,1); animation: mhp-neon-pulse 2.4s ease-in-out infinite; pointer-events: auto;  }
.mhp-download span {  display: none;  }
.mhp-download:hover, .mhp-download:active {  transform: scale(1.1);  }
.mhp-progress {  position: absolute; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg, #8b5cf6, #ec4899); border-radius: 100px; z-index: 5; width: 0%; transition: width .15s linear; pointer-events: none;  }
.mhp-track {  position: absolute; inset: 0; display: flex; transition: transform .9s cubic-bezier(.6,0,.2,1); will-change: transform;  }
.mhp-link {  position: absolute; inset: 0; z-index: 4; cursor: pointer;  }
.mhp-dots {  position: absolute; top: 10px; inset-inline-start: 50%; transform: translateX(-50%); z-index: 6; display: flex; gap: 3px; padding: 4px 8px; background: rgba(0,0,0,.4); border-radius: 100px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.08);  }
.mhp-dot {  width: 5px; height: 5px; min-width: 5px; min-height: 5px; max-width: 5px; max-height: 5px; background: rgba(255,255,255,.45); border-radius: 50%; border: none; cursor: pointer; padding: 0; margin: 0; transition: all .35s cubic-bezier(.4,0,.2,1); display: block; box-sizing: content-box; -webkit-appearance: none; appearance: none; font-size: 0; line-height: 0;  }
.mhp-dot.active {  width: 16px; min-width: 16px; max-width: 16px; height: 5px; border-radius: 100px; background: linear-gradient(90deg, #8b5cf6, #ec4899); box-shadow: 0 0 8px rgba(139,92,246,.7);  }
.mhp-prev, .mhp-next {  position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; display: grid; place-items: center; background: rgba(15,15,28,.6); color: #fff; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; cursor: pointer; z-index: 6; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: all .25s ease; opacity: 0;  }
.mhp-hero:hover .mhp-prev, .mhp-hero:hover .mhp-next {  opacity: 1;  }
.mhp-prev:hover, .mhp-next:hover {  background: rgba(139,92,246,.85); border-color: transparent; transform: translateY(-50%) scale(1.1);  }
.mhp-prev {  inset-inline-start: 14px;  }
.mhp-next {  inset-inline-end: 14px;  }
.mhp-progress {  position: absolute; bottom: 0; left: 0; height: 3px; background: linear-gradient(90deg, #8b5cf6, #ec4899); z-index: 5; width: 0%; transition: width .15s linear; pointer-events: none;  }
.mhp-skeleton {  position: absolute; inset: 0; background: linear-gradient(135deg, rgba(20,20,32,.8), rgba(15,15,28,1)); border-radius: inherit;  }
.mhp-skeleton::before {  content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(139,92,246,.12), transparent); animation: mhp-shimmer 1.6s infinite;  }
@keyframes mhp-shimmer {  0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
  }
.cm-tabs,
.filter-tabs,
.category-tabs,
body.home .filter-chips,
body.home .home-filter-chips,
body.home .subcategory-filters {  display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; align-items: center; gap: 10px; padding: 14px; margin: 18px 0 22px; background: linear-gradient(180deg, rgba(30,30,48,.55), rgba(20,20,32,.75)); border: 1px solid rgba(255,255,255,.06); border-radius: 18px; backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 8px 24px rgba(0,0,0,.25); scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; justify-content: flex-start; list-style: none;  }
.cm-tabs::-webkit-scrollbar,
.filter-tabs::-webkit-scrollbar,
.category-tabs::-webkit-scrollbar,
body.home .filter-chips::-webkit-scrollbar,
body.home .subcategory-filters::-webkit-scrollbar {  display: none;  }
.cm-tab,
.filter-tab,
.category-tab,
body.home .filter-chip {  position: relative; flex: 0 0 auto; scroll-snap-align: start; display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); border-radius: 100px; color: rgba(226,232,240,.85); font-size: 13px; font-weight: 700; letter-spacing: .2px; text-decoration: none; cursor: pointer; white-space: nowrap; transition: all .3s cubic-bezier(.4,0,.2,1); overflow: hidden; isolation: isolate;  }
.cm-tab::before,
.filter-tab::before,
.category-tab::before,
body.home .filter-chip::before {  content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #8b5cf6, #ec4899); opacity: 0; transition: opacity .3s ease; z-index: -1;  }
.cm-tab:hover,
.filter-tab:hover,
.category-tab:hover,
body.home .filter-chip:hover {  color: #fff; border-color: rgba(139,92,246,.45); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(139,92,246,.22);  }
.cm-tab.active,
.filter-tab.active,
.category-tab.active,
.cm-tab[aria-current="true"],
body.home .filter-chip.active {  color: #fff; border-color: transparent; box-shadow: 0 10px 28px rgba(139,92,246,.45);  }
.cm-tab.active::before,
.filter-tab.active::before,
.category-tab.active::before,
body.home .filter-chip.active::before {  opacity: 1;  }
body.home .section-title,
body.home .cm-section-title {  position: relative; padding-inline-start: 18px; font-size: 22px; font-weight: 900; margin: 28px 0 14px; color: var(--text-primary, #fff);  }
body.home .section-title::before,
body.home .cm-section-title::before {  content: ''; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 28px; background: linear-gradient(180deg, #8b5cf6, #ec4899); border-radius: 100px; box-shadow: 0 0 14px rgba(139,92,246,.5);  }
body.home .posts-grid {  gap: 14px; margin-top: 4px;  }
body.home .hero-slider {  margin-bottom: 0; padding-bottom: 0;  }
body.home .hero-slider + section,
body.home .hero-slider + div,
body.home main > section:not(.hero-slider) {  margin-top: 4px;  }
body.home .latest-section,
body.home .recent-posts,
body.home .home-content {  padding-top: 0; margin-top: 4px;  }
body.home .section-title,
body.home .cm-section-title,
body.home h2.section-title {  position: relative; display: flex; align-items: center; gap: 10px; font-size: clamp(17px, 2vw, 24px); font-weight: 900; margin: 12px 0 8px; color: var(--text-primary, #fff); letter-spacing: -.3px; padding-inline-start: 0;  }
body.home .section-title::before,
body.home .cm-section-title::before {  content: ''; position: static; display: inline-block; width: 5px; height: 24px; background: linear-gradient(180deg, #8b5cf6, #ec4899); border-radius: 100px; box-shadow: 0 0 14px rgba(139,92,246,.55); transform: none; flex: 0 0 auto;  }
body.home .section-title::after {  content: ''; flex: 1; height: 1px; background: linear-gradient(90deg,
    rgba(139,92,246,.2) 0%,
    rgba(255,255,255,.03) 50%,
    transparent 100%); margin-inline-start: 6px;  }
body.home .cm-tabs,
body.home .filter-tabs,
body.home .category-tabs,
body.home .filter-chips,
body.home .home-filter-chips,
body.home .subcategory-filters {  margin: 0; padding: 0; background: none; border: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; border-radius: 0;  }
.mhp-unified-bar {  display: flex; flex-direction: column; gap: 10px; margin: 12px 0 10px; padding: 14px 16px; background: linear-gradient(180deg, rgba(30,30,48,.55), rgba(20,20,32,.75)); border: 1px solid rgba(255,255,255,.06); border-radius: 16px; backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 4px 14px rgba(0,0,0,.18);  }
.mhp-bar-top {  display: flex; align-items: center; justify-content: space-between; gap: 10px;  }
.mhp-bar-title {  display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 900; color: var(--text-primary, #fff); white-space: nowrap;  }
.mhp-bar-title::before {  content: ''; display: inline-block; width: 4px; height: 18px; background: linear-gradient(180deg, #8b5cf6, #ec4899); border-radius: 100px; flex: 0 0 auto;  }
.mhp-bar-chips {  display: flex; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 2px 0;  }
.mhp-bar-chips::-webkit-scrollbar {  display: none;  }
.mhp-bar-chips .cm-tab,
.mhp-bar-chips .filter-tab,
.mhp-bar-chips .category-tab,
.mhp-bar-chips .filter-chip,
.mhp-bar-chips a,
.mhp-bar-chips button {  display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; font-size: 12px; font-weight: 700; border-radius: 100px; flex: 0 0 auto; white-space: nowrap; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); color: rgba(226,232,240,.85); text-decoration: none; cursor: pointer; transition: all .25s cubic-bezier(.4,0,.2,1);  }
.mhp-bar-chips .active,
.mhp-bar-chips [aria-current="true"] {  background: linear-gradient(135deg, #8b5cf6, #ec4899); color: #fff; border-color: transparent; box-shadow: 0 6px 16px rgba(139,92,246,.35);  }
.mhp-unified-bar .mhp-view-toggle {  display: inline-flex; align-items: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; padding: 3px; gap: 2px;  }
.mhp-unified-bar .mhp-view-btn {  width: 30px; height: 28px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: none; color: rgba(226,232,240,.6); border-radius: 7px; cursor: pointer; font-size: 12px; padding: 0; transition: all .2s ease;  }
.mhp-unified-bar .mhp-view-btn:hover {  color: #fff; background: rgba(255,255,255,.06);  }
.mhp-unified-bar .mhp-view-btn.active {  color: #fff; background: linear-gradient(135deg, #8b5cf6, #ec4899); box-shadow: 0 3px 10px rgba(139,92,246,.4);  }
.mhp-view-toggle {  display: inline-flex; align-items: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 3px; gap: 2px; margin-inline-start: auto; flex: 0 0 auto;  }
.mhp-view-btn {  width: 32px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: none; color: rgba(226,232,240,.7); border-radius: 8px; cursor: pointer; font-size: 14px; padding: 0; transition: all .25s cubic-bezier(.4,0,.2,1);  }
.mhp-view-btn i {  display: inline-block; font-size: 13px; line-height: 1; color: inherit;  }
.mhp-view-btn:hover {  color: #fff; background: rgba(255,255,255,.06);  }
.mhp-view-btn.active {  color: #fff; background: linear-gradient(135deg, #8b5cf6, #ec4899); box-shadow: 0 4px 12px rgba(139,92,246,.4);  }
.mhp-view-btn.active i {  color: #fff;  }
body.home .posts-grid {  grid-template-columns: 1fr;  }
body.home .posts-grid.mhp-single-view {  grid-template-columns: 1fr;  }
body.home .posts-grid.mhp-double-view {  grid-template-columns: repeat(2, 1fr);  }
body.home .posts-grid.mhp-list-view {  grid-template-columns: 1fr;  }
body.home .posts-grid.mhp-list-view .post-card {  display: grid; grid-template-columns: 180px 1fr;  }
body.home .posts-grid.mhp-list-view .post-card-link {  display: contents;  }
body.home .posts-grid.mhp-list-view .post-card-image {  aspect-ratio: auto; height: 100%; min-height: 120px; border-radius: 14px 0 0 14px;  }
[dir="rtl"] body.home .posts-grid.mhp-list-view .post-card-image {  border-radius: 0 14px 14px 0;  }
body.home .posts-grid.mhp-list-view .post-card-body {  display: flex; flex-direction: column; justify-content: center; padding: 14px 16px;  }
body.home .posts-grid.mhp-list-view .post-card-title {  font-size: 15px; -webkit-line-clamp: 2; min-height: auto;  }
.mhp-pills {  margin-bottom: 10px;  }
.mhp-pill {  padding: 4px 10px; font-size: 10.5px; letter-spacing: .25px;  }
.mhp-title {  text-shadow: 0 2px 18px rgba(0,0,0,.85), 0 1px 4px rgba(0,0,0,.6);  }
.mhp-slide::before {  background:
    linear-gradient(180deg, transparent 25%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.92) 100%),
    radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.30) 100%);  }
body.home .site-footer {  margin-top: 40px; border-top: 1px solid rgba(255,255,255,.06); background: linear-gradient(180deg, transparent, rgba(15,15,28,.55));  }
body.home a, body.home button {  transition-property: color, background-color, border-color, transform, box-shadow, opacity; transition-duration: .25s; transition-timing-function: cubic-bezier(.4,0,.2,1);  }
aside.sidebar > .sidebar-widget.widget_block,
.widget-area .sidebar-widget.widget_block,
aside .sidebar-widget.widget_block {  display: none;  }
.sidebar-widget.widget_search,
.sidebar-widget.widget_recent_entries,
.sidebar-widget.widget_recent_comments,
.sidebar-widget.widget_archive,
.sidebar-widget.widget_categories,
.sidebar-widget.widget_meta,
.sidebar-widget.widget_pages,
.sidebar-widget.widget_tag_cloud {  display: none;  }
.widget,
.sidebar-widget,
.widget_search,
.widget_recent_entries,
.widget_recent_comments,
.widget_archive,
.widget_categories,
.widget_meta,
.widget_pages,
.widget_tag_cloud,
.widget_text,
.widget_block,
aside .widget,
aside .sidebar-widget,
.sidebar > .sidebar-widget,
.sidebar .widget,
.widget-area .widget,
.widget-area .sidebar-widget {  position: relative; margin-bottom: 18px; padding: 22px; background: linear-gradient(180deg,
    rgba(30,30,48,.55) 0%,
    rgba(20,20,32,.75) 100%); border: 1px solid rgba(255,255,255,.06); border-radius: 18px; backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 4px 14px rgba(0,0,0,.18),
    0 12px 32px rgba(139,92,246,.08); list-style: none; overflow: hidden; isolation: isolate;  }
.sidebar-widget::before,
aside .sidebar-widget::before,
.widget::before {  content: ''; position: absolute; top: 0; inset-inline-start: 22px; width: 36px; height: 3px; background: linear-gradient(90deg, #8b5cf6, #ec4899); border-radius: 0 0 100px 100px; box-shadow: 0 0 12px rgba(139,92,246,.6); z-index: 1;  }
.widget-title,
.widget h2,
.widget h3,
.widget h4,
.sidebar-widget h2,
.sidebar-widget h3,
.sidebar-widget h4,
.sidebar-widget .wp-block-heading,
aside .widget-title,
aside .wp-block-heading {  position: relative; display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 900; margin: 0 0 18px; padding: 0 0 14px; color: var(--text-primary, #fff); letter-spacing: -.2px; border: none; border-bottom: 1px solid rgba(255,255,255,.06); text-transform: none;  }
.widget-title::before,
.widget h2::before,
.widget h3::before,
.sidebar-widget h2::before,
.sidebar-widget h3::before,
.sidebar-widget .wp-block-heading::before {  content: ''; display: inline-block; width: 4px; height: 18px; background: linear-gradient(180deg, #8b5cf6, #ec4899); border-radius: 100px; flex: 0 0 auto; box-shadow: 0 0 8px rgba(139,92,246,.4);  }
.widget ul,
.widget ol,
.sidebar-widget ul,
.sidebar-widget ol,
aside .widget ul,
.wp-block-latest-posts,
.wp-block-latest-posts__list,
.wp-block-categories,
.wp-block-categories-list,
.wp-block-archives,
.wp-block-archives-list,
.wp-block-page-list,
ul.wp-block-latest-comments {  list-style: none; padding: 0; margin: 0;  }
.widget li,
.sidebar-widget li,
aside .widget li,
.wp-block-latest-posts li,
.wp-block-categories li,
.wp-block-archives li,
.wp-block-page-list li,
.wp-block-latest-comments li,
.wp-block-latest-comments__comment {  display: block; padding: 11px 14px; margin-bottom: 5px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.05); border-radius: 10px; font-size: 13.5px; line-height: 1.55; transition: all .25s cubic-bezier(.4,0,.2,1); position: relative; overflow: hidden; list-style: none; border-inline-start: 2px solid transparent;  }
.widget li:hover,
.sidebar-widget li:hover,
.wp-block-latest-posts li:hover,
.wp-block-categories li:hover,
.wp-block-archives li:hover,
.wp-block-latest-comments li:hover,
.wp-block-latest-comments__comment:hover {  background: rgba(139,92,246,.08); border-color: rgba(139,92,246,.15); border-inline-start-color: #8b5cf6;  }
.widget li:last-child,
.sidebar-widget li:last-child {  margin-bottom: 0;  }
.widget a,
.sidebar-widget a,
aside .widget a,
.wp-block-latest-posts__post-title,
.wp-block-latest-comments__comment-link,
.wp-block-latest-comments__comment-author,
.wp-block-categories a,
.wp-block-archives a {  color: rgba(226,232,240,.88); text-decoration: none; font-weight: 600; transition: color .2s ease; line-height: 1.55;  }
.widget a:hover,
.sidebar-widget a:hover,
.wp-block-latest-posts__post-title:hover,
.wp-block-latest-comments__comment-link:hover,
.wp-block-categories a:hover,
.wp-block-archives a:hover {  background: linear-gradient(135deg, #c4b5fd, #f9a8d4); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;  }
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments li b,
.wp-block-latest-comments__comment > b,
.widget_recent_comments .comment-author-link {  color: #c4b5fd; font-weight: 800; background: rgba(139,92,246,.14); padding: 1px 7px; border-radius: 6px; margin: 0 2px; display: inline;  }
.wp-block-latest-comments__comment-meta {  color: rgba(226,232,240,.72); font-size: 12.5px; display: block; line-height: 1.65;  }
.wp-block-search,
.widget_search {  position: relative;  }
.wp-block-search__label,
.widget_search label {  display: none;  }
.wp-block-search__inside-wrapper {  display: flex; gap: 0; width: 100%;  }
.wp-block-search__input,
.widget_search input[type="search"],
.search-form input[type="search"] {  flex: 1; padding: 12px 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); border-radius: 12px 0 0 12px; color: var(--text-primary, #fff); font-size: 13.5px; font-family: inherit; outline: none; transition: all .25s cubic-bezier(.4,0,.2,1);  }
[dir="rtl"] .wp-block-search__input,
[dir="rtl"] .widget_search input[type="search"] {  border-radius: 0 12px 12px 0;  }
.wp-block-search__input::placeholder {  color: rgba(226,232,240,.4);  }
.wp-block-search__input:focus {  border-color: rgba(139,92,246,.5); box-shadow: 0 0 0 3px rgba(139,92,246,.15); background: rgba(255,255,255,.06);  }
.wp-block-search__button,
.widget_search input[type="submit"],
.widget_search button[type="submit"],
.search-form input[type="submit"],
.search-form button {  padding: 11px 20px; background: linear-gradient(135deg, #8b5cf6, #ec4899); color: #fff; border: none; border-radius: 0 12px 12px 0; font-size: 13px; font-weight: 800; cursor: pointer; transition: transform .25s ease; white-space: nowrap;  }
[dir="rtl"] .wp-block-search__button {  border-radius: 12px 0 0 12px;  }
.wp-block-search__button:hover {  transform: translateY(-1px);  }
.widget select,
.sidebar-widget select {  width: 100%; padding: 11px 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); border-radius: 12px; color: var(--text-primary, #fff); font-size: 13px; font-family: inherit; outline: none;  }
.wp-block-tag-cloud,
.widget_tag_cloud .tagcloud,
.widget .tagcloud {  display: flex; flex-wrap: wrap; gap: 6px; padding: 0;  }
.wp-block-tag-cloud a,
.widget .tagcloud a {  display: inline-flex; padding: 6px 12px; background: rgba(139,92,246,.10); border: 1px solid rgba(139,92,246,.20); border-radius: 100px; font-size: 12px; color: #c4b5fd; text-decoration: none; transition: all .2s ease;  }
.wp-block-tag-cloud a:hover,
.widget .tagcloud a:hover {  background: linear-gradient(135deg, #8b5cf6, #ec4899); color: #fff; border-color: transparent; transform: translateY(-2px); -webkit-text-fill-color: #fff;  }
.widget-area,
.sidebar,
aside.widget-area,
aside.sidebar {  display: flex; flex-direction: column; gap: 14px;  }
:root {  --mps-purple: #8b5cf6; --mps-pink:   #ec4899; --mps-cyan:   #06b6d4; --mps-amber:  #f59e0b; --mps-emerald:#10b981; --mps-ease:   cubic-bezier(.4,0,.2,1); --mps-bounce: cubic-bezier(.34,1.56,.64,1);  }
#mps-progress {  position: fixed; top: 0; left: 0; width: 100%; height: 3px; background: transparent; z-index: 9999; pointer-events: none;  }
#mps-progress .mps-progress-fill {  width: 0%; height: 100%; background: linear-gradient(90deg, var(--mps-purple), var(--mps-pink), var(--mps-cyan)); background-size: 200% 100%; box-shadow: 0 0 12px rgba(139,92,246,.6); transition: width .12s linear; animation: mps-shine 3s linear infinite;  }
@keyframes mps-shine {  0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
  }
.mps-skeleton {  position: relative; overflow: hidden; background: rgba(255,255,255,.05); border-radius: 12px;  }
.mps-skeleton::after {  content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); animation: mps-skeleton 1.4s ease-in-out infinite;  }
@keyframes mps-skeleton {  0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
  }
.mps-modal {  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(8,8,16,.75); backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); z-index: 99998; padding: 24px; opacity: 0; pointer-events: none; transition: opacity .25s var(--mps-ease);  }
.mps-modal.show {  opacity: 1; pointer-events: auto;  }
.mps-modal-card {  width: 100%; max-width: 760px; max-height: 88vh; overflow-y: auto; background: linear-gradient(180deg, rgba(30,30,48,.95), rgba(15,15,28,.98)); border: 1px solid rgba(139,92,246,.2); border-radius: 20px; box-shadow: 0 24px 60px rgba(0,0,0,.5); transform: translateY(20px) scale(.96); transition: transform .3s var(--mps-bounce); position: relative;  }
.mps-modal.show .mps-modal-card {  transform: translateY(0) scale(1);  }
.mps-modal-close {  position: absolute; top: 12px; inset-inline-end: 12px; width: 36px; height: 36px; display: grid; place-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 50%; color: #fff; cursor: pointer; z-index: 5; transition: all .2s ease;  }
.mps-modal-close:hover {  background: rgba(236,72,153,.3); transform: rotate(90deg);  }
.mps-qv-image {  width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 20px 20px 0 0; display: block;  }
.mps-qv-body {  padding: 24px 28px 28px;  }
.mps-qv-title {  font-size: 22px; font-weight: 800; margin: 0 0 10px; color: #fff; background: linear-gradient(135deg, #fff, #c4b5fd); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;  }
.mps-qv-meta {  display: flex; gap: 14px; flex-wrap: wrap; margin: 12px 0; font-size: 13px; color: rgba(226,232,240,.7);  }
.mps-qv-meta span {  display: inline-flex; align-items: center; gap: 5px;  }
.mps-qv-excerpt {  color: rgba(226,232,240,.85); line-height: 1.7; font-size: 14.5px; margin: 14px 0 18px;  }
.mps-qv-tags {  display: flex; gap: 6px; flex-wrap: wrap; margin: 14px 0;  }
.mps-qv-tag {  padding: 4px 12px; background: rgba(139,92,246,.15); border: 1px solid rgba(139,92,246,.25); border-radius: 100px; font-size: 12px; color: #c4b5fd;  }
.mps-qv-actions {  display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px;  }
.mps-btn {  display: inline-flex; align-items: center; gap: 8px; padding: 11px 22px; background: linear-gradient(135deg, var(--mps-purple), var(--mps-pink)); color: #fff; border: none; border-radius: 100px; font-weight: 700; font-size: 13.5px; cursor: pointer; text-decoration: none; box-shadow: 0 8px 22px rgba(139,92,246,.35); transition: transform .25s var(--mps-ease);  }
.mps-btn:hover {  transform: translateY(-2px) scale(1.03);  }
.mps-btn-ghost {  background: rgba(255,255,255,.06); color: #fff; border: 1px solid rgba(255,255,255,.15); box-shadow: none;  }
.mps-card-actions {  position: absolute; top: 12px; inset-inline-start: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 4; opacity: 0; transform: translateX(-8px); transition: all .35s var(--mps-ease); pointer-events: none;  }
.post-card:hover .mps-card-actions {  opacity: 1; transform: translateX(0); pointer-events: auto;  }
.mps-card-actions .mps-compare-btn {  display: none;  }
.mps-card-btn {  width: 36px; height: 36px; display: grid; place-items: center; background: rgba(15,15,28,.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.12); border-radius: 50%; color: #fff; font-size: 13px; cursor: pointer; transition: all .25s var(--mps-ease);  }
.mps-card-btn:hover {  transform: scale(1.12); border-color: rgba(139,92,246,.5); background: rgba(139,92,246,.4);  }
.mps-card-btn.active {  background: linear-gradient(135deg, var(--mps-pink), var(--mps-purple)); border-color: transparent; color: #fff;  }
@keyframes mps-heart-pop {  0% { transform: scale(1); }
40% { transform: scale(1.4); }
100% { transform: scale(1); }
  }
.mps-card-btn.popped {  animation: mps-heart-pop .5s var(--mps-bounce);  }
.mps-recently {  margin: 32px 0; padding: 18px 20px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 18px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  }
.mps-recently-title {  font-size: 14px; font-weight: 800; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; color: var(--text-primary, #fff);  }
.mps-recently-title i {  color: var(--mps-purple);  }
.mps-recently-strip {  display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 4px;  }
.mps-recently-strip::-webkit-scrollbar {  height: 4px;  }
.mps-recently-strip::-webkit-scrollbar-thumb {  background: rgba(139,92,246,.4); border-radius: 4px;  }
.mps-recent-item {  flex: 0 0 auto; width: 130px; scroll-snap-align: start; text-decoration: none; color: inherit; transition: transform .25s var(--mps-ease);  }
.mps-recent-item:hover {  transform: translateY(-3px);  }
.mps-recent-item img,
.mps-recent-item .mps-recent-fallback {  width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 10px; margin-bottom: 6px; background: rgba(139,92,246,.15); display: block;  }
.mps-recent-item h4 {  font-size: 12px; font-weight: 600; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--text-primary, #fff); line-height: 1.4;  }
.mps-recommend {  margin: 32px 0; padding: 24px; background: linear-gradient(135deg, rgba(139,92,246,.08), rgba(236,72,153,.06)); border: 1px solid rgba(139,92,246,.15); border-radius: 22px;  }
.mps-recommend-title {  font-size: 18px; font-weight: 800; margin: 0 0 16px; display: flex; align-items: center; gap: 10px; color: var(--text-primary, #fff);  }
.mps-recommend-title i {  background: linear-gradient(135deg, var(--mps-purple), var(--mps-pink)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;  }
.mps-recommend-grid {  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px;  }
.mps-rec-card {  display: block; text-decoration: none; color: inherit; border-radius: 12px; overflow: hidden; background: rgba(255,255,255,.04); transition: transform .25s var(--mps-ease);  }
.mps-rec-card:hover {  transform: translateY(-4px);  }
.mps-rec-card img,
.mps-rec-card .mps-rec-fallback {  width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; background: rgba(139,92,246,.15);  }
.mps-rec-card .mps-rec-info {  padding: 8px 10px;  }
.mps-rec-card h4 {  font-size: 12.5px; font-weight: 700; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--text-primary, #fff); line-height: 1.4;  }
.mps-compare-bar {  position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%) translateY(100px); display: none; align-items: center; gap: 12px; padding: 12px 18px; background: rgba(20,20,32,.92); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(139,92,246,.3); border-radius: 100px; box-shadow: 0 16px 40px rgba(0,0,0,.5); z-index: 100; transition: transform .3s var(--mps-bounce);  }
.mps-compare-bar.show {  display: flex; transform: translateX(-50%) translateY(0);  }
.mps-compare-thumbs {  display: flex; gap: 6px;  }
.mps-compare-thumb {  width: 36px; height: 36px; border-radius: 50%; background-size: cover; background-position: center; border: 2px solid rgba(139,92,246,.5); position: relative;  }
.mps-compare-thumb::after {  content: '×'; position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; background: var(--mps-pink); color: #fff; border-radius: 50%; font-size: 11px; display: grid; place-items: center; cursor: pointer; font-weight: 800; line-height: 1;  }
.mps-compare-empty {  width: 36px; height: 36px; border-radius: 50%; border: 2px dashed rgba(139,92,246,.3);  }
.mps-compare-bar .mps-btn {  padding: 8px 18px; font-size: 12.5px;  }
.mps-compare-table {  width: 100%; border-collapse: collapse; margin: 12px 0;  }
.mps-compare-table th,
.mps-compare-table td {  padding: 12px 10px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 13px; color: rgba(226,232,240,.85);  }
.mps-compare-table th {  font-weight: 700; color: var(--mps-purple);  }
.mps-compare-table img {  width: 100%; max-width: 140px; aspect-ratio: 16/10; object-fit: cover; border-radius: 10px;  }
.mps-compare-table .mps-compare-name {  font-weight: 700; color: var(--text-primary, #fff); text-decoration: none;  }
.mps-drawer-toggle {  display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); color: rgba(226,232,240,.85); border-radius: 12px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all .25s ease;  }
.mps-drawer-toggle:hover {  background: rgba(139,92,246,.15); border-color: rgba(139,92,246,.4); color: #fff;  }
.mps-drawer {  position: fixed; top: 0; bottom: 0; inset-inline-end: 0; width: 320px; max-width: 90vw; background: rgba(15,15,28,.97); backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); border-inline-start: 1px solid rgba(139,92,246,.2); z-index: 99997; transform: translateX(110%); transition: transform .35s var(--mps-ease); overflow-y: auto; padding: 20px 22px; box-shadow: -20px 0 60px rgba(0,0,0,.4);  }
[dir="rtl"] .mps-drawer {  transform: translateX(-110%);  }
.mps-drawer.open {  transform: translateX(0);  }
.mps-voice-btn {  position: absolute; inset-inline-end: 44px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: grid; place-items: center; background: transparent; border: none; color: rgba(226,232,240,.5); cursor: pointer; border-radius: 50%; transition: all .2s ease;  }
.mps-voice-btn:hover {  color: var(--mps-purple); background: rgba(139,92,246,.1);  }
.mps-voice-btn.listening {  color: var(--mps-pink); animation: mps-voice-pulse 1.5s ease-in-out infinite;  }
@keyframes mps-voice-pulse {  0%,100% { box-shadow: 0 0 0 0 rgba(236,72,153,.5); }
50% { box-shadow: 0 0 0 10px rgba(236,72,153,0); }
  }
.mps-autocomplete {  position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: rgba(15,15,28,.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(139,92,246,.2); border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.4); max-height: 380px; overflow-y: auto; z-index: 60; display: none;  }
.mps-autocomplete.show {  display: block;  }
.mps-ac-item {  display: flex; align-items: center; gap: 10px; padding: 10px 14px; text-decoration: none; color: var(--text-primary, #fff); border-bottom: 1px solid rgba(255,255,255,.04); transition: background .15s ease;  }
.mps-ac-item:hover, .mps-ac-item.active {  background: rgba(139,92,246,.12);  }
.mps-ac-thumb {  width: 40px; height: 40px; background: rgba(139,92,246,.15); background-size: cover; background-position: center; border-radius: 8px; flex: 0 0 auto;  }
.mps-ac-info {  flex: 1; min-width: 0;  }
.mps-ac-info h5 {  margin: 0; font-size: 13.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-primary, #fff);  }
.mps-ac-info span {  font-size: 11px; color: rgba(226,232,240,.6);  }
.mps-magnetic {  transition: transform .25s var(--mps-ease);  }
.mps-cursor-dot {  position: fixed; width: 10px; height: 10px; background: radial-gradient(circle, rgba(139,92,246,.7), rgba(236,72,153,.3) 70%, transparent); border-radius: 50%; pointer-events: none; z-index: 99999; transform: translate(-50%, -50%); mix-blend-mode: screen; transition: opacity .3s ease; will-change: transform;  }
#mps-particles {  position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .35;  }
.mps-hero-stats {  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px;  }
.mps-stat {  display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 100px; font-size: 12.5px; font-weight: 700; color: rgba(255,255,255,.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  }
.mps-stat strong {  color: var(--mps-purple);  }
.mps-stat i {  background: linear-gradient(135deg, var(--mps-purple), var(--mps-pink)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;  }
.mps-reader-toggle {  display: none;  }
body.mps-reader-mode {   }
body.mps-reader-mode .site-header,
body.mps-reader-mode .site-footer,
body.mps-reader-mode .sidebar,
body.mps-reader-mode .mps-card-actions,
body.mps-reader-mode .mps-recommend,
body.mps-reader-mode .related-posts,
body.mps-reader-mode .cm-ad-slot,
body.mps-reader-mode .cm-ad-between,
body.mps-reader-mode aside {  display: revert;  }
.mps-featured {  display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 8px 0 16px; margin: 0 -4px 24px;  }
.mps-featured::-webkit-scrollbar {  height: 4px;  }
.mps-featured-card {  flex: 0 0 280px; scroll-snap-align: start; border-radius: 16px; overflow: hidden; position: relative; text-decoration: none; background: rgba(20,20,32,.6); border: 1px solid rgba(255,255,255,.08); transition: transform .3s var(--mps-ease);  }
.mps-featured-card:hover {  transform: translateY(-4px);  }
.mps-page-transition {  animation: mps-page-fade .35s var(--mps-ease);  }
@keyframes mps-page-fade {  from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
  }
.mps-toast {  position: fixed; bottom: 24px; inset-inline-start: 50%; transform: translateX(-50%) translateY(20px); padding: 12px 22px; background: rgba(15,15,28,.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(139,92,246,.3); border-radius: 100px; color: #fff; font-size: 13.5px; font-weight: 600; z-index: 99999; opacity: 0; transition: all .3s var(--mps-ease); box-shadow: 0 12px 32px rgba(0,0,0,.4);  }
.mps-toast.show {  opacity: 1; transform: translateX(-50%) translateY(0);  }
.cm-user-menu {  position: relative; z-index: 9999;  }
.cm-user-btn {  display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px 6px 6px; background: var(--bg-surface, #1e1e2e); border: 1px solid var(--border-color, #2a2a3e); border-radius: 12px; color: var(--text-primary, #e0e0e0); font-size: 0.84rem; font-weight: 600; cursor: pointer; transition: all 0.2s; white-space: nowrap;  }
.cm-user-btn:hover {  border-color: var(--c-primary, #6c5ce7); color: var(--c-primary, #6c5ce7);  }
.cm-user-btn img,
.cm-user-btn .cm-user-avatar,
.cm-user-btn .avatar {  width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: none;  }
.cm-user-btn > i {  font-size: 0.55rem; color: var(--text-tertiary, #666); transition: transform 0.2s;  }
.cm-user-btn.active > i {  transform: rotate(180deg);  }
.cm-user-dropdown {  display: none; position: absolute; top: calc(100% + 10px); right: 0; width: 260px; max-width: 90vw; background: var(--bg-elevated, var(--bg-input)); border: 1px solid var(--border-color, #2a2a3e); border-radius: 14px; overflow: hidden; box-shadow: 0 16px 48px rgba(0,0,0,0.55); z-index: 99999; opacity: 0; transform: translateY(-8px); transition: opacity 0.2s ease, transform 0.2s ease;  }
.cm-user-dropdown.show {  display: flex; flex-direction: column; opacity: 1; transform: translateY(0);  }
.cm-dropdown-user {  display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: rgba(108,92,231,0.07); border-bottom: 1px solid var(--border-color, #2a2a3e);  }
.cm-dropdown-avatar {  width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(108,92,231,0.2);  }
.cm-dropdown-user-name {  font-size: 0.9rem; font-weight: 700; color: var(--text-primary, #e0e0e0);  }
.cm-dropdown-user-role {  font-size: 0.7rem; color: var(--c-primary, #6c5ce7); font-weight: 600; text-transform: uppercase;  }
.cm-dropdown-section-label {  display: block; padding: 12px 16px 4px; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--text-tertiary, #666);  }
.cm-user-dropdown a {  display: flex; align-items: center; gap: 10px; padding: 10px 16px; color: var(--text-secondary, #b0b0c0); font-size: 0.84rem; font-weight: 600; text-decoration: none; width: 100%; box-sizing: border-box; white-space: nowrap; transition: all 0.15s;  }
.cm-user-dropdown a:hover {  background: rgba(108,92,231,0.1); color: var(--c-primary, #6c5ce7);  }
.cm-user-dropdown a i {  width: 20px; text-align: center; font-size: 1rem; flex-shrink: 0; color: var(--text-tertiary, #666);  }
.cm-user-dropdown a:hover i {  color: var(--c-primary, #6c5ce7);  }
.cm-user-dropdown a[href*="logout"] {  color: #e74c3c;  }
.cm-user-dropdown a[href*="logout"]:hover {  background: rgba(231,76,60,0.1);  }
.cm-dropdown-sep {  height: 1px; background: var(--border-color, #2a2a3e); margin: 5px 0; width: 100%;  }
[dir="rtl"] .cm-user-dropdown {  right: auto; left: 0;  }
.admin-bar .site-header {  top: 32px;  }
.hero-grid button.hero-arrow,
.hero-grid .hero-arrow,
.hero-grid > button {  position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(0,0,0,0.6); color: #fff; font-size: 1.2rem; cursor: pointer; z-index: 5; opacity: 0; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); padding: 0; margin: 0; min-width: unset; max-width: 44px; min-height: unset; max-height: 44px; line-height: 1; box-shadow: none; outline: none; -webkit-appearance: none; appearance: none;  }
.hero-grid:hover button.hero-arrow,
.hero-grid:hover .hero-arrow,
.hero-grid:hover > button {  opacity: 1;  }
.hero-grid button.hero-prev,
.hero-grid .hero-prev {  left: 12px; right: auto;  }
.hero-grid button.hero-next,
.hero-grid .hero-next {  right: 12px; left: auto;  }
.hero-grid button.hero-arrow:hover,
.hero-grid .hero-arrow:hover {  background: var(--c-primary, #6c5ce7); transform: translateY(-50%) scale(1.1); opacity: 1;  }
.hero-dots {  position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 5; background: transparent; border: none; padding: 0;  }
.hero-dot {  width: 10px; height: 10px; border-radius: 50%; background: var(--border-color, #2a2a3e); cursor: pointer; transition: all 0.3s ease; border: none; padding: 0;  }
.hero-dot.active {  background: var(--c-primary, #6c5ce7); box-shadow: 0 0 8px rgba(108,92,231,0.5); transform: scale(1.3);  }
.cm-login-btn,
button.cm-login-btn,
.header-actions .cm-login-btn,
.cm-login-trigger {  display: inline-flex; align-items: center; gap: 7px; padding: 9px 20px; background: linear-gradient(135deg, #6c5ce7, #a855f7); border: none; border-radius: 10px; color: #fff; font-size: 0.85rem; font-weight: 700; cursor: pointer; transition: all 0.25s ease; white-space: nowrap; -webkit-appearance: none; appearance: none; box-shadow: none; outline: none;  }
.cm-login-btn:hover,
button.cm-login-btn:hover,
.cm-login-trigger:hover {  transform: translateY(-1px); box-shadow: 0 4px 20px rgba(108,92,231,0.4); color: #fff; background: linear-gradient(135deg, #6c5ce7, #a855f7);  }
.cm-login-btn i,
.cm-login-trigger i {  font-size: 1.05rem; color: #fff;  }
.mopt-hide-wpadmin .cm-user-dropdown a[href*="wp-admin"]:not([href*="admin-ajax"]) {  display: none;  }
.cm-menu-icon {  font-size: .9em; opacity: .7; margin-left: 4px; color: var(--c-primary, #6c5ce7);  }
.primary-menu .menu-item a {  display: flex; align-items: center; gap: 6px;  }
.mobile-nav li a .cm-menu-icon {  font-size: 1.1em; width: 24px; text-align: center;  }
@media (prefers-reduced-motion: reduce) {  [data-theme="light"] body::before,
  [data-theme="light"] .theme-toggle .theme-icon-light { animation: none; }
  }
@media print {   }
@media (min-width: 1024px) {  .mhp-hero { aspect-ratio: 21 / 9; border-radius: 28px; }
  }
@media (max-width: 600px) {  .mhp-hero { aspect-ratio: 16 / 10; border-radius: 18px; }
  }
@media (max-width: 600px) {  .mhp-rank-corner { top: 8px; left: auto; right: 8px; width: 28px; height: 28px; font-size: 10px; }
.mhp-bottom-area { bottom: 6px; left: 8px; right: 8px; gap: 6px; }
.mhp-glass-bar { padding: 8px 10px; border-radius: 10px; }
.mhp-title { font-size: 12px; }
.mhp-cat-chip { font-size: 8.5px; padding: 2px 6px; max-width: 55px; }
.mhp-download { width: 38px; height: 38px; font-size: 14px; }
  }
@media (max-width: 380px) {  .mhp-rank-corner { top: 6px; left: auto; right: 6px; width: 26px; height: 26px; font-size: 9px; }
.mhp-bottom-area { bottom: 5px; left: 6px; right: 6px; gap: 5px; }
.mhp-glass-bar { padding: 7px 9px; }
.mhp-title { font-size: 11px; }
.mhp-download { width: 34px; height: 34px; font-size: 13px; }
  }
@media (max-width: 600px) {  .mhp-bottom-area { padding: 10px 12px 12px; gap: 10px; }
.mhp-glass-bar { padding: 10px 12px; border-radius: 12px; }
.mhp-title { font-size: 13.5px; }
.mhp-app-icon { width: 38px; height: 38px; border-radius: 10px; }
.mhp-cat-chip { font-size: 9px; padding: 2px 7px; }
.mhp-download { width: 42px; height: 42px; font-size: 16px; }
.mhp-rank-corner { top: 8px; inset-inline-end: 8px; font-size: 10px; padding: 4px 9px; }
  }
@media (max-width: 768px) {  .mhp-dots { top: 8px; padding: 3px 6px; gap: 2px; }
.mhp-dot { width: 4px; height: 4px; min-width: 4px; max-width: 4px; min-height: 4px; max-height: 4px; }
.mhp-dot.active { width: 12px; min-width: 12px; max-width: 12px; height: 4px; }
  }
@media (max-width: 768px) {  .mhp-prev, .mhp-next { display: none; }
  }
@media (min-width: 768px) {  .cm-tabs,
  .filter-tabs,
  .category-tabs,
  body.home .filter-chips,
  body.home .subcategory-filters { justify-content: center; flex-wrap: nowrap; }
  }
@media (max-width: 768px) {  .cm-tab,
  .filter-tab,
  .category-tab,
  body.home .filter-chip { padding: 9px 16px; font-size: 12.5px; }
  }
@media (max-width: 768px) {  body.home .section-title { font-size: 18px; margin: 22px 0 10px; }
body.home .section-title::before { height: 22px; width: 4px; }
  }
@media (prefers-reduced-motion: reduce) {  .mhp-track { transition: none; }
.mhp-progress { display: none; }
.mhp-slide.is-active img.mhp-poster { animation: none; }
  }
@media (min-width: 1024px) {  body.home .posts-grid { grid-template-columns: repeat(4, 1fr); gap: 18px; }
  }
@media (min-width: 1400px) {  body.home .posts-grid { grid-template-columns: repeat(4, 1fr); gap: 22px; }
  }
@media (max-width: 768px) {  body.home .section-title,
  body.home .cm-section-title { font-size: 17px; margin: 14px 0 8px; }
body.home .section-title::before { width: 4px; height: 20px; }
body.home .section-title::after { display: none; }
  }
@media (max-width: 768px) {  .mhp-unified-bar { margin: 8px 0; padding: 12px; border-radius: 14px; gap: 8px; }
.mhp-bar-title { font-size: 14px; }
.mhp-bar-title::before { width: 3px; height: 15px; }
.mhp-bar-chips .cm-tab,
  .mhp-bar-chips .filter-tab,
  .mhp-bar-chips .filter-chip,
  .mhp-bar-chips a,
  .mhp-bar-chips button { padding: 6px 11px; font-size: 11px; }
.mhp-unified-bar .mhp-view-btn { width: 26px; height: 24px; font-size: 11px; }
  }
@media (max-width: 380px) {  .mhp-unified-bar { padding: 10px; gap: 6px; }
.mhp-bar-title { font-size: 13px; }
.mhp-bar-chips a,
  .mhp-bar-chips button,
  .mhp-bar-chips .filter-chip { padding: 5px 9px; font-size: 10.5px; }
  }
@media (max-width: 600px) {  body.home .posts-grid.mhp-list-view .post-card { grid-template-columns: 120px 1fr; }
body.home .posts-grid.mhp-list-view .post-card-title { font-size: 13.5px; }
body.home .posts-grid.mhp-list-view .post-card-body { padding: 10px 12px; }
  }
@media (max-width: 768px) {  body.home .posts-grid:not(.mhp-double-view):not(.mhp-list-view) { grid-template-columns: 1fr; }
body.home .posts-grid:not(.mhp-double-view):not(.mhp-list-view) .post-card-image { aspect-ratio: 16 / 9; }
body.home .posts-grid.mhp-single-view .post-card-image { aspect-ratio: 16 / 9; }
  }
@media (min-width: 1024px) {  .mhp-pill { padding: 5px 12px; font-size: 11.5px; }
  }
@media (prefers-reduced-motion: no-preference) {  body.home .posts-grid .post-card { opacity: 0; transform: translateY(14px); animation: mhp-card-in .55s cubic-bezier(.4,0,.2,1) forwards; }
body.home .posts-grid .post-card:nth-child(1) { animation-delay: .04s; }
body.home .posts-grid .post-card:nth-child(2) { animation-delay: .08s; }
body.home .posts-grid .post-card:nth-child(3) { animation-delay: .12s; }
body.home .posts-grid .post-card:nth-child(4) { animation-delay: .16s; }
body.home .posts-grid .post-card:nth-child(5) { animation-delay: .20s; }
body.home .posts-grid .post-card:nth-child(6) { animation-delay: .24s; }
body.home .posts-grid .post-card:nth-child(7) { animation-delay: .28s; }
body.home .posts-grid .post-card:nth-child(8) { animation-delay: .32s; }
body.home .posts-grid .post-card:nth-child(n+9) { animation-delay: .36s; }
@keyframes mhp-card-in { to { opacity: 1; transform: translateY(0); }
 }
  }
@media (max-width: 600px) {  .hero-slider { padding: 6px 0 6px; }
.hero-slider .container { padding-inline: 0; max-width: 100%; width: 100%; }
.mhp-hero { border-radius: 0; margin: 0; width: 100vw; max-width: 100vw; margin-inline-start: calc(-1 * (100vw - 100%) / 2); box-shadow: 0 8px 24px rgba(0,0,0,.4); }
.mhp-content { padding: 14px 16px 16px; padding-inline-end: 70px; padding-inline-start: 16px; }
.mhp-title { font-size: 13.5px; line-height: 1.4; -webkit-line-clamp: 2; word-break: break-word; overflow-wrap: break-word; max-width: 100%; }
.mhp-pill { padding: 3px 9px; font-size: 9.5px; }
.mhp-pills { gap: 4px; margin-bottom: 6px; flex-wrap: wrap; }
.mhp-dots { top: 8px; inset-inline-start: 50%; transform: translateX(-50%); padding: 4px 8px; gap: 3px; }
.mhp-dot { width: 4px; height: 4px; }
.mhp-dot.active { width: 14px; }
.mhp-slide img.mhp-poster { transform: scale(1.45); object-position: center 60%; filter: saturate(1.15) contrast(1.05) brightness(.92); }
.mhp-slide.is-active img.mhp-poster { animation: mhp-zoom-mobile 12s ease-in-out infinite alternate; }
@keyframes mhp-zoom-mobile { from { transform: scale(1.45); }
to { transform: scale(1.55) translateY(-2%); }
 }
.mhp-slide::before { background:
      linear-gradient(180deg, rgba(0,0,0,.35) 0%, transparent 20%, transparent 35%, rgba(0,0,0,.6) 65%, rgba(0,0,0,.92) 100%),
      radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.45) 100%); }
  }
@media (min-width: 992px) {  body.home .widget-area { position: sticky; top: 80px; max-height: calc(100vh - 100px); overflow-y: auto; scrollbar-width: thin; padding-inline-start: 8px; }
body.home .widget-area::-webkit-scrollbar { width: 6px; }
body.home .widget-area::-webkit-scrollbar-thumb { background: rgba(139,92,246,.3); border-radius: 100px; }
  }
@media (max-width: 768px) {  .widget,
  .sidebar-widget,
  aside .widget { padding: 18px; margin-bottom: 14px; border-radius: 16px; }
.widget-title,
  .widget h2,
  .widget h3,
  .sidebar-widget h2,
  .sidebar-widget h3,
  .sidebar-widget .wp-block-heading { font-size: 16px; margin-bottom: 14px; padding-bottom: 12px; }
.widget li,
  .sidebar-widget li,
  .wp-block-latest-posts li,
  .wp-block-latest-comments li,
  .wp-block-categories li,
  .wp-block-archives li { font-size: 13px; padding: 9px 12px; }
  }
@media (prefers-reduced-motion: no-preference) {  .sidebar-widget,
  .widget { opacity: 0; transform: translateY(12px); animation: mwp-fade-up .5s cubic-bezier(.4,0,.2,1) forwards; }
.sidebar-widget:nth-of-type(1) { animation-delay: .05s; }
.sidebar-widget:nth-of-type(2) { animation-delay: .10s; }
.sidebar-widget:nth-of-type(3) { animation-delay: .15s; }
.sidebar-widget:nth-of-type(4) { animation-delay: .20s; }
.sidebar-widget:nth-of-type(5) { animation-delay: .25s; }
.sidebar-widget:nth-of-type(n+6) { animation-delay: .30s; }
@keyframes mwp-fade-up { to { opacity: 1; transform: translateY(0); }
 }
  }
@media (hover: none) {  .mps-card-actions { opacity: 1; transform: none; pointer-events: auto; }
  }
@media (hover: none) {  .mps-card-actions { gap: 6px; }
  }
@media (hover: none), (pointer: coarse) {  .mps-cursor-dot { display: none; }
  }
@media (max-width: 768px) {  #mps-particles { display: none; }
  }
@media (prefers-reduced-motion: reduce) {  .mps-skeleton::after,
  #mps-progress .mps-progress-fill,
  .mps-card-btn.popped,
  #mps-particles { animation: none; }
.mps-cursor-dot { display: none; }
  }
@media screen and (max-width: 782px) {  .admin-bar .site-header { top: 46px; }
  }
@media (max-width: 768px) {  .cm-user-btn .cm-user-name,
    .cm-user-btn > span { display: none; }
.cm-user-btn { padding: 6px 10px; }
.cm-user-dropdown { right: -8px; width: 240px; }
[dir="rtl"] .cm-user-dropdown { right: auto; left: -8px; }
  }
@media (max-width: 768px) {  .header-inner { height: 56px; padding: 0 12px; }
.main-navigation { display: none; }
.logo-text { font-size: 1.1rem; }
.header-actions { gap: 4px; }
.header-actions .btn-icon,
    .header-actions .search-toggle,
    .header-actions .theme-toggle { width: 36px; height: 36px; font-size: 0.9rem; border-radius: 10px; }
.btn-lang { padding: 5px 10px; font-size: 0.7rem; border-radius: 8px; }
.cm-user-btn { padding: 4px; border-radius: 50%; width: 36px; height: 36px; justify-content: center; border: 2px solid var(--c-primary, #6c5ce7); }
.cm-user-btn img { width: 28px; height: 28px; }
.cm-user-btn > i,
    .cm-user-btn .fa-chevron-down { display: none; }
.cm-login-btn span,
    .cm-login-btn .cm-login-text { display: none; }
.cm-login-btn { width: 36px; height: 36px; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.cm-login-btn i { font-size: 1rem; margin: 0; }
.cm-user-dropdown { position: fixed; top: auto; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; border-radius: 20px 20px 0 0; max-height: 70vh; overflow-y: auto; box-shadow: 0 -10px 40px rgba(0,0,0,0.6); transform: translateY(100%); opacity: 1; transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1); }
.cm-user-dropdown.show { transform: translateY(0); display: flex; }
.cm-user-dropdown::before { content: ''; display: block; width: 40px; height: 4px; background: var(--border-color, #2a2a3e); border-radius: 4px; margin: 12px auto 8px; flex-shrink: 0; }
.cm-user-dropdown a { padding: 14px 20px; font-size: 0.95rem; }
.cm-user-dropdown a i { font-size: 1.2rem; width: 24px; }
.cm-dropdown-user { padding: 16px 20px; }
.cm-dropdown-section-label { padding: 14px 20px 6px; font-size: 0.7rem; }
.cm-user-btn.active ~ .cm-user-dropdown { z-index: 99999; }
  }
@media (max-width: 768px) {  .mobile-menu { width: 100%; max-width: 100%; border-radius: 0; }
.mobile-nav li a { padding: 16px 20px; font-size: 1.05rem; display: flex; align-items: center; gap: 10px; }
.mobile-menu-header { padding: 16px 20px; border-bottom: 1px solid var(--border-color, #2a2a3e); }
  }
.mfort-icon {  display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor;color:currentColor  }
.mfort-icon-spin {  animation:mfort-icon-spin 1s linear infinite  }
@keyframes mfort-icon-spin {  to { transform:rotate(360deg) }
  }
.mfort-icon.fa-2x {  width:2em;height:2em  }
.mfort-icon.fa-3x {  width:3em;height:3em  }
.mfort-icon.fa-lg {  width:1.25em;height:1.25em  }
.mfort-icon.fa-sm {  width:.875em;height:.875em  }
.mfort-icon.fa-xs {  width:.75em;height:.75em  }