.qr-page{--card-hover:var(--card-bg);--gold-dim:var(--gold);--teal:#0e4d4d;--muted:var(--muted);background:var(--black);color:var(--foreground);font-family:var(--font-ui), sans-serif;line-height:1.6;overflow-x:clip}.quran-hero{border-bottom:1px solid var(--border);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%);text-align:center;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-bismillah{font-family:var(--font-arabic-display), serif;color:var(--foreground);border-top:.5px solid var(--border-mid);border-bottom:.5px solid var(--border-mid);direction:rtl;max-width:600px;margin:0 auto 28px;padding:18px 0;font-size:28px;line-height:1.6}.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}.last-read-strip{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--deep) 0%, var(--background) 100%);align-items:center;gap:24px;padding:24px 40px;display:flex}.last-read-icon{border:.5px solid var(--gold);background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.last-read-icon svg{width:28px;height:28px}.last-read-info{flex:1}.last-read-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:11px}.last-read-title{font-family:var(--font-arabic-display), serif;color:var(--gold);margin-bottom:2px;font-size:22px}.last-read-progress{color:var(--gold-bright);letter-spacing:1px;font-size:11px}.last-read-btn{border:.5px solid var(--gold);color:var(--gold);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;padding:12px 24px;font-family:inherit;font-size:11px;transition:all .3s}.last-read-btn:hover{background:var(--gold-fill,var(--gold));color:var(--on-gold)}.mode-tabs{border-bottom:1px solid var(--border);background:var(--deep);gap:0;padding:0 40px;display:flex;overflow-x:auto}.mode-tab{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:18px 28px;font-family:inherit;font-size:12px;transition:all .3s;position:relative}.mode-tab.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.mode-tab:hover{color:var(--foreground)}.mode-tab-count{color:var(--dim);margin-left:6px;font-size:11px}.mode-tab.active .mode-tab-count{color:var(--gold)}.mode-placeholder{text-align:center;color:var(--muted);letter-spacing:2px;text-transform:uppercase;padding:80px 40px;font-size:12px}.filters-bar{border-bottom:1px solid var(--border);background:var(--black);align-items:center;gap:14px;padding:22px 40px;display:flex}.filter-pill{border:1px solid var(--gold);color:var(--foreground);letter-spacing:1px;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:500;transition:background .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.filter-pill:hover{background:color-mix(in srgb, var(--gold) 12%, transparent);border-color:var(--gold);box-shadow:0 4px 12px color-mix(in srgb, var(--gold) 18%, transparent);transform:translateY(-1px)}.filter-pill:active{transition-duration:80ms;transform:translateY(0)}.filter-pill.active{background:var(--gold-fill,var(--gold));color:var(--on-gold);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 4px 14px color-mix(in srgb, var(--gold) 30%, transparent);font-weight:600}.filter-pill--makkiy.active{background:var(--gold-bright);color:var(--on-gold);border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-bright), 0 4px 14px color-mix(in srgb, var(--gold-bright) 30%, transparent)}.filter-pill--madaniy.active{background:color-mix(in srgb, var(--gold) 70%, var(--muted) 30%);color:var(--on-gold);border-color:color-mix(in srgb, var(--gold) 60%, var(--muted) 25%);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, var(--muted) 25%), 0 4px 14px color-mix(in srgb, var(--gold) 25%, transparent)}.filter-pill.active:hover{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-bright), 0 6px 18px color-mix(in srgb, var(--gold) 38%, transparent);transform:translateY(-1px)}.search-box{border:1px solid var(--border-mid);background:var(--card-bg);border-radius:2px;flex:1;align-items:center;gap:10px;max-width:360px;margin-left:auto;padding:11px 16px;display:flex}.search-box svg{width:14px;height:14px;color:var(--gold);flex-shrink:0}.search-box input{color:var(--foreground);font-family:var(--font-ui), sans-serif;background:0 0;border:none;outline:none;flex:1;font-size:12px}.search-box input::placeholder{color:var(--dim);letter-spacing:1px}.search-box-clear,.search-field-clear{color:var(--dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1;transition:color .15s}.search-box-clear:hover,.search-field-clear:hover{color:var(--gold)}.search-field{flex:1;align-items:center;display:flex;position:relative}.search-field input{width:100%;padding-right:32px}.search-field .search-field-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.surah-section{padding:clamp(24px,4vw,40px) clamp(16px,4vw,40px) 60px}.surah-grid{border-top:.5px solid var(--border-mid);border-left:.5px solid var(--border-mid);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.surah-card{border-right:.5px solid var(--border-mid);border-bottom:.5px solid var(--border-mid);cursor:pointer;align-items:center;gap:16px;padding:18px 22px;transition:all .3s;display:flex;position:relative}.surah-card:hover{background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.surah-card:hover .surah-num-frame{transform:rotate(45deg)scale(1.05)}.surah-num-frame{border:.5px solid var(--gold);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .4s;display:flex;transform:rotate(45deg)}.surah-num-frame span{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);font-size:14px;font-weight:700;display:block;transform:rotate(-45deg)}.surah-info{flex:1;min-width:0}.surah-name-uzbek{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:500;overflow:hidden}.surah-meta-row{color:var(--muted);letter-spacing:.5px;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.surah-meta-row .dot{background:var(--dim);border-radius:50%;flex-shrink:0;width:2px;height:2px}.surah-meta-row .makki,.surah-meta-row .madani{letter-spacing:1.5px;text-transform:uppercase;border:1px solid;border-radius:2px;align-items:center;padding:2px 7px;font-size:9px;font-weight:600;line-height:1.4;display:inline-flex}.surah-meta-row .makki{color:var(--gold-bright);background:color-mix(in srgb, var(--gold-bright) 10%, transparent);border-color:color-mix(in srgb, var(--gold-bright) 45%, transparent)}.surah-meta-row .madani{color:color-mix(in srgb, var(--gold) 65%, var(--muted) 35%);background:color-mix(in srgb, var(--gold) 8%, transparent);border-color:color-mix(in srgb, var(--gold) 35%, var(--muted) 25%)}.surah-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);direction:rtl;flex-shrink:0;font-size:26px;font-weight:700;line-height:1}@keyframes qr-pulse{0%,to{opacity:.3}50%{opacity:.6}}.surah-skeleton{border-right:.5px solid var(--border-mid);border-bottom:.5px solid var(--border-mid);align-items:center;gap:16px;padding:18px 22px;animation:1.4s ease-in-out infinite qr-pulse;display:flex}.sk-diamond{background:var(--border-mid);flex-shrink:0;width:40px;height:40px;transform:rotate(45deg)}.sk-info{flex-direction:column;flex:1;gap:6px;display:flex}.sk-line{background:var(--border-mid);border-radius:1px;height:11px}.sk-line--w60{width:60%}.sk-line--w80{width:80%}.surah-empty{text-align:center;color:var(--muted);letter-spacing:2px;grid-column:1/-1;padding:60px 40px;font-size:13px}.sahifa-section{padding:24px 24px 36px}.sahifa-toolbar{align-items:center;gap:8px;margin-bottom:24px;display:flex}.sahifa-search{background:var(--card-bg);border:1px solid var(--border-mid);color:var(--foreground);border-radius:2px;flex:1;padding:9px 14px;font-family:inherit;font-size:12px;transition:border-color .3s}.sahifa-search::placeholder{color:var(--dim)}.sahifa-search:focus{border-color:var(--gold);outline:none}.sahifa-juz-group{margin-bottom:24px}.sahifa-juz-label{letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-size:9px}.sahifa-tile-grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.sahifa-tile{aspect-ratio:.72;background:linear-gradient(180deg, var(--card-bg), var(--deep));border:1px solid var(--border-mid);text-align:center;cursor:pointer;color:inherit;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:10px 6px;text-decoration:none;transition:all .3s;display:flex}.sahifa-tile:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 10%, transparent), color-mix(in srgb, var(--gold) 4%, transparent));border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent), 0 14px 28px #00000029;transform:translateY(-1px)}.sahifa-tile-num{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);margin:4px 0;font-size:22px;line-height:1}.sahifa-tile-num-latin{color:var(--dim);letter-spacing:1.5px;margin-top:2px;font-size:9px;line-height:1}@media (max-width:1100px){.sahifa-tile-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:800px){.sahifa-tile-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:500px){.sahifa-tile-grid{grid-template-columns:repeat(4,1fr)}.sahifa-tile-num{font-size:18px}}@media (max-width:380px){.sahifa-tile-grid{grid-template-columns:repeat(3,1fr);gap:5px}.sahifa-tile-num{font-size:20px}.sahifa-tile{padding:8px 4px}}.qori-section{padding:0}.qori-toolbar{border-bottom:.5px solid var(--border);align-items:center;gap:8px;padding:20px 24px;display:flex}.qori-search{background:var(--card-bg);border:1px solid var(--border-mid);color:var(--foreground);border-radius:2px;flex:1;padding:9px 14px;font-family:inherit;font-size:11px;transition:border-color .3s}.qori-search::placeholder{color:var(--dim)}.qori-search:focus{border-color:var(--gold);outline:none}.qori-filter-btn{background:var(--card-bg);border:1px solid var(--border-mid);color:var(--gold);letter-spacing:1.5px;cursor:pointer;border-radius:2px;padding:9px 14px;font-family:inherit;font-size:10px;transition:all .3s}.qori-filter-btn:hover{border-color:var(--gold)}.qori-filter-active{background:color-mix(in srgb, var(--gold) 10%, transparent);border-color:var(--gold);color:var(--gold-bright)}.qori-alphabet{border-bottom:.5px solid var(--border);gap:6px;padding:14px 24px;display:flex;overflow-x:auto}.qori-letter-btn{background:var(--card-bg);border:1px solid var(--border-mid);width:30px;height:30px;color:var(--gold);font-family:var(--font-ui), sans-serif;cursor:pointer;flex-shrink:0;font-size:13px;transition:all .3s}.qori-letter-btn:hover{border-color:var(--gold)}.qori-letter-active{background:color-mix(in srgb, var(--gold) 10%, transparent);border-color:var(--gold);color:var(--gold-bright)}.qori-letter-group{scroll-margin-top:calc(var(--navbar-height) + 8px);padding:24px 24px 0}.qori-letter-group:last-child{padding-bottom:36px}.qori-letter-header{border-bottom:.5px solid var(--border-mid);align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.qori-letter-big{font-family:var(--font-arabic-display), serif;color:var(--gold);font-size:32px;line-height:1}.qori-letter-count{letter-spacing:2px;color:var(--dim);font-size:9px}.qori-list{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.qori-row{border-bottom:.5px solid var(--border-mid);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;transition:background .3s;display:flex}.qori-row:hover{background:color-mix(in srgb, var(--gold) 4%, transparent)}.qori-row-popular{background:color-mix(in srgb, var(--gold) 5%, transparent)}.qori-row-popular:hover{background:color-mix(in srgb, var(--gold) 10%, transparent)}.qori-name{color:var(--foreground);align-items:center;gap:8px;font-size:13px;display:flex}.qori-row-popular .qori-name{color:var(--gold-bright)}.qori-popular-badge{color:var(--gold);letter-spacing:1px;font-size:9px}.qori-row-arrow{color:var(--gold);font-size:14px}.qori-empty{text-align:center;color:var(--dim);padding:60px 24px;font-size:13px}@media (max-width:700px){.qori-toolbar{flex-wrap:wrap}.qori-search{flex:100%}.qori-list{grid-template-columns:1fr}}.quron-search-results{padding:0 40px 48px}.quron-search-section{margin-bottom:36px}.quron-search-section-title{border-bottom:.5px solid var(--border);align-items:baseline;gap:12px;margin:0 0 16px;padding-bottom:12px;font-weight:400;display:flex}.quron-search-section-num{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);font-size:22px;line-height:1}.quron-search-section-label{letter-spacing:2.5px;color:var(--gold);font-size:11px}.quron-search-loading{text-align:center;color:var(--dim);letter-spacing:1px;padding:20px 0;font-size:11px}.quron-search-empty{text-align:center;padding:48px 0}.quron-search-empty p{color:var(--foreground);margin-bottom:8px;font-size:14px}.quron-search-empty-hint{color:var(--muted);font-size:12px}.quron-ayah-list{margin:0;padding:0;list-style:none}.quron-ayah-row{border-bottom:.5px solid var(--border-mid)}.quron-ayah-row:first-child{border-top:.5px solid var(--border-mid)}.quron-ayah-link{color:inherit;padding:18px 16px;text-decoration:none;transition:background .2s;display:block}.quron-ayah-link:hover{background:color-mix(in srgb, var(--gold) 4%, transparent)}.quron-ayah-meta{letter-spacing:1.5px;color:var(--gold);gap:8px;margin:0 0 8px;font-size:9px;display:flex}.quron-ayah-sep{color:var(--dim)}.quron-ayah-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);text-align:right;direction:rtl;margin:0 0 8px;font-size:16px;line-height:1.8}.quron-ayah-uzbek{color:var(--foreground);margin:0;font-size:12px;line-height:1.7}.quron-ayah-highlight{background:color-mix(in srgb, var(--gold) 25%, transparent);color:var(--gold-bright);border-radius:2px;padding:0 2px}.quron-load-more-wrap{text-align:center;margin:24px 0 40px}.quron-load-more-btn{appearance:none;background:var(--card-bg);border:1px solid var(--border-mid);color:var(--gold);letter-spacing:1.5px;cursor:pointer;padding:12px 28px;font-family:inherit;font-size:11px;transition:all .3s}.quron-load-more-btn:hover:not(:disabled){border-color:var(--gold);background:color-mix(in srgb, var(--gold) 5%, transparent);color:var(--gold-bright)}.quron-load-more-btn:disabled{cursor:not-allowed;opacity:.5}.quron-load-more-end{letter-spacing:1.5px;color:var(--gold);margin:0;padding:16px 0;font-size:10px}@media (max-width:900px){.surah-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-wrap:wrap}.search-box{order:10;width:100%;max-width:none;margin-left:0}}@media (max-width:600px){.surah-grid{grid-template-columns:1fr}.quran-hero,.last-read-strip,.filters-bar,.surah-section,.quron-search-results{padding-left:20px;padding-right:20px}.mode-tabs{padding:0 20px}.hero-stats{gap:24px}.last-read-strip{flex-wrap:wrap;gap:14px 16px;padding:18px 20px}.last-read-icon{width:44px;height:44px}.last-read-icon svg{width:22px;height:22px}.last-read-info{flex:200px;min-width:0}.last-read-title{font-size:18px;line-height:1.3}.last-read-progress{line-height:1.4}.last-read-btn{text-align:center;flex:1 0 100%;padding:12px 16px}}:root[data-theme=light] .quran-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] .quran-hero .hero-watermark{opacity:.12;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 15%, transparent)}:root[data-theme=light] .last-read{background:linear-gradient(180deg, var(--deep) 0%, var(--background) 100%)}:root[data-theme=light] .filter-pill.active{background:var(--gold-fill,var(--gold));color:var(--on-gold)}@media (min-width:769px){.quran-hero{min-height:85dvh}}