#preloader,.preloader-box{place-items:center;display:grid}.logo-word,.vakits-heading,.vakits-title{font-family:Cinzel,serif}:root{--pure:250,246,238;--secondary-bg:233,221,205;--ink:51,41,33;--muted:116,97,80;--accent:140,102,69;--chip:244,235,223;--coffee:#8c6645;--cream-bg:#fdfbf7;--cream-text:#7b6a58}#preloader{--brand:#8C6645;--ink:#1f1c16;--bg1:#ffffff;--bg2:#f3ece5;position:fixed;inset:0;z-index:9999;background:radial-gradient(60% 120% at 50% 40%,var(--bg1) 0,var(--bg2) 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);transition:opacity .45s,visibility .45s}#preloader.hide{opacity:0;visibility:hidden}.preloader-box{gap:14px;padding:28px 30px;border-radius:20px;background:#ffffffc7;backdrop-filter:blur(4px);box-shadow:0 6px 24px rgba(0,0,0,.06);text-align:center}.brand-mark{position:relative;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px #fff inset,0 0 0 3px var(--brand) inset}.brand-logo,.num-badge{display:inline-grid;place-items:center}.spin-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid transparent;border-top-color:var(--brand);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-icon{font-size:26px;color:var(--brand)}.preloader-title{font-weight:800;letter-spacing:.3px;font-size:18px}.preloader-sub{font-size:12px;opacity:.7;margin-top:2px}.skip-link{margin-top:4px;font-size:12px;text-decoration:underline;cursor:pointer;opacity:.75}.skip-link:hover{opacity:1}@media (prefers-reduced-motion:reduce){.spin-ring{animation:none}#preloader{transition:none}}body,html{height:100%}body{color:rgb(var(--muted));font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',sans-serif;background:radial-gradient(55% 120% at 50% 35%,rgb(var(--pure)) 0,rgb(var(--secondary-bg)) 100%)}.navbar{background:0 0;backdrop-filter:blur(2px)}.brand-logo{width:34px;height:34px;border-radius:10px;background:#8c6645;color:#fff;margin-right:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.15)}.brand-sub{font-size:.74rem;color:rgba(0,0,0,.45)}.btn-support{background:#8c6645;color:#fff;border:0;border-radius:.8rem;padding:.55rem 1rem;box-shadow:0 4px 10px rgba(0,0,0,.15)}.btn-support .bi{margin-right:.35rem}.hero{padding-top:7rem;padding-bottom:4rem;text-align:center;position:relative}.logo-word{color:#8c6645;letter-spacing:.06em;font-weight:700;font-size:clamp(2.2rem, 3.8vw, 3.4rem);text-shadow:0 1px 0 rgba(255,255,255,.7)}.search-wrap{max-width:720px;margin:1.7rem auto 1.1rem}.input-group.rounded-pill .form-control{border-radius:50rem!important;border:0;padding:.9rem 1.1rem .9rem 2.4rem;background:rgba(255,255,255,.85);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}.input-group.rounded-pill .input-group-text{border:0;background:0 0;color:#9a866f;padding-left:1rem}.kbd-badge{font-size:.8rem;padding:.35rem .6rem;border-radius:1rem;background:rgba(0,0,0,.05);color:#6e5a47;border:1px solid rgba(0,0,0,.06);margin-left:.5rem}.search-addon{background:rgba(255,255,255,.85);border:0;border-left:1px solid rgba(0,0,0,.06);border-radius:0 50rem 50rem 0!important;padding:.35rem .6rem}.chips .btn{border-radius:50rem;padding:.4rem .95rem;border:1px solid rgba(0,0,0,.06);background:rgb(var(--chip));color:rgb(var(--ink));font-weight:500}.chips .btn:hover{background:#8c6645;color:#f2e2d3;box-shadow:0 3px 6px rgba(0,0,0,.08)}.ayah{max-width:760px;margin:2.1rem auto 0;color:rgb(var(--muted));font-size:1.02rem}.ayah small{display:block;color:#927c66;margin-top:.75rem}.surah-card{background:rgba(255,255,255,.72);border-color:rgba(140,102,69,.25)!important;transition:transform .12s,box-shadow .15s,background .2s,color .2s}.num-badge{width:38px;height:38px;background:#f2f2f2;border:1px solid rgba(140,102,69,.25);border-radius:.6rem;transform:rotate(45deg);flex:0 0 38px;margin-top:2px}.site-footer,.vakits-box{background:var(--cream-bg)}.num-badge .num{transform:rotate(-45deg);font-weight:800;color:#8c6645}.surah-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08);background:#f4ebdf}.btn-check:checked+.btn{background:#8c6645;color:#f2e2d3;border-color:#8c6645;box-shadow:0 3px 8px rgba(0,0,0,.08) inset,0 4px 12px rgba(0,0,0,.08)}.site-footer .nav-link:hover,.vakits-heading,.vakits-title{color:var(--coffee)}.vakits-box{border:1px solid rgba(0,0,0,.05)}.vakits-heading{font-size:clamp(1.6rem, 2.5vw, 2rem);font-weight:600}.vakits-title{font-size:clamp(1.05rem, 1.3vw, 1.35rem);text-transform:uppercase}.vakits-time{font-family:Inter,sans-serif;font-weight:700;color:var(--cream-text);margin-top:.35rem;font-size:1.05rem}@media (max-width:576px){.vakits-box{padding-block:1.25rem}.vakits-title{font-size:1rem}}.site-footer{border-top:1px solid rgba(0,0,0,.05);color:#6d5a49;font-size:.95rem}.site-footer .nav-link{color:#7b6a58}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--coffee);box-shadow:0 0 0 4px rgba(140,102,69,.12);display:inline-block;margin-right:.25rem}