/* Tilawah — white application theme.
   Isolated from the marketing-site surface rules so functional controls retain
   their hierarchy, contrast, and compact app density. */
:root,html[data-theme="dark"],html[data-theme="pitch"],html[data-theme="light"]{
  color-scheme:light;
  --bg0:#f7f9fb;--bg1:#fff;--bg2:#eef3f7;--ink:#17212b;--muted:#536271;
  --dim:#71808e;--faint:#a8b3bd;--line:#dce4ea;--line-soft:#e9eef2;
  --surface:#fff;--surface-2:#f1f6f9;--white:#fff;--silver-hi:#fff;
  --silver:#477c72;--silver-lo:#78958f;--paper:#fff;--paper-2:#f3f6f7;
  --paper-ink:#18231f;--paper-ink-mid:#3f5049;--paper-faded:#9aa8a2;
  --danger:#b42318;
}
html{background:#fff!important}
html body.tilawah-app{background:#fff!important;color:var(--ink)!important;font-family:'Outfit',system-ui,sans-serif!important}
.tilawah-app::before,.tilawah-app::after{display:none!important}
.tilawah-app .bg{background:#fff!important}
.tilawah-app .bg::before,.tilawah-app .bg::after{display:none!important}
.tilawah-app .aurora,.tilawah-app .spotlight,.tilawah-app .motes{display:none!important}
.tilawah-app main{max-width:1080px;padding-bottom:150px}
.tilawah-app p{color:var(--muted)}
.tilawah-app h1,.tilawah-app h2,.tilawah-app h3,.tilawah-app strong{color:var(--ink)!important}
.tilawah-app ::selection{background:#cceaf2;color:#14232b}
.tilawah-app :focus-visible{outline:3px solid rgb(34 133 171/.32);outline-offset:3px}

/* Navigation */
.tilawah-app .topbar{background:rgb(255 255 255/.92)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 10px 34px rgb(43 68 85/.06)!important;backdrop-filter:blur(20px) saturate(1.1)!important}
.tilawah-app .brand{color:var(--ink)}
.tilawah-app .brand-mark{color:#1d5363;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 7px 18px rgb(40 70 90/.09)}
.tilawah-app .brand-mark::after{display:none}
.tilawah-app .brand-ar{color:var(--silver)}
.tilawah-app .bsi-back{color:var(--muted)}
.tilawah-app .tabs{background:#f4f7f9;border-color:var(--line)}
.tilawah-app .tab{color:var(--muted)}
.tilawah-app .tab:hover{color:var(--ink);background:#fff}
.tilawah-app .tab.active{color:#173845;background:#fff;border-color:var(--line);box-shadow:0 5px 14px rgb(46 73 90/.08)}
.tilawah-app .lang-btn{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
.tilawah-app .lang-menu{background:#fff;border-color:var(--line);box-shadow:0 24px 60px rgb(38 64 82/.16)}
.tilawah-app .lang-opt{color:var(--ink)}.tilawah-app .lang-opt:hover,.tilawah-app .lang-opt.on{background:#eef5f7;color:#185c70}
.tilawah-app .donate-btn{color:#173845;background:rgb(255 255 255/.76);border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff,0 10px 25px rgb(38 68 88/.10)}

/* Hero */
.tilawah-app .hero{padding-top:64px}
.tilawah-app .hero-bismillah{background:none;-webkit-background-clip:initial;background-clip:initial;color:#39766a;filter:none}
.tilawah-app .hero h1,.tilawah-app .seo-title,.tilawah-app .faq-title,.tilawah-app .dash-title{color:var(--ink)!important}
.tilawah-app .grad-gold{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#16759a!important}
.tilawah-app .shimmer{animation:none}
.tilawah-app .hero-sub,.tilawah-app .seo-copy{color:var(--muted)}
.tilawah-app .cta,.tilawah-app .jump-go{color:#fff!important;background:#183f4d!important;border:1px solid #183f4d!important;box-shadow:0 12px 28px rgb(24 63 77/.16)!important}
.tilawah-app .cta:hover,.tilawah-app .jump-go:hover{background:#1e6076!important;transform:translateY(-2px)}
.tilawah-app .ghost-cta{color:var(--ink)!important;background:rgb(255 255 255/.72)!important;border-color:var(--line)!important;box-shadow:0 8px 22px rgb(43 68 85/.07)!important}
.tilawah-app .ghost-cta .ic{color:#26748b}
.tilawah-app .ayah-jump,.tilawah-app .trust-chip,.tilawah-app .feat{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 12px 36px rgb(43 68 85/.07)!important}
.tilawah-app .ayah-jump:focus-within{border-color:#5ca7bc;box-shadow:0 0 0 4px rgb(65 156 184/.12)!important}
.tilawah-app .ayah-input{color:var(--ink)}.tilawah-app .ayah-input::placeholder{color:#687886}
.tilawah-app .feat{border-radius:24px}.tilawah-app .feat:hover{border-color:#bdd7df;box-shadow:0 18px 44px rgb(43 83 105/.11)!important}
.tilawah-app .feat-ic{color:#1c718a!important;background:#edf7f9;border-color:#d6e9ee;box-shadow:none}
.tilawah-app .ornament{color:#6c9b92}.tilawah-app .ornament span{background:#dce9e7!important}

/* App surfaces — deliberately restrained, no inflated generic glass shadows. */
.tilawah-app .panel,.tilawah-app .card,.tilawah-app .picker-box,.tilawah-app .summary-box,
.tilawah-app .surah-chip,.tilawah-app .seg,.tilawah-app .tool-btn,.tilawah-app .listen-chip,
.tilawah-app .resume-note,.tilawah-app .sess,.tilawah-app .tool-nav,.tilawah-app .pr-cell,
.tilawah-app .dhikr-totals div,.tilawah-app .data-btn{
  color:var(--ink)!important;background:#fff!important;border:1px solid var(--line)!important;
  box-shadow:0 10px 30px rgb(42 68 84/.07)!important;backdrop-filter:none!important
}
.tilawah-app .panel,.tilawah-app .card{border-radius:24px!important}
.tilawah-app .card{padding:22px!important;transform:none!important}
.tilawah-app .card:hover{transform:translateY(-3px)!important;border-color:#b9d6de!important;box-shadow:0 18px 42px rgb(42 75 94/.10)!important}
.tilawah-app .card-ic{color:#1d7188!important;background:#edf7fa;border-color:#d8e9ee;box-shadow:none}
.tilawah-app .card-val,.tilawah-app .hero-card .card-val{color:#17212b!important;text-shadow:none;font-size:2.1rem}
.tilawah-app .card-label{color:#385265!important;letter-spacing:.08em}
.tilawah-app .card-sub,.tilawah-app .panel-sub{color:var(--muted)}
.tilawah-app .dash-ar{color:#7b9892}
.tilawah-app .panel-head{padding-bottom:14px;border-bottom:1px solid var(--line-soft)}
.tilawah-app .panel-head h3{color:var(--ink)!important}
.tilawah-app .cards,.tilawah-app .card-val,.tilawah-app .card-label,.tilawah-app .card-sub,
.tilawah-app .panel-head,.tilawah-app .panel-head h3,.tilawah-app .panel-sub,
.tilawah-app .chart,.tilawah-app .chart .col,.tilawah-app .chart .lbl,.tilawah-app .chart .num{
  background:transparent!important;background-image:none!important;border-inline:0!important;border-top:0!important;
  box-shadow:none!important;backdrop-filter:none!important;filter:none!important;transform:none!important
}
.tilawah-app .cards{border:0!important}
.tilawah-app .chart .bar{background:#4a94aa;box-shadow:none}.tilawah-app .chart .bar.zero{background:#e5edf1}
.tilawah-app .chart .lbl,.tilawah-app .chart .num{color:var(--muted)}.tilawah-app .chart .col:last-child .lbl{color:#1d6075}
.tilawah-app .progress-track{background:#e8eef1;box-shadow:inset 0 1px 2px rgb(40 65 80/.08)}
.tilawah-app .progress-fill{background:#438e82;box-shadow:none}
.tilawah-app .sess-ic{color:#1b7087;background:#eef7f9}.tilawah-app .sess-stats .gold{color:#1e6d82}
.tilawah-app .data-badge{color:#1c657a;background:#edf7f9;border-color:#d6e8ed}
.tilawah-app .data-btn .ic{color:#25758b}.tilawah-app .donate-panel{background:#f7fafb!important}

/* Reader */
.tilawah-app .reader-bar{padding:10px;border-radius:20px;background:#f4f7f9;border:1px solid var(--line)}
.tilawah-app .chip-num{color:#fff;background:#1c6176}.tilawah-app .seg-btn{color:var(--muted)}
.tilawah-app .seg-btn.active,.tilawah-app .tool-btn.on{color:#175a6e;background:#e8f4f7;border-color:#cce3e9;box-shadow:none}
.tilawah-app .mushaf{color:#16201c;background:#fff;border:1px solid #dce6e2;box-shadow:0 28px 70px rgb(40 69 57/.10)}
.tilawah-app .mushaf::before{border-color:#dce7e2;box-shadow:inset 0 0 50px rgb(68 105 89/.025)}
.tilawah-app .w{color:#a3aea9}.tilawah-app .w.read{color:#18231f}.tilawah-app .w.skipped{color:#75827d}
.tilawah-app .w.current{color:#12392f;background:#eaf5f0;box-shadow:0 0 0 1px #a8d1c2,0 8px 22px rgb(46 112 86/.10);text-shadow:none}
.tilawah-app .marker{color:#315f52;filter:none;background-image:none;border:1px solid #a9c7bc;border-radius:50%}

/* Recorder — compact white control, and only present in the recitation view. */
.tilawah-app .control-bar{width:min(860px,calc(100vw - 28px));padding:10px 16px;border-radius:24px;border:1px solid rgb(255 255 255/.95);background:rgb(255 255 255/.92);box-shadow:inset 0 1px 0 #fff,0 16px 48px rgb(37 63 79/.16);backdrop-filter:blur(20px) saturate(1.08)}
.tilawah-app .cb-val{color:var(--ink)}.tilawah-app .cb-stat.gold .cb-val{background:none;-webkit-background-clip:initial;background-clip:initial;color:#1d7288}.tilawah-app .cb-label{color:var(--muted)}
.tilawah-app .mic-btn{width:66px;height:66px;color:#1d6e84;background:#fff;border-color:#cbdde3;box-shadow:0 8px 24px rgb(42 75 94/.13),inset 0 1px 0 #fff}
.tilawah-app .mic-btn.listening{color:#fff;background:#1d6e84;border-color:#1d6e84;box-shadow:0 0 0 7px rgb(29 110 132/.10)}
.tilawah-app .mic-btn.listening .mic-rings::before{background:conic-gradient(transparent 0 78%,#2f8ba3 92%,transparent 100%)}
.tilawah-app .mic-btn.listening .mic-rings::after{border-color:rgb(47 139 163/.45)}
.tilawah-app .back-btn,.tilawah-app .end-btn,.tilawah-app .dock-donate{color:var(--ink);background:#f5f8fa;border-color:var(--line)}
.tilawah-app .listen-chip{color:var(--muted)}.tilawah-app .listen-chip.live{color:#1a6579;border-color:#a9d0da;box-shadow:none}
.tilawah-app .eq i{background:#2c8198}
.tilawah-app.is-listening .mushaf,.tilawah-app.is-listening .control-bar{box-shadow:0 22px 60px rgb(35 78 94/.15)}

/* Tools and dialogs */
.tilawah-app .tool-tab{color:var(--muted)}.tilawah-app .tool-tab:hover{color:var(--ink)}
.tilawah-app .tool-tab.active{color:#175e72;background:#eaf5f7;border-color:#cae2e7;box-shadow:none}
.tilawah-app .prayer-next,.tilawah-app .pr-cell.now{background:#edf7f9!important;border-color:#bfdae2!important;box-shadow:none}
.tilawah-app .pn-count,.tilawah-app .pr-time,.tilawah-app .qi-deg,.tilawah-app .zr-row.total b,.tilawah-app .zr-payable,.tilawah-app .dhikr-ar,.tilawah-app .dhikr-totals b{color:var(--ink)}
.tilawah-app .compass-face{background:#fff;border-color:var(--line);box-shadow:inset 0 0 35px rgb(45 87 102/.05),0 14px 38px rgb(45 75 92/.09)}
.tilawah-app .compass-ticks{background:repeating-conic-gradient(from 0deg,#aec1c8 0 1deg,transparent 1deg 30deg)}
.tilawah-app .cm-n{color:#1a5e72}.tilawah-app .needle-line{background:#257d92}.tilawah-app .needle-kaaba{color:#fff;background:#315f52;box-shadow:0 7px 18px rgb(49 95 82/.18)}
.tilawah-app .dhikr-chip{color:var(--muted);background:#fff;border-color:var(--line)}.tilawah-app .dhikr-chip.active{color:#fff;background:#315f52;border-color:#315f52}
.tilawah-app .dhikr-count{color:#1b6377;background:#fff;border-color:#c4dce3;box-shadow:0 18px 48px rgb(38 78 98/.12)}
.tilawah-app .overlay{background:rgb(25 40 49/.28);backdrop-filter:blur(10px)}
.tilawah-app .picker-box,.tilawah-app .summary-box,.tilawah-app .tafseer-box{background:#fff!important;color:var(--ink);border:1px solid var(--line);box-shadow:0 36px 100px rgb(31 54 67/.22)}
.tilawah-app .picker-head h3,.tilawah-app .summary-box h3,.tilawah-app .tafseer-title h3{color:var(--ink)!important}
.tilawah-app .x-btn{background:#f2f6f8;color:var(--ink);border-color:var(--line)}
.tilawah-app .picker-search,.tilawah-app .tafseer-select,.tilawah-app .zk input{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
.tilawah-app .tafseer-ayah{color:#183028;background:#f4f8f6;border-color:#dce8e3}.tilawah-app .tafseer-body{color:#3f4e48}.tilawah-app .tafseer-body h2,.tilawah-app .tafseer-body h3,.tilawah-app .tafseer-body b,.tilawah-app .tafseer-body strong{color:#18231f!important}
.tilawah-app .toast{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 18px 50px rgb(35 60 74/.18)}

/* Only one floating system may occupy the reader viewport. */
.tilawah-app .suite-premium-detached-rail{display:none!important}
.tilawah-app .fab-dock{transition:bottom .28s ease}
.tilawah-app.is-reader-view .fab-dock{bottom:116px!important}

@media(max-width:780px){
  .tilawah-app main{padding-bottom:170px}
  .tilawah-app .control-bar{grid-template-columns:1fr;gap:8px;padding:10px 12px;border-radius:22px}
  .tilawah-app .mic-btn{width:58px;height:58px}.tilawah-app .cb-stats{gap:20px}
  .tilawah-app .cb-stats.is-hidden{display:none}
  .tilawah-app.is-reader-view .fab-dock{bottom:210px!important}
  .tilawah-app .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tilawah-app .card{padding:17px!important}
}
@media(max-width:480px){
  .tilawah-app .cards{grid-template-columns:1fr 1fr;gap:10px}.tilawah-app .card-val,.tilawah-app .hero-card .card-val{font-size:1.65rem}
  .tilawah-app .panel{padding:18px!important}.tilawah-app .chart{height:130px}.tilawah-app .control-bar{width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){.tilawah-app *{scroll-behavior:auto}.tilawah-app .r1,.tilawah-app .r2,.tilawah-app .r3,.tilawah-app .r4,.tilawah-app .r5,.tilawah-app .r6,.tilawah-app .r7{animation:none!important}}