.kitoblar-page{--teal:#0e4d4d;--dim:var(--muted);background:var(--black);color:var(--foreground);font-family:var(--font-ui), sans-serif}.kitob-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:clamp(13px,1.4vw,14px);line-height:1.85}.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}.view-btns{align-items:center;gap:10px;display:flex}.view-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.view-btn:hover,.view-btn.active{border-color:var(--gold);color:var(--gold)}.controls{scroll-margin-top:calc(var(--navbar-height) + 12px);border:0;flex-direction:column;align-items:stretch;gap:12px;padding:40px 40px 24px;display:flex}.controls-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;width:100%;display:flex}@media (max-width:768px){.controls-row{flex-direction:column;align-items:stretch}.controls-row .search-bar{width:100%;max-width:100%}}.search-wrap{border:1px solid var(--border-mid);border-radius:2px;flex:1;min-width:220px;display:flex;overflow:hidden}.search-input{background:var(--card-bg);color:var(--foreground);border:none;border-radius:2px;outline:none;flex:1;padding:11px 16px;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:11px 20px;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:8px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:2px;padding:8px 14px;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:14px 40px;display:flex}.sort-info{color:var(--muted);letter-spacing:1px;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:6px 12px;font-family:inherit;font-size:11px;transition:all .3s}.sort-opt:hover,.sort-opt.active{border-color:var(--gold);color:var(--gold)}.books-section{padding:clamp(24px,4vw,40px) clamp(16px,4vw,40px)}.books-grid{background:var(--black);grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.books-grid.list-view{grid-template-columns:1fr}.book-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.book-card:hover{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent), 0 14px 28px #00000029;transform:translateY(-3px)}.book-cover{background-color:var(--card-bg);justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative;overflow:hidden}.book-cover .view-badge{z-index:3;position:absolute;top:8px;right:8px}.books-grid.list-view .book-cover{height:220px}.book-cover-pattern{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--gold) 15%, transparent) 0, color-mix(in srgb, var(--gold) 15%, transparent) 1px, transparent 1px, transparent 10px);position:absolute;inset:0}.book-cover-spine{background:#0000004d;width:6px;position:absolute;top:0;bottom:0;left:0}.book-cover-title{font-family:var(--font-arabic-display), serif;color:color-mix(in srgb, var(--foreground) 90%, transparent);text-align:center;z-index:1;direction:rtl;padding:16px;font-size:15px;line-height:1.4;position:relative}.book-cover-ornament{background:color-mix(in srgb, var(--foreground) 40%, transparent);width:40px;height:.5px;position:absolute;bottom:12px}.book-body{padding:16px 16px 14px}.book-category{letter-spacing:2px;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);border-radius:1px;margin-bottom:10px;padding:3px 8px;font-size:11px;display:inline-block}.book-title{color:var(--gold-bright);margin-bottom:5px;font-size:15px;font-weight:500;line-height:1.4}.book-alt-names{color:var(--muted);margin-bottom:6px;font-size:12.5px;line-height:1.45}.book-author{color:var(--muted);margin-bottom:8px;font-size:12px;text-decoration:none;display:block}.book-author--link{color:var(--gold);cursor:pointer;transition:color .2s;display:inline-block}.book-author--link:hover{color:var(--gold-bright);text-decoration:underline}.book-meta{justify-content:space-between;align-items:center;display:flex}.book-lang{letter-spacing:1px;color:var(--dim);font-size:11px}.book-arrow{color:var(--gold);opacity:0;font-size:11px;transition:opacity .3s}.book-card:hover .book-arrow{opacity:1}@keyframes pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.skeleton-cover{background:color-mix(in srgb, var(--foreground) 10%, var(--card-bg));width:100%;height:200px;animation:1.5s infinite pulse}.skeleton-line{background:color-mix(in srgb, var(--foreground) 10%, var(--card-bg));border-radius:2px;margin-bottom:8px;animation:1.5s infinite pulse}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:4px;padding:36px 40px;display:flex}.page-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;font-family:inherit;font-size:12px;transition:all .3s;display:flex}.page-btn:hover{border-color:var(--gold);color:var(--gold)}.page-btn.active{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.page-btn.arrow{font-size:18px}.page-btn:disabled{opacity:.3;cursor:not-allowed}.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}.books-empty{text-align:center;color:var(--muted);letter-spacing:1px;grid-column:1/-1;padding:60px;font-size:15px}@media (max-width:1024px){.books-grid{grid-template-columns:repeat(2,1fr)}.book-cover{height:380px}}@media (max-width:768px){.books-grid{grid-template-columns:1fr;gap:14px}.book-cover{height:260px}.controls{padding:16px 20px}.books-section{padding:20px 14px}.sort-bar{padding:14px 20px}.pagination{padding:24px 20px}.footer-mini{text-align:center;flex-direction:column;gap:8px;padding:20px}}@media (max-width:480px){.books-grid{gap:12px}.book-cover{height:220px}.book-info{padding:14px 14px 16px}}@media (max-width:380px){.books-grid{gap:10px}.book-cover{height:200px}}:root[data-theme=light] .kitob-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] .kitob-hero .hero-watermark{opacity:.12;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 15%, transparent)}:root[data-theme=light] .book-cover-pattern{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--gold) 18%, transparent) 0, color-mix(in srgb, var(--gold) 18%, transparent) 1px, transparent 1px, transparent 10px)}@media (min-width:769px){.kitob-hero{min-height:85dvh}}