.eslatmalar-page{--teal:#0e4d4d;--teal-dark:#0a3d3d;--dim:var(--muted);--pattern:repeating-linear-gradient(45deg, var(--gold) 0, var(--gold) .5px, transparent .5px, transparent 12px);background:var(--black);color:var(--foreground);font-family:var(--font-ui), sans-serif;overflow-x:clip}.eslatma-hero{border-bottom:1px solid var(--border);text-align:center;background:radial-gradient(ellipse 110% 70% at 50% 0%, color-mix(in srgb, var(--gold) 8%, transparent) 0%, color-mix(in srgb, var(--gold) 4%, transparent) 30%, color-mix(in srgb, var(--gold) 1.5%, transparent) 60%, transparent 90%), linear-gradient(180deg, var(--deep) 0%, var(--background) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:90dvh;padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);display:flex;position:relative;overflow:hidden}.hero-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.09;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 25%, transparent);z-index:1;font-size:clamp(130px,28vw,280px);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;max-width:760px;margin:0 auto;position:relative}.hero-breadcrumb{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:22px;font-size:11px}.hero-breadcrumb span{color:var(--gold)}.hero-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);margin-bottom:8px;font-size:clamp(36px,7vw,60px);font-weight:700;line-height:1.1}.hero-uzbek{letter-spacing:clamp(3px,1vw,6px);color:var(--gold-bright);text-transform:uppercase;margin-bottom:18px;font-size:clamp(12px,2vw,14px)}.hero-divider{justify-content:center;align-items:center;gap:16px;width:fit-content;margin:18px auto 22px;display:flex}.hero-divider-line{background:linear-gradient(to right, transparent, var(--gold));width:80px;height:1px}.hero-divider-line.right{background:linear-gradient(to left, transparent, var(--gold))}.hero-divider-diamond{background:var(--gold-fill,var(--gold));width:8px;height:8px;transform:rotate(45deg)}.hero-desc{color:var(--muted);letter-spacing:.3px;max-width:540px;margin:0 auto 30px;font-size:14px;line-height:1.9}.hero-stats{border-top:1px solid color-mix(in srgb, var(--gold) 18%, transparent);flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,56px);width:100%;max-width:600px;margin-top:36px;padding-top:28px;display:flex}.hero-stats>div{text-align:center;min-width:64px}.hero-stat-num{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);font-size:clamp(24px,3.5vw,34px);font-weight:700;line-height:1;display:block}.hero-stat-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:8px;font-size:clamp(10px,1.1vw,11px);display:block}.controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 40px;display:flex}.search-wrap{border:1px solid var(--border-mid);border-radius:2px;flex:1;min-width:180px;display:flex;overflow:hidden}.search-input{background:var(--card-bg);color:var(--foreground);border:none;border-radius:2px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}.search-input::placeholder{color:var(--dim)}.search-btn{background:var(--gold-fill,var(--gold));color:var(--on-gold);letter-spacing:2px;cursor:pointer;border:none;border-radius:2px;padding:10px 18px;font-family:inherit;font-size:11px;font-weight:600;transition:background .3s}.search-btn:hover{background:var(--gold-bright)}.filter-group{flex-wrap:wrap;gap:5px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:2px;padding:7px 13px;font-family:inherit;font-size:12px;transition:all .3s}.filter-btn:hover{border-color:var(--gold);color:var(--gold)}.filter-btn.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, transparent)}.sort-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 40px;display:flex}.sort-info{color:var(--muted);font-size:11px}.sort-info b{color:var(--gold);font-weight:500}.sort-group{gap:4px;display:flex}.sort-opt{border:1px solid var(--border);color:var(--muted);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:2px;padding:5px 11px;font-family:inherit;font-size:11px;transition:all .3s}.sort-opt:hover,.sort-opt.active{border-color:var(--gold);color:var(--gold)}.shorts-section{padding:clamp(24px,4vw,40px) clamp(16px,4vw,40px) 40px}.shorts-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.short-card{aspect-ratio:9/16;cursor:pointer;border:1px solid var(--border);background:var(--deep);border-radius:4px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.short-card:hover{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent), 0 14px 28px #0000002e;transform:translateY(-3px)}.short-bg{background:var(--deep);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.short-video{object-fit:cover;width:100%;height:100%;display:block}.short-letter{font-family:var(--font-arabic-display), serif;color:color-mix(in srgb, var(--gold) 22%, transparent);font-size:72px;line-height:1}.el-empty{text-align:center;color:var(--muted);letter-spacing:1px;padding:80px 24px;font-size:14px}.short-pattern{background:var(--pattern);opacity:.08;position:absolute;inset:0}.short-overlay{background:linear-gradient(#0000000d 0%,#0000004d 55%,#000000eb 100%);position:absolute;inset:0}.short-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.07;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;font-size:72px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.short-play{z-index:2;background:color-mix(in srgb, var(--card-bg) 80%, transparent);width:44px;height:44px;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 6px 16px #00000040, 0 0 24px color-mix(in srgb, var(--gold) 20%, transparent);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .25s,transform .2s,box-shadow .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.short-play svg{fill:var(--gold);margin-left:3px;transition:fill .25s}.short-card:hover .short-play{background:var(--gold-fill,var(--gold));box-shadow:0 0 0 1px var(--gold), 0 8px 24px #0000004d, 0 0 36px color-mix(in srgb, var(--gold) 45%, transparent);transform:translate(-50%,-50%)scale(1.06)}.short-card:hover .short-play svg{fill:var(--on-gold)}.short-duration{z-index:3;background:color-mix(in srgb, var(--card-bg) 85%, transparent);color:var(--gold);letter-spacing:1px;border:.5px solid var(--gold);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:3px 8px;font-size:11px;position:absolute;top:10px;right:10px}.short-cats{z-index:3;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:10px;left:10px;right:10px}.short-cat{background:color-mix(in srgb, var(--card-bg) 85%, transparent);border:.5px solid var(--gold);color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);padding:3px 8px;font-size:11px}.short-info{z-index:3;padding:14px 12px 12px;position:absolute;bottom:0;left:0;right:0}.short-title{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:15px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.short-scholar{color:var(--gold);letter-spacing:.5px;margin-bottom:5px;font-size:12px}.short-meta{justify-content:space-between;align-items:center;display:flex}.short-views{color:var(--muted);font-size:11px}.short-date{color:var(--dim);font-size:11px}.short-actions{z-index:4;opacity:0;flex-direction:column;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;bottom:80px;right:10px}.short-card:hover .short-actions{opacity:1}.short-action-btn{background:color-mix(in srgb, var(--card-bg) 70%, transparent);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.short-action-btn:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 15%, transparent)}.short-action-btn svg{stroke:var(--gold);fill:none;stroke-width:1.5px}@media (max-width:768px){.short-action-btn{width:40px;height:40px}}@keyframes pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.skeleton-card{aspect-ratio:9/16;background:color-mix(in srgb, var(--foreground) 10%, var(--card-bg));border-radius:4px;animation:1.5s infinite pulse}.load-more-wrap{text-align:center;margin-top:36px}.load-more-btn{appearance:none;border:1px solid var(--gold);color:var(--gold);letter-spacing:2px;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:12px 32px;font-family:inherit;font-size:11px;transition:all .3s;display:inline-flex}.load-more-btn:hover{background:var(--gold-fill,var(--gold));color:var(--on-gold)}.shorts-empty{text-align:center;color:var(--muted);letter-spacing:1px;grid-column:1/-1;padding:80px;font-size:15px}.footer-mini{border-top:1px solid var(--gold);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.footer-mini-brand{font-family:var(--font-arabic-display), serif;color:var(--gold);font-size:18px}.footer-mini-copy{color:var(--dim);letter-spacing:1px;font-size:11px}@media (max-width:1280px){.shorts-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.shorts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.page-header,.controls,.shorts-section{padding-left:16px;padding-right:16px}.shorts-grid{grid-template-columns:repeat(2,1fr)}.sort-bar{padding:10px 16px}.footer-mini{text-align:center;flex-direction:column;gap:8px;padding:20px 16px}}@media (max-width:480px){.shorts-grid{grid-template-columns:repeat(3,1fr);gap:8px}}:root[data-theme=light] .eslatma-hero{background:radial-gradient(ellipse 110% 70% at 50% 0%, color-mix(in srgb, var(--gold) 8%, transparent) 0%, color-mix(in srgb, var(--gold) 4%, transparent) 30%, color-mix(in srgb, var(--gold) 1.5%, transparent) 60%, transparent 90%), linear-gradient(180deg, var(--deep) 0%, var(--background) 100%)}:root[data-theme=light] .eslatma-hero .hero-watermark{opacity:.12;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 15%, transparent)}:root[data-theme=light] .short-overlay{background:linear-gradient(#fffef80d 0%,#fffef84d 55%,#fffef8eb 100%)}@media (min-width:769px){.eslatma-hero{min-height:85dvh}}
.el-filter-bar{max-width:1400px;scroll-margin-top:calc(var(--navbar-height) + 12px);font-family:var(--font-ui), sans-serif;flex-direction:row;align-items:center;gap:16px;margin:32px auto 16px;padding:0 24px;display:flex}.el-search{background:var(--card-bg,var(--card-bg));border:1px solid var(--border-mid,color-mix(in srgb, var(--gold) 20%, transparent));border-radius:2px;flex:none;align-items:center;gap:10px;width:320px;max-width:100%;padding:11px 16px;display:flex}.el-search svg{width:14px;height:14px;color:var(--gold);flex-shrink:0}.el-search-input{color:var(--foreground);font-family:var(--font-ui), sans-serif;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:12px}.el-search-input::placeholder{color:var(--dim,color-mix(in srgb, var(--foreground) 40%, transparent));letter-spacing:1px}.el-search-clear{color:var(--dim,color-mix(in srgb, var(--foreground) 50%, transparent));cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1;transition:color .15s}.el-search-clear:hover{color:var(--gold)}.el-filter-bar--secondary{margin-top:0;padding-top:0}.el-chip-count{opacity:.65;margin-left:4px;font-weight:500}.el-scholars{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:0 36px;display:flex;overflow-x:auto}.el-scholars::-webkit-scrollbar{display:none}.el-scholar{border:1px solid var(--gold);color:var(--foreground);font-family:var(--font-ui), sans-serif;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:8px 18px;font-size:12px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.el-scholar:hover{background:color-mix(in srgb, var(--gold) 10%, transparent);border-color:var(--gold-bright)}.el-scholar-active{background:var(--gold-fill,var(--gold));color:var(--on-gold);font-weight:600}.el-scholar-active:hover{background:var(--gold-bright)}.el-meta-bar{border-bottom:1px solid color-mix(in srgb, var(--gold) 15%, transparent);max-width:1400px;font-family:var(--font-ui), sans-serif;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 24px;padding:16px 24px;display:flex}.el-count{color:var(--foreground);letter-spacing:.5px;margin:0;font-size:12px}.el-count strong{color:var(--gold);font-weight:700}.el-clear-filters{color:var(--foreground);font-family:var(--font-ui), sans-serif;letter-spacing:.5px;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--foreground) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--foreground) 40%, transparent);text-underline-offset:3px;background:0 0;border:none;border-radius:2px;padding:0;font-size:12px;transition:color .15s,text-decoration-color .15s}.el-clear-filters:hover{color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.el-meta-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.el-sort{gap:8px;display:flex}.el-random-btn{background:var(--gold-fill,var(--gold));border:1px solid var(--gold);color:var(--on-gold);font-family:var(--font-ui), sans-serif;letter-spacing:1px;cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .2s,transform .15s,border-color .2s;display:inline-flex}.el-random-btn:hover:not(:disabled){background:var(--gold-bright);border-color:var(--gold-bright)}.el-random-btn:active:not(:disabled){transform:scale(.97)}.el-random-btn:disabled{opacity:.4;cursor:not-allowed}.el-random-btn svg{flex-shrink:0}.el-sort-btn{border:1px solid var(--gold);color:var(--foreground);font-family:var(--font-ui), sans-serif;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:4px;padding:8px 18px;font-size:12px;transition:background .2s,color .2s}.el-sort-btn:hover{background:color-mix(in srgb, var(--gold) 10%, transparent)}.el-sort-active{background:var(--gold-fill,var(--gold));color:var(--on-gold);font-weight:600}.el-sort-active:hover{background:var(--gold-bright)}.el-grid{max-width:1400px;font-family:var(--font-ui), sans-serif;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0 auto;padding:0 24px 60px;display:grid}.el-card-skeleton{aspect-ratio:9/16;background:var(--card-bg);border:1px solid var(--border);border-radius:3px;animation:1.6s ease-in-out infinite el-skeleton-pulse;position:relative;overflow:hidden}@keyframes el-skeleton-pulse{0%,to{opacity:.55}50%{opacity:.85}}.el-skel-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--foreground) 10%, transparent) 0%, color-mix(in srgb, var(--foreground) 18%, transparent) 50%, color-mix(in srgb, var(--foreground) 10%, transparent) 100%);border-radius:3px;position:absolute}.el-skel-category{width:56px;height:14px;top:10px;left:10px}.el-skel-title-1{height:12px;bottom:60px;left:12px;right:80px}.el-skel-title-2{width:55%;height:12px;bottom:42px;left:12px}.el-skel-scholar{width:40%;height:10px;bottom:18px;left:12px}.el-skel-badge{border-radius:12px;width:54px;height:18px;bottom:18px;right:12px}.el-fuzzy-heading{max-width:1400px;font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);text-align:center;margin:32px auto 12px;padding:0 24px;font-size:12px}.el-loading,.el-empty{text-align:center;color:color-mix(in srgb, var(--foreground) 50%, transparent);letter-spacing:.5px;grid-column:1/-1;padding:60px 0;font-size:14px}@media (max-width:768px){.el-filter-bar{flex-direction:column;align-items:stretch;padding:0 16px}.el-search,.el-filter-bar .search-bar{width:100%;max-width:100%}.el-meta-bar{flex-direction:column;align-items:stretch;padding:16px}.el-sort{flex-wrap:nowrap;overflow-x:auto}.el-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 40px}}