:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1e9;--surface:#fff;--surface-soft:#f8f6f0;--ink:#12283a;--muted:#5f6d76;--line:#ded9ce;--primary:#217970;--primary-strong:#17675f;--primary-soft:#dcefeb;--gold:#836312;--danger:#ad4434;--shadow:0 18px 55px #12283a17;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1821;--surface:#13242f;--surface-soft:#182d39;--ink:#eef4f3;--muted:#9eafb6;--line:#2e434e;--primary:#67c6ba;--primary-strong:#8bd8d0;--primary-soft:#183c3a;--gold:#e3b64f;--danger:#e8897a;--shadow:0 18px 55px #00000047}}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);margin:0}button,select{font:inherit}button{cursor:pointer}a{color:inherit}.skip-link{z-index:100;color:#fff;background:var(--primary-strong);border-radius:0 0 12px 12px;padding:10px 18px;position:fixed;top:0;left:50%;transform:translate(-50%,-130%)}.skip-link:focus{transform:translate(-50%)}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);height:100vh;padding:28px 18px;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;width:48px;height:48px;box-shadow:var(--shadow);background:linear-gradient(145deg,#278a80,#17675f);border-radius:16px;place-items:center;font-family:Georgia,serif;font-size:25px;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px}.nav{gap:7px;margin-top:40px;display:grid}.nav button{min-height:46px;color:var(--muted);text-align:start;background:0 0;border:0;border-radius:14px;padding:0 14px;font-weight:750}.nav button[aria-current=page]{color:var(--primary-strong);background:var(--primary-soft)}.sidebar-note{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);border-radius:16px;margin-top:auto;padding:14px;font-size:.8rem;line-height:1.5}.workspace{min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px clamp(20px,4vw,50px);display:flex;position:sticky;top:0}.topbar-title{min-width:0}.topbar-title strong,.topbar-title span{display:block}.topbar-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.78rem;overflow:hidden}.topbar-actions{align-items:center;gap:8px;display:flex}.language-button{border:1px solid var(--line);min-width:42px;min-height:38px;color:var(--ink);background:var(--surface);border-radius:12px;font-weight:800}.language-button[aria-pressed=true]{color:#fff;border-color:var(--primary-strong);background:var(--primary-strong)}.main{width:min(1250px,100%);margin:0 auto;padding:34px clamp(20px,4vw,50px) 110px}.hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(140deg,#1f8a7f,#17675f 58%,#134f4a);border-radius:32px;padding:clamp(28px,5vw,52px);position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-130px;right:-90px;box-shadow:0 0 0 38px #ffffff0a,0 0 0 78px #ffffff06}.hero>*{z-index:1;position:relative}.hero-kicker{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;font-size:.76rem;font-weight:850}.hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(2.35rem,7vw,5rem);line-height:.98}.hero p{color:#ffffffc7;max-width:700px;margin:20px 0 0;font-size:clamp(.95rem,2vw,1.12rem);line-height:1.65}.version-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:999px;margin-top:24px;padding:8px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.section{margin-top:34px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.section-heading p{color:var(--muted);margin:6px 0 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow);padding:22px}.card-icon{width:42px;height:42px;color:var(--primary-strong);background:var(--primary-soft);border-radius:13px;place-items:center;font-weight:900;display:grid}.card h3{margin:18px 0 0;font-size:1rem}.card p{color:var(--muted);margin:8px 0 0;font-size:.84rem;line-height:1.55}.status{color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;margin-top:16px;padding:6px 9px;font-size:.7rem;font-weight:850;display:inline-flex}.status.pending{color:var(--gold);background:color-mix(in srgb, var(--gold) 13%, transparent)}.audio-dock{z-index:50;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex;position:fixed;bottom:20px;left:270px;right:20px}.audio-copy{min-width:0}.audio-copy strong,.audio-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.audio-copy span{color:var(--muted);margin-top:3px;font-size:.75rem}.audio-actions{gap:7px;display:flex}.audio-actions button{border:1px solid var(--line);min-width:40px;min-height:38px;color:var(--ink);background:var(--surface);border-radius:11px}.migration-banner{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);border-radius:15px;margin-top:18px;padding:14px 16px;font-size:.82rem;line-height:1.5}.migration-banner[data-state=migrated]{color:var(--primary-strong);border-color:color-mix(in srgb, var(--primary) 45%, var(--line));background:var(--primary-soft)}.migration-banner[data-state=failed]{color:var(--danger)}html[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--line)}html[dir=rtl] .nav button,html[dir=rtl] .topbar-title{text-align:right}html[dir=rtl] .audio-dock{left:20px;right:270px}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:16px 18px;position:static}.sidebar .brand{justify-content:center}.nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;overflow-x:auto}.nav button{white-space:nowrap;text-align:center}.sidebar-note{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-dock,html[dir=rtl] .audio-dock{bottom:14px;left:14px;right:14px}}@media (max-width:620px){.topbar{align-items:flex-start;padding:12px 16px}.topbar-title span{max-width:44vw}.main{padding:22px 16px 110px}.hero{border-radius:24px}.grid{grid-template-columns:1fr}.nav{grid-template-columns:repeat(8,minmax(112px,1fr))}.audio-dock{align-items:flex-start}.audio-actions{flex-wrap:wrap;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--ui-zoom:1}html{font-size:calc(16px * var(--ui-zoom))}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1821;--surface:#13242f;--surface-soft:#182d39;--ink:#eef4f3;--muted:#9eafb6;--line:#2e434e;--primary:#67c6ba;--primary-strong:#8bd8d0;--primary-soft:#183c3a}html[data-theme=gold]{--primary:#1f705d;--primary-strong:#145444;--primary-soft:#f1e6bd;--gold:#b78922}html[data-kiosk=true] .sidebar,html[data-kiosk=true] .topbar,html[data-kiosk=true] .mobile-nav{display:none}html[data-kiosk=true] .app-shell{grid-template-columns:1fr}html[data-kiosk=true] .workspace{grid-column:1}html[data-kiosk=true] .audio-dock{left:20px}.mobile-nav{display:none}.button-row{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:1.25rem}.settings-card label{gap:.4rem;margin-top:.8rem;display:grid}.settings-card input,.settings-card select,.quran-index-tools input,.quran-index-tools select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);border-radius:10px;padding:.5rem .7rem}.check-row{align-items:center;gap:.6rem;display:flex!important}.file-action{cursor:pointer}.settings-status{grid-column:1/-1}.quran-pack-bar{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem;display:flex}.standalone-card,.widget-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(34rem,100% - 2rem);margin:4rem auto;padding:2rem}.widget-card div{border-bottom:1px solid var(--line);justify-content:space-between;padding:.65rem 0;display:flex}@media (max-width:980px){.mobile-nav{z-index:45;background:var(--surface);border-top:1px solid var(--line);padding:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto}.mobile-nav button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1 0 86px}.mobile-nav button[aria-current=page]{color:var(--primary-strong);background:var(--primary-soft)}.main{padding-bottom:170px}.settings-grid{grid-template-columns:1fr}}@media (max-width:620px){.topbar-actions{max-width:64vw;overflow:auto}.language-button{flex:none}.audio-dock{bottom:62px}.settings-card{padding:1rem}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 62%, white);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.standalone-card form{gap:1rem;display:grid}.standalone-card label{gap:.45rem;display:grid}.standalone-card input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface);border-radius:11px;padding:.65rem .75rem}.pack-list{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.pack-list li{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;justify-content:space-between;gap:1rem;padding:.7rem .8rem;display:flex}.pack-list span{color:var(--muted);font-size:.78rem}.settings-card progress{width:100%;margin-top:1rem}html[data-kiosk=true] .main{padding-top:20px}@media (max-width:980px){.sidebar{z-index:19;position:sticky;top:0}.sidebar .nav{display:none}.sidebar .brand{justify-content:flex-start}.mobile-nav{scrollbar-width:thin}}@media (max-width:620px){.brand-mark{width:42px;height:42px}.topbar{min-height:66px}.topbar-title span{max-width:38vw}.audio-copy span{max-width:54vw}.pack-list li{flex-direction:column;align-items:flex-start}}
.converted-workspace{margin-top:24px}.prayer-dashboard{grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:18px;display:grid}.next-prayer-card{color:#fff;min-height:300px;box-shadow:var(--shadow);background:linear-gradient(140deg,#1f8a7f,#17675f 58%,#134f4a);border-radius:30px;padding:clamp(28px,5vw,48px)}.next-prayer-card h1{margin:.4rem 0;font-size:clamp(3rem,7vw,5rem)}.next-prayer-time{border:1px solid #ffffff40;border-radius:999px;padding:.5rem .8rem;display:inline-flex}.next-prayer-countdown{align-items:baseline;gap:.7rem;margin-top:2.2rem;display:flex}.next-prayer-countdown strong{font-size:1.6rem}.clock-card{flex-direction:column;justify-content:center;display:flex}.live-clock{font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,5vw,3.6rem)}.prayer-section{grid-column:1/-1}.prayer-times-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.prayer-time-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:1rem}.prayer-time-card span,.prayer-time-card strong{display:block}.prayer-time-card strong{margin-top:.8rem;font-size:1.25rem}.prayer-time-card.is-next{border-color:var(--primary);background:var(--primary-soft)}.profile-editor{grid-column:1/-1}.form-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form-grid-v4 label{gap:.4rem;display:grid}.form-grid-v4 input,.form-grid-v4 select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);border-radius:10px;padding:.5rem}.calendar-panel{overflow:hidden}.calendar-toolbar-v4{grid-template-columns:48px 1fr 48px;align-items:center;padding:1rem;display:grid}.calendar-table-scroll{overflow:auto}.calendar-table-v4{border-collapse:collapse;width:100%;min-width:800px}.calendar-table-v4 th,.calendar-table-v4 td{border-top:1px solid var(--line);text-align:center;padding:.7rem}.qibla-layout{place-items:center;display:grid}.compass-card{text-align:center;width:min(600px,100%)}.compass-face-v4{aspect-ratio:1;border:16px solid var(--primary-soft);width:min(360px,85vw);box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;place-items:center;margin:1.5rem auto;display:grid;position:relative}.compass-face-v4>span{position:absolute;top:1rem}.compass-face-v4>strong{position:absolute;bottom:3.5rem}.compass-arrow-v4{color:var(--primary-strong);transform-origin:50%;font-size:7rem;transition:transform .25s}.card-eyebrow{color:var(--primary-strong);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:850}.prayer-progress{background:#ffffff2e;border-radius:999px;height:7px;margin-top:14px;overflow:hidden}.prayer-progress span{background:#d5aa53;height:100%;display:block}.summary-list{gap:9px;margin-top:22px;display:grid}.summary-list div,.qibla-metrics{justify-content:space-between;gap:12px;display:flex}.profile-toolbar,.button-row{flex-wrap:wrap;gap:10px;display:flex}.adjustment-grid-v4{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}@media (max-width:900px){.prayer-dashboard{grid-template-columns:1fr}.prayer-times-grid{grid-template-columns:repeat(3,1fr)}.form-grid-v4{grid-template-columns:1fr 1fr}.adjustment-grid-v4{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.prayer-times-grid,.adjustment-grid-v4{grid-template-columns:repeat(2,1fr)}.form-grid-v4{grid-template-columns:1fr}}
.quran-workspace{gap:18px;display:grid}.quran-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.quran-heading h1{letter-spacing:-.05em;margin:4px 0 0;font-size:clamp(2rem,5vw,3.7rem)}.quran-heading p:not(.card-eyebrow){max-width:720px;color:var(--muted);margin:10px 0 0;line-height:1.6}.quran-stat-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.quran-stat-row span{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;align-items:baseline;gap:4px;padding:8px 11px;font-size:.72rem;display:inline-flex}.quran-stat-row strong{color:var(--primary-strong);font-size:.86rem}.quran-validation-banner{border:1px solid color-mix(in srgb, var(--gold) 48%, var(--line));background:color-mix(in srgb, var(--gold) 9%, var(--surface));border-radius:16px;gap:5px;padding:15px 18px;display:grid}.quran-validation-banner strong{color:var(--gold)}.quran-validation-banner span,.quran-validation-banner small{color:var(--muted);line-height:1.5}.quran-validation-banner small{font-size:.72rem}.quran-layout{grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.quran-index{max-height:calc(100vh - 125px);position:sticky;top:94px;overflow:hidden}.quran-index-tools{border-bottom:1px solid var(--line);background:var(--surface-soft);gap:10px;padding:16px;display:grid}.quran-index-tools input[type=search]{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--surface);border-radius:12px;padding:0 12px}.quran-filter-toggle{color:var(--muted);align-items:center;gap:8px;font-size:.73rem;font-weight:750;display:flex}.quran-surah-list{gap:6px;max-height:calc(100vh - 245px);padding:10px;display:grid;overflow:auto}.quran-index-item{width:100%;color:var(--ink);text-align:start;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.quran-index-item:hover{border-color:var(--line);background:var(--surface-soft)}.quran-index-item.active{border-color:var(--primary);background:var(--primary-soft)}.quran-index-number{width:38px;height:38px;color:var(--primary-strong);background:var(--surface-soft);border-radius:12px;place-items:center;font-size:.76rem;font-weight:850;display:grid}.quran-index-copy{min-width:0}.quran-index-copy strong,.quran-index-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quran-index-copy strong{font-size:.82rem}.quran-index-copy small{color:var(--muted);margin-top:3px;font-size:.66rem}.quran-index-arabic{font-family:var(--font-arabic,Georgia, serif);font-size:1.02rem}.quran-empty{color:var(--muted);text-align:center;padding:18px;font-size:.8rem}.quran-reader{min-width:0;overflow:visible}.quran-reader-toolbar{z-index:8;border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex;position:sticky;top:76px}.quran-reader-toolbar h2{margin:4px 0 0;font-size:clamp(1.25rem,3vw,1.75rem)}.quran-reader-toolbar h2 span{color:var(--primary-strong);font-family:var(--font-arabic,Georgia, serif);margin-inline-start:8px;font-weight:500}.quran-reader-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850}.quran-reader-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:9px;display:flex}.quran-reader-controls label{color:var(--muted);gap:4px;font-size:.68rem;font-weight:750;display:grid}.quran-reader-controls select{border:1px solid var(--line);max-width:220px;min-height:38px;color:var(--ink);background:var(--surface);border-radius:10px;padding:0 10px}.quran-range-control input{width:115px;accent-color:var(--primary)}.quran-translation-toggle{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-auto-flow:column;align-items:center;min-height:38px;padding:0 10px;display:flex!important}.quran-audio-notice{border-bottom:1px solid var(--line);color:var(--muted);background:var(--surface-soft);padding:10px 18px;font-size:.71rem}.quran-verses{--quran-font-scale:1;gap:14px;padding:clamp(12px,2.4vw,22px);display:grid}.quran-ayah-card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:20px;padding:clamp(18px,3vw,28px);scroll-margin-top:180px}.quran-ayah-card.basmala{border-color:color-mix(in srgb, var(--gold) 52%, var(--line));background:color-mix(in srgb, var(--gold) 7%, var(--surface));text-align:center}.quran-ayah-card.playing{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent), var(--shadow)}.quran-ayah-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:12px;font-size:.68rem;font-weight:800;display:flex}.quran-reference{color:var(--primary-strong);background:var(--primary-soft);font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:999px;padding:5px 8px;display:inline-flex}.quran-arabic{color:var(--ink);font-family:var(--font-arabic,"Noto Naskh Arabic", "Amiri", serif);font-size:calc(clamp(1.75rem, 4.5vw, 2.65rem) * var(--quran-font-scale));text-align:right;text-wrap:pretty;margin:24px 0 0;font-weight:500;line-height:2.05}.quran-ayah-card.basmala .quran-arabic{text-align:center}.quran-translation{border-top:1px solid var(--line);color:var(--muted);margin:18px 0 0;padding-top:16px;font-size:.92rem;line-height:1.75}.quran-note-preview{border-inline-start:3px solid var(--gold);color:var(--ink);background:var(--surface-soft);border-radius:8px;margin:14px 0 0;padding:11px 13px;font-size:.8rem;line-height:1.55}.quran-ayah-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.quran-ayah-actions button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--surface-soft);border-radius:11px;padding:0 12px;font-size:.72rem;font-weight:800}.quran-ayah-actions button:hover,.quran-ayah-actions button.active{color:var(--primary-strong);border-color:var(--primary);background:var(--primary-soft)}.quran-note-editor{gap:9px;margin-top:14px;display:grid}.quran-note-editor textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-soft);font:inherit;border-radius:12px;padding:11px 12px;line-height:1.5}.quran-note-editor>div{flex-wrap:wrap;gap:8px;display:flex}html[dir=rtl] .quran-index-item,html[dir=rtl] .quran-arabic{text-align:right}html[dir=rtl] .quran-stat-row{justify-content:flex-start}@media (max-width:1040px){.quran-layout{grid-template-columns:1fr}.quran-index{max-height:none;position:static}.quran-surah-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:340px}.quran-reader-toolbar{top:75px}}@media (max-width:700px){.quran-heading{flex-direction:column;align-items:flex-start}.quran-stat-row{justify-content:flex-start}.quran-surah-list{grid-template-columns:1fr}.quran-reader-toolbar{flex-direction:column;position:static}.quran-reader-controls{justify-content:flex-start;width:100%}.quran-reader-controls label{flex:150px}.quran-reader-controls select{width:100%;max-width:none}.quran-range-control input,.quran-reader-controls .primary-action{width:100%}.quran-arabic{line-height:1.9}}
.library-workspace{gap:18px;display:grid}.library-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.library-heading h1{letter-spacing:-.05em;margin:4px 0 0;font-size:clamp(2rem,5vw,3.5rem)}.library-heading p{max-width:760px;color:var(--muted);line-height:1.6}.library-badge{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;padding:9px 12px;font-size:.75rem;font-weight:800}.library-layout{grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.library-sidebar{gap:12px;display:grid;position:sticky;top:94px}.library-sidebar input,.library-sidebar select,.library-reader textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--surface);border-radius:12px;padding:9px 11px}.library-tabs,.library-actions,.library-meta,.library-collection-grid{flex-wrap:wrap;gap:8px;display:flex}.library-tabs button,.library-actions button,.library-index button,.library-collection-grid button{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:12px}.library-tabs button,.library-actions button{min-height:40px;padding:0 12px}.library-tabs button[aria-pressed=true],.library-collection-grid button[aria-pressed=true]{color:#fff;border-color:var(--primary-strong);background:var(--primary-strong)}.library-index{gap:7px;max-height:52vh;display:grid;overflow:auto}.library-index button{text-align:start;padding:11px}.library-index button[aria-current=true]{border-color:var(--primary);background:var(--primary-soft)}.library-reader{gap:18px;padding:clamp(20px,4vw,34px);display:grid}.library-arabic{text-align:right;margin:0;font-family:Georgia,Noto Naskh Arabic,serif;font-size:clamp(1.55rem,4vw,2.45rem);line-height:2}.library-transliteration{color:var(--muted);font-style:italic;line-height:1.7}.library-translation{font-size:1.02rem;line-height:1.8}.library-meta span{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.72rem}.library-counter{align-items:center;gap:10px;display:flex}.library-counter strong{font-size:1.35rem}.library-note{gap:8px;display:grid}.library-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.library-collection-grid button{text-align:start;padding:15px}.library-benefits{background:var(--surface-soft);border-radius:16px;padding:16px}.library-benefits ul{margin:8px 0 0;padding-inline-start:1.2rem}.library-daily{border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--surface));border-radius:18px;padding:18px}.library-daily button{margin-top:10px}.library-empty{text-align:center;color:var(--muted);padding:28px}@media (max-width:860px){.library-layout{grid-template-columns:1fr}.library-sidebar{position:static}.library-collection-grid{grid-template-columns:1fr}}@media (max-width:560px){.library-heading{display:grid}.library-actions button{flex:42%}.library-arabic{font-size:1.65rem}}
