.kitoblar-page{--teal:#0e4d4d;--dim:var(--muted);background:var(--black);color:var(--foreground);font-family:var(--font-ui), sans-serif}.kitob-hero{min-height:var(--hero-h);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;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{font-size:var(--fs-sm,11px);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:22px}.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{font-size:var(--fs-md,13px);letter-spacing:0;color:var(--gold-bright);text-transform:none;margin-bottom:18px}.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{font-size:var(--fs-sm,11px);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-top:8px;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:10px;justify-content:center;align-items:center;padding:8px 12px;transition:background .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s,opacity .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:10px;padding:22px 40px 18px;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:10px;flex:1;min-width:220px;display:flex;overflow:hidden}.search-input{background:var(--card-bg);color:var(--foreground);border:none;border-radius:10px;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:10px;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:10px;padding:8px 14px;font-family:inherit;font-size:12px;transition:background .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s,opacity .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);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:10px 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:10px;padding:6px 12px;font-family:inherit;font-size:11px;transition:background .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s,opacity .3s}.sort-opt:hover,.sort-opt.active{border-color:var(--gold);color:var(--gold)}.books-section{padding:clamp(24px, 4vw, 40px) var(--gutter)}.books-grid{background:0 0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:1400px;margin-inline:auto;display:grid}.books-grid.list-view{grid-template-columns:1fr}.book-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--u-radius);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .25s cubic-bezier(.22,.61,.36,1),transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s cubic-bezier(.22,.61,.36,1);display:flex;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 color-mix(in srgb, var(--foreground) 16%, transparent);transform:translateY(-2px)}.book-cover{aspect-ratio:3/4;background-color:var(--card-bg);border-bottom:1px solid var(--border);width:100%;height:auto;position:relative;overflow:hidden}.book-cover .view-badge{z-index:3;position:absolute;top:8px;left:8px}.books-grid.list-view .book-cover{height:220px}.book-cover-spine{background:color-mix(in srgb, var(--foreground) 30%, transparent);width:6px;position:absolute;top:0;bottom:0;left:0}.book-body{padding:16px 16px 14px}.book-category{font-size:var(--fs-md,13px);letter-spacing:0;text-transform:none;color:var(--muted)}.book-title{font-family:var(--font-serif);color:var(--foreground);font-size:var(--fs-xl,16px);letter-spacing:-.01em;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-alt-names{color:var(--muted);margin-bottom:6px;font-size:12.5px;line-height:1.45}.book-author{color:var(--gold);font-size:var(--fs-md,13px);margin:0}.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{font-size:var(--fs-md,13px);letter-spacing:0;color:var(--dim)}@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:10px;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:10px;justify-content:center;align-items:center;font-family:inherit;font-size:12px;transition:background .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s,opacity .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)}@media (min-width:769px){.kitob-hero{min-height:var(--hero-h)}}@media (max-width:600px){.hero-watermark{font-size:clamp(72px,22vw,130px)}}.sort-bar-cats{flex:auto;min-width:0;margin-right:auto}.book-cover-plate{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);outline:1px solid color-mix(in srgb, var(--gold) 22%, transparent);outline-offset:3px;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 14px;display:flex;position:absolute;inset:10px 10px 10px 16px}.book-cover-name{font-family:var(--font-arabic-display), serif;color:var(--foreground);-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:clamp(15px,1.4vw,19px);line-height:1.4;display:-webkit-box;overflow:hidden}.book-cover-rule{background:var(--gold);opacity:.7;flex-shrink:0;width:42px;height:1px}.book-cover-author{font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}