/* A luminous, compact reading-first identity. Presentation only. */
:root{--teal:#087f89;--dark:#124a53;--mint:#8ed6c6;--bg:#f5f8f9;--surface:#fff;--ink:#17363e;--muted:#657d84;--line:#dfe9eb;--gold:#b39355;--reading:1rem;--nav-height:86px}
html{background:#e9f1f3;scroll-padding-bottom:170px}body{padding:0;background:radial-gradient(ellipse at 15% 10%,#d3eae9,transparent 50%),#edf3f4;color:var(--ink);font-size:16px;line-height:1.75}body .app-shell{max-width:560px;min-height:100dvh;background:var(--bg);border:0;border-radius:0;box-shadow:0 0 100px #153f4910;overflow:clip}#view{padding:24px 22px 132px;min-height:100dvh}#header{display:none}a{text-decoration:none;color:var(--teal)}button,input,select,textarea{font-family:Thmanyah,Arial,sans-serif}h1,h2,h3{color:var(--ink);letter-spacing:0}h1,.page-head h1{font-size:1.65rem;line-height:1.5}h2,.section-head h2{font-size:1.125rem;font-weight:700}h3{font-size:1rem}small,.note,.muted{color:var(--muted)}.note{font-size:.8125rem}.page-head{margin:0 0 22px;min-height:46px;gap:12px}.page-head:not(.subhead){border-bottom:1px solid var(--line);padding-bottom:17px}.page-head h1{color:var(--ink)}.head-emblem{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e3efee;color:var(--teal)}.head-emblem .icon{width:23px;height:23px}.subhead{padding-left:44px;text-align:center;margin-bottom:24px}.subhead h1{font-size:1.2rem}.subhead .icon-btn{background:white;border:1px solid var(--line);border-radius:50%;width:44px;height:44px}.section-head{margin:30px 0 13px;gap:12px}.section-head h2{font-size:1.05rem}.section-symbol{color:#87a0a5}.section-symbol .icon{width:19px;height:19px}.section-head .icon-btn{min-height:36px;min-width:36px;border-radius:50%;border:1px solid var(--line);background:white}.section-head .icon-btn .icon{width:18px;height:18px}.eyebrow{display:block;font-size:.8125rem;color:var(--teal);font-weight:700;line-height:1.5}.icon{stroke-width:1.6}.icon-btn{color:var(--teal);background:#eaf2f2;min-width:44px;min-height:44px;border-radius:13px}
/* Floating navigation, with a stable content-safe lower edge. */
body #nav{width:min(536px,calc(100% - 24px));left:50%;transform:translateX(-50%);bottom:10px;border:1px solid #dce8e9;border-radius:24px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#ffffffed;box-shadow:0 8px 32px #19474d15;backdrop-filter:blur(16px);display:flex;gap:3px}body #nav a{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:7px 2px;min-height:58px;font-size:.75rem;color:#748990;border-radius:17px;position:relative;background:none}body #nav a .icon{width:22px;height:22px}body #nav a.active{background:#e7f3f0;color:#086f77;font-weight:700}body #nav a.active:after{content:'';position:absolute;top:3px;left:calc(50% - 8px);height:2px;width:16px;border-radius:3px;background:#087f89}body #mini{bottom:calc(var(--nav-height,86px) + 20px);left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 40px))}.mini-player{border-radius:18px;padding:10px 14px;box-shadow:0 4px 24px #19474d15;border:1px solid var(--line)}#toast{bottom:calc(var(--nav-height,86px) + 32px);border-radius:18px;background:#124a53}
/* Reusable surfaces and touch controls. */
body .card,body .tile,body .visual-tile{background:#fff;box-shadow:none;border:1px solid var(--line)}body .card{padding:20px;border-radius:22px;margin-bottom:14px}body .tile{padding:15px;min-height:76px;gap:12px;margin:9px 0;border-radius:18px;color:var(--ink)}.tile strong,.visual-tile strong,.illustrated-card strong{font-size:.9375rem!important;color:var(--ink);line-height:1.65}.tile small{display:block;font-size:.8125rem;line-height:1.65;margin-top:3px}.badge-icon{background:#e9f3f1;border-radius:14px;width:44px;height:44px;color:var(--teal)}.badge-icon .icon{width:23px;height:23px}.tile .chev{color:#91a4a8}.tile .chev .icon{width:16px;height:16px}.primary,.secondary{font-size:.9375rem;min-height:48px;border-radius:14px;margin-top:12px;padding:11px 16px;line-height:1.6}.primary{background:#087f89;color:#fff;border:1px solid #087f89;box-shadow:0 4px 12px #087f8910}.secondary{background:#fff;border:1px solid #c9dcdf;color:#18616a}.text-button{font-size:.875rem;color:var(--teal);min-height:44px}.text-link{font-size:.875rem}.progress{height:5px;background:#dcebe9;border-radius:8px}.progress>i{background:#087f89;transition:width .3s linear}.search,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:#fff;border:1px solid #d7e4e6;border-radius:13px;padding:12px 14px;font-size:1rem;min-height:48px;color:var(--ink)}.search{box-shadow:0 3px 10px #17363e03;margin:0 0 18px}input[type=range]{accent-color:var(--teal);padding:0;min-height:32px}input[type=radio]{accent-color:var(--teal)}.chip{color:#237781;background:#eaf3f1;border-radius:8px;padding:5px 10px}.segments{border:1px solid var(--line);background:#edf2f3;border-radius:14px;padding:4px;gap:4px}.segments .active{background:white;color:var(--teal);box-shadow:0 2px 6px #17363e10}.segments button{min-height:42px;font-size:.875rem;border-radius:10px}.switch-row{gap:15px;padding:17px 0;margin:0;border-color:var(--line)}.switch-row:last-child{border-bottom:0}.switch-row a,.switch-row>span{font-size:.9375rem}.toggle{flex-shrink:0!important;accent-color:var(--teal)}.switch-row select{width:auto;max-width:52%}.switch-row .segments{margin:0;flex-wrap:wrap}.settings-card .switch-row{flex-wrap:wrap}.settings-card .switch-row .toggle{margin-inline-start:auto}.notice{background:#edf5f3;border:1px solid #dcebe7;border-radius:14px}.info-links{padding:8px 3px}.info-links a{font-size:.875rem;padding:13px 0;border-bottom:1px solid var(--line)}
/* Prayer: one clear next-prayer panel and a precise two-row timetable. */
.renewal-dateline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;margin:-7px 0 17px;color:var(--muted)}.renewal-dateline>a{display:flex;align-items:center;gap:4px;max-width:50%;text-align:left}.renewal-dateline .icon{width:15px;height:15px}.renewal-prayer{padding:19px 21px 20px;border-radius:26px;background:linear-gradient(125deg,#d9eee8,#eef8f3 72%);border:1px solid #c5e2d9;position:relative;overflow:hidden}.renewal-hero-top{display:flex;justify-content:space-between;align-items:center}.renewal-hero-top>.icon{color:#77a89a;width:19px;height:19px}.renewal-prayer-center{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:6px 0 12px}.renewal-prayer-name{position:relative;min-width:110px;min-height:78px;display:flex;align-items:center}.renewal-prayer-name h2{font-size:1.9rem!important;color:#145b59;position:relative;z-index:1}.renewal-prayer-name>.art.clean-art{width:72px;height:72px;position:absolute;opacity:.18;left:-16px;bottom:-2px;mix-blend-mode:multiply}.renewal-time{width:210px;max-width:60%}.renewal-time .countdown{justify-content:center;font-size:clamp(1.45rem,6.3vw,2rem);font-weight:700;letter-spacing:0;color:#124a53;line-height:1.5;margin:0;padding:0;width:100%;font-variant-numeric:tabular-nums}.renewal-time .time-labels{direction:ltr;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:.75rem;color:#5c857f;margin:0}.renewal-prayer .progress{background:#c9e0d8;height:4px}.renewal-prayer .progress i{background:#388b79}
body .prayer-table#prayer-list{padding:0;background:transparent;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}body #prayer-list .prayer-row{margin:0;padding:14px 9px 0;background:#fff;border:1px solid #dce7e9;border-radius:17px;display:flex;flex-direction:column;align-items:center;min-width:0;gap:5px;overflow:hidden;box-shadow:none}body #prayer-list .prayer-row.active{background:#e7f3f0;border-color:#6fae9f;box-shadow:inset 0 3px #6fae9f}body #prayer-list .prayer-row .prayer-symbol{color:#75989d;width:24px;height:24px;margin:0 0 2px}body #prayer-list .prayer-row.active .prayer-symbol{color:#247766}body #prayer-list .prayer-symbol .icon{width:23px;height:23px}body #prayer-list .prayer-row strong{font-size:.875rem;font-weight:400;flex:none}body #prayer-list .prayer-row .time{font-size:1rem;line-height:1.6;color:#244f58;font-weight:700;white-space:nowrap;min-width:0}body #prayer-list .prayer-row .bell-button,body #prayer-list .sunrise-note{margin:5px 0 0;width:100%;height:40px;min-height:40px;min-width:0;border-top:1px solid #e0eae9;border-radius:0;background:none;color:#668c91;display:grid;place-items:center}body #prayer-list .prayer-row.active .bell-button{border-color:#cbe0d9;color:#287d6c}body #prayer-list .bell-button .icon{width:17px;height:17px}.sunrise-note{font-size:.75rem}.timing-meta{font-size:.75rem;color:var(--muted);margin:0 2px}.timing-meta summary{cursor:pointer}
/* Distinct category layouts, not a page of identical boxes. */
body .renewal-entry{margin:0;align-items:center;min-width:0}.renewal-entry-art{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#eef6f5;border-radius:15px}.renewal-entry-art>.art.clean-art{width:42px;height:42px;flex:0 0 42px}.renewal-entry .grow{min-width:0}.renewal-entry small{font-size:.75rem}.renewal-learning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.renewal-learning .renewal-entry{align-items:flex-start;flex-direction:column;padding:17px 14px;gap:12px;min-height:135px;border-radius:21px}.renewal-learning .renewal-entry-art{width:54px;height:54px;flex-basis:54px;background:#edf4f2;border-radius:16px}.renewal-learning .renewal-entry:nth-child(2) .renewal-entry-art{background:#e9f2f7}.renewal-learning .renewal-entry-art>.art.clean-art{width:48px;height:48px}.renewal-qibla-link{background:#edf4f6!important;border-color:#dbe7ec!important}.renewal-qibla-link .renewal-entry-art{background:white}.renewal-prayer-groups{border:1px solid var(--line);border-radius:22px;background:white;overflow:hidden;padding:0 16px}.renewal-group{display:flex;gap:14px;align-items:center;min-height:76px;padding:13px 0;color:var(--ink);border-bottom:1px solid var(--line)}.renewal-group:last-child{border:0}.renewal-group strong{flex:1;font-size:.9375rem}.renewal-index{font-size:.8125rem;color:#9aaeb1;min-width:22px;font-variant-numeric:tabular-nums}.renewal-group .art.clean-art{width:43px;height:43px;opacity:.9}
.renewal-ward{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 23px;background:#e5f0f5;border:1px solid #d2e4ed;border-radius:26px;overflow:hidden}.renewal-ward>div{flex:1;position:relative;z-index:1}.renewal-ward h2{font-size:1.8rem;line-height:1.5;margin:10px 0 14px;color:#1b5363}.renewal-ward>.art.clean-art{width:135px;height:135px;flex:0 0 135px}.renewal-ward .primary{font-size:.8125rem;width:max-content;max-width:100%;padding:10px 13px;min-height:44px;background:#246b7b;border-color:#246b7b}.renewal-ward .primary .icon{width:16px;height:16px}.renewal-quran-index{gap:9px}.renewal-quran-index .renewal-entry{min-height:80px}.bookmark-link{justify-content:flex-start;padding:14px 5px 0;font-size:.8125rem}.bookmark-link .icon{width:18px;height:18px}.renewal-radio-link{background:#edf5f2!important;border-color:#d5e7de!important;min-height:96px!important;margin-bottom:11px!important}.renewal-radio-link .renewal-entry-art{background:#dfede7;width:60px;height:60px;flex-basis:60px}.renewal-radio-link .art.clean-art{width:53px;height:53px}.renewal-quran-extras{display:grid;gap:10px}
.renewal-daily-adhkar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.renewal-daily-adhkar .renewal-entry{flex-direction:column;align-items:flex-start;min-height:170px;padding:19px 17px;border-radius:23px;background:#edf5f1;border-color:#d6e7de}.renewal-daily-adhkar .renewal-entry:nth-child(2){background:#eaf0f9;border-color:#d9e3f1}.renewal-daily-adhkar .renewal-entry-art{background:transparent!important;width:76px;height:76px;flex:0 0 76px}.renewal-daily-adhkar .art.clean-art{width:76px;height:76px}.renewal-daily-adhkar .grow{flex:0}.renewal-daily-adhkar strong{font-size:1rem!important}.renewal-adhkar-list{background:#fff;border:1px solid var(--line);border-radius:22px;padding:0 15px}.renewal-adhkar-list .renewal-entry{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 0;min-height:76px}.renewal-adhkar-list .renewal-entry:last-child{border:0}.renewal-adhkar-list .renewal-entry-art{background:transparent;width:40px;height:40px;flex-basis:40px}.renewal-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.renewal-rules .renewal-entry{padding:13px 10px;gap:7px}.renewal-rules .renewal-entry-art{width:32px;height:32px;flex:0 0 32px;background:transparent}.renewal-rules .art.clean-art{width:32px;height:32px}.renewal-rules strong{font-size:.875rem!important}
/* Reading surfaces and lists. No additional artwork between sacred text. */
.reader-body{color:#345a63;line-height:2.1;font-size:var(--reading);text-wrap:pretty}.reader-body p{margin-bottom:23px}.reader-body p.footnote{color:#70868c;font-size:.8125rem}.reader-count{display:table;margin:0 auto 18px;padding:5px 15px;border:1px solid #d5e4e1;background:#ecf4f1;border-radius:20px;font-size:.8125rem;color:#367b6d}.dhikr-card{min-height:260px;padding:28px 23px!important;border-radius:24px!important;border-top:3px solid #9cc9b9!important}.dhikr-text,.dhikr-text .reader-body{font-size:var(--reading)!important;line-height:2.15!important}.dhikr-notes{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.dhikr-notes .reader-body{font-size:.8125rem}.inline-source{padding:12px 4px;border-top:0;color:#7b9297}.share-row{gap:10px;display:flex;justify-content:center;padding:4px 0}.share-row .text-button{font-size:.8125rem}.reader-actions{gap:12px}.reader-actions .primary,.reader-actions .secondary{margin:0}.explanation{padding:24px 20px!important;border-radius:20px!important}.explanation>.reader-body>p:not(:last-child){border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.explain-mast{background:transparent;padding:0 10px 17px;min-height:95px}.explain-mast .art.clean-art{width:76px;height:76px}.source{border-color:var(--line);font-size:.8125rem}.source-centered{margin-top:25px;padding-top:18px}.source-divider{color:var(--gold)}.source-button{border-radius:12px!important;background:#f0f5f4!important;color:#347b71!important;border-color:#dce9e4!important}.ruled-reading>p,.ruled-reading>.reader-body>p{border-bottom:1px solid var(--line);padding:0 0 20px;margin:0 0 20px}.ruled-reading>p:last-child{border:0;margin-bottom:0}.prayer-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prayer-gallery .visual-tile{border-radius:21px;padding:15px;min-height:152px;justify-content:flex-start}.prayer-gallery .art.clean-art{width:88px;height:80px;margin-bottom:12px}.illustrated-card>div{padding:0}.joined-list{padding:0 17px!important;overflow:hidden;border-radius:22px!important}.joined-list .tile{padding:16px 0;min-height:79px;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;background:transparent}.joined-list .tile:last-child{border-bottom:0}.number{background:#edf5f3;color:#478e80;min-width:36px;height:36px;border-radius:12px;font-size:.8125rem}.surah-title{background:#eef4f0;border-block:1px solid #c6d8ca;border-inline:0;padding:14px;color:#44604b;font-size:1.35rem}.mushaf-page{border:1px solid #d2dfd2!important;border-radius:18px!important;background:#fffffc!important;padding:22px 17px!important;box-shadow:0 4px 20px #183f3210!important}.mushaf-page .ayah{line-height:2.6;color:#203f38}.mushaf-tools{padding:10px 0;gap:8px;font-size:.8125rem;flex-wrap:wrap}.mushaf-tools .text-button{font-size:.8125rem}.ayah-no{color:#8a9c72}.page-number{color:#87926e}.tafsir-ayah{color:#355d52;background:#eff5f0;border-radius:19px;padding:22px 17px;font-size:1.4rem}.tafsir-heading{padding-top:6px}.tafsir-heading h2{font-size:1.3rem}.kahf-mode-switch{background:#e6f1ed;border-color:#c6ddd4;color:#277365;margin-top:0;font-size:.875rem}
body[data-route="dhikr"] #view,body[data-route="ruqyah"] #view{padding-bottom:calc(var(--nav-height,86px) + 136px)}body[data-route="dhikr"] #view>.reader-actions,body[data-route="ruqyah"] #view>.reader-actions{bottom:calc(var(--nav-height,86px) + 20px);width:min(520px,calc(100% - 40px));left:50%;transform:translateX(-50%);border:1px solid #dae7e6;border-radius:20px;padding:10px;background:#f9fcfbf5;box-shadow:0 4px 18px #19474d0a;backdrop-filter:blur(10px)}body[data-route="dhikr"] #mini,body[data-route="ruqyah"] #mini{bottom:calc(var(--nav-height,86px) + 100px)}
/* Audio and video share a quiet, deliberate player treatment. */
.radio-selector{min-height:64px!important;padding:13px 16px!important;margin-bottom:9px!important;border-radius:16px!important}.radio-selector>.muted{font-size:.8125rem;min-width:50px}.radio-selector>.icon{width:17px;height:17px;color:#819d9f}.audio-mast{padding:23px 10px 10px;margin:8px 0 16px!important;text-align:center}.audio-mast h1,body[data-route="radio"] .audio-mast h1{font-size:1.5rem;margin:16px 0 5px!important;color:#1d555f}.audio-mast p{font-size:.9375rem!important;color:#728c91}.portrait.large,body[data-route="radio"] .audio-mast .portrait.large,body[data-route="kahf"] .audio-mast .portrait{width:144px;height:144px;margin:16px auto!important;border-radius:50%;border:7px solid #fff;outline:1px solid #d8e5e6;box-shadow:0 10px 30px #20576412}.audio-mast .art.clean-art{width:144px;height:144px;margin:10px auto;border-radius:30px;background:#e8f2f0}.audio-panel{border-radius:26px!important;padding:23px!important;background:#fff!important}.audio-panel .between{font-size:.8125rem;color:#69858c}.playback-row{gap:24px;margin:22px 0}.play-main{width:68px;height:68px;background:#087f89;box-shadow:0 7px 18px #087f8924;outline:7px solid #edf6f3}.play-main .icon{width:27px;height:27px}.audio-tools{border-top:1px solid var(--line);padding-top:17px;margin-top:22px;gap:6px}.audio-tools .text-button{font-size:.875rem}.audio-tools small{font-size:.75rem}.small-intro{background:#eaf2f4;border:1px solid #dbe7ec;border-radius:22px;padding:17px 20px;margin:0 0 24px;min-height:100px}.small-intro>.art.clean-art{width:74px;height:74px}.small-intro h2{font-size:1.2rem}.video-tile{padding:13px!important;gap:11px!important;border-radius:17px!important}.video-tile .art.clean-art{width:40px!important;height:40px!important;flex-basis:40px!important}.video-tile .play-dot{background:#e8f3ef;color:#398976;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.video-tile .play-dot .icon{width:15px;height:15px}.video-tile>.number{background:transparent;min-width:18px;width:18px;font-size:.75rem}.video-tile>.grow small{font-size:.8125rem}.video-frame{border-radius:21px;background:#dce9ea;margin-bottom:20px}.live-panel,.live-info{border-radius:20px}
/* Plans, compass, quizzes, settings and all supporting screens. */
body[data-route="qibla"] #view{height:calc(100dvh - var(--nav-height,86px) - 24px);padding:23px 22px 12px;min-height:500px}.qibla-caption{padding:13px 17px;background:#fff;border:1px solid var(--line);border-radius:15px;font-size:.8125rem}.qibla-caption strong{color:#368372}.qibla-compact .compass-dial{background:#fcfefc;border:2px solid #90b9ac;outline:10px solid #e8f1ec;box-shadow:0 0 0 12px #d7e5dc,0 16px 30px #234f3e0e;width:min(58vw,33dvh,265px);height:min(58vw,33dvh,265px);margin:20px auto}.qibla-compact .direction{color:#7d988b;font-size:.875rem}.compass-center{color:#648b79}.dial-pointer{color:#2f8776}.qibla-instructions{background:transparent;border:0;border-radius:0;padding:10px 0}.qibla-instructions h2{font-size:1rem}.qibla-instructions p{font-size:.8125rem}.qibla-instructions .note{font-size:.75rem}.ward-welcome{padding:24px 10px;text-align:center}.ward-welcome>.art{max-width:205px;margin:25px auto 30px}.ward-welcome h2{font-size:1.55rem;color:#245965}.setup-intro{padding:15px 10px 24px}.setup-intro>.art{width:135px;margin:0 auto 20px}.setup-intro h2{font-size:1.3rem}.setup-intro p{font-size:.9375rem}.plan-option{border-radius:22px!important}.plan-option.selected{border-color:#6baf9c!important;box-shadow:inset 3px 0 #6baf9c!important;background:#f9fdfa!important}.plan-option label{margin-top:0}.plan-option>label{font-size:1rem}.plan-stepper{background:#edf5f1;border-radius:16px;padding:10px;gap:12px}.plan-stepper button{width:44px;height:44px;min-width:44px;border:1px solid #d6e6df;background:white;color:#317d6b;border-radius:12px;margin:0}.plan-stepper strong{font-size:1.15rem;color:#256755}.plan-option p{font-size:.875rem}.ward-range{background:#fff!important;border-top:3px solid #a8c8b4!important}.ward-range .reader-body{font-size:1.05rem}.range-line{padding:16px 0}.ward-progress{padding:20px}.daily-hadith.short-hadith{padding:25px 23px 18px;border-radius:25px;background:linear-gradient(130deg,#edf5f1,#fff)!important;border-color:#cfdfd6!important;position:relative}.daily-hadith .eyebrow{margin-bottom:18px;color:#7a8c60}.daily-hadith .quote-mark{font-size:3rem!important;color:#c9daca;position:absolute;top:16px;left:21px;line-height:1}.daily-hadith .reader-body{font-size:1.0625rem!important;color:#31544c;line-height:2}.daily-hadith .share-row{border-top:1px solid #dce8df;padding-top:8px}.category-grid{gap:11px}.category-grid .tile{min-height:86px;padding:13px;gap:10px}.category-grid .badge-icon{background:#edf3f2;border-radius:13px}.ramadan-card{border-radius:24px!important;background:#eaf0f6!important;border:1px solid #d5e1eb!important;padding:22px!important;min-height:130px!important;margin-top:28px!important}.ramadan-card .eyebrow{color:#7790a1}.ramadan-card h2{font-size:1.3rem!important;color:#355d70;margin:6px 0!important}.ramadan-card .ramadan-count strong{font-size:1.65rem!important;color:#52768a}.ramadan-card .art.clean-art{width:82px!important;height:82px!important;flex-basis:82px!important}.ramadan-card>div{display:block!important}.ramadan-card .ramadan-count{font-size:.8125rem!important;margin:8px 0!important}.quiz-option{padding:16px;border-radius:15px;border:1px solid #dae7e6;font-size:1rem;text-align:right}.quiz-option.selected-choice{background:#e8f4ef!important;border-color:#66a28e!important;color:#235e4c}.score{color:#388975}.result-card{background:#f6fcf8!important;border-color:#cce1d3!important;border-radius:26px!important}.success-mark{background:#e6f3eb;color:#3b9070;outline:1px solid #d4e8db;outline-offset:10px;margin:40px auto}.result-card .progress-ring{background:conic-gradient(#5f9d86 calc(var(--progress)*1%),#e0ece4 0)}.result-card .progress-ring>div{background:#f6fcf8}.renewal-settings-links{margin-bottom:28px}.renewal-settings-links .request-tile{flex-direction:column;align-items:flex-start;padding:16px;gap:13px;min-height:118px}.renewal-settings-links .art.clean-art{width:42px;height:42px}.settings-card{padding:0 18px!important}.settings-card .switch-row .grow{min-width:150px}.widget-choice{border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;padding:18px!important;margin-bottom:13px}.widget-choice.chosen{border-color:#80b7a3!important;background:#f4faf6!important}.widget-sample{border-radius:18px!important;background:#e6f1ed!important;color:#285b4f!important}.onboarding-screen{min-height:calc(100dvh - 165px);padding:6px 0 12px}.onboard-top{color:#49706d;padding-bottom:28px;border-bottom:1px solid var(--line)}.onboarding-v5>.art.clean-art{width:180px;height:180px;margin:35px auto 28px}.onboarding-v5 h1{font-size:1.7rem;line-height:1.6}.onboarding-v5>p{font-size:.9375rem;max-width:290px;margin:13px auto 25px;color:var(--muted)}.onboard-bottom{padding-top:22px}.onboard-dots i{width:6px;height:6px;background:#d1e1db}.onboard-dots i.active{background:#398c78;width:22px;border-radius:5px}.language-options{gap:12px}.language-options button{background:white;border:1px solid #d3e1de}.language-options .selected-language{border-color:#7db3a1;background:#edf6f1;color:#317561}
/* Sheets are part of the same visual system. */
body dialog{padding:23px;width:calc(100% - 28px);max-width:520px;border:1px solid #e3ece9;border-radius:26px;background:#f9fcfa;box-shadow:0 24px 100px #193f3e25}body dialog::backdrop{background:#123e494d;backdrop-filter:blur(5px)}body dialog.bottom-sheet{border-radius:28px 28px 0 0;padding:25px 23px max(25px,env(safe-area-inset-bottom));background:#fbfdfc;max-width:560px;width:100%;max-height:88dvh}dialog h2{font-size:1.2rem;color:#1c535c}dialog .card{border-radius:18px;padding:17px;background:white}dialog .dialog-top .icon-btn{border-radius:50%;background:#edf3ef}dialog .stepper{background:#eef5f1;border-radius:14px;padding:10px}dialog .stepper button{border-radius:12px;border:1px solid #d8e7df}.radio-picker-sheet .search{background:white;top:0}.radio-picker-sheet .tile{padding:13px 0;border-bottom:1px solid var(--line);background:none;border-radius:0;box-shadow:none}.radio-picker-sheet .portrait{border-radius:50%;width:43px;height:43px}.sound-option{border-radius:14px;border-color:var(--line);padding:14px}.empty{padding:35px 14px}.empty h2{font-size:1.3rem}.download-row{border-color:var(--line);padding:16px 0}
/* Motion is restrained; touch and large text remain usable. */
a,button,input,select{touch-action:manipulation}a,button{transition:background-color .15s,border-color .15s,box-shadow .15s}button:active,a.tile:active,a.renewal-group:active{filter:brightness(.97)}:focus-visible{outline:3px solid #368c87!important;outline-offset:3px!important}.tile:hover,.renewal-group:hover{border-color:#a9c8c4}.renewal-group:hover{background:#f6faf8}.primary:hover{background:#066f78;border-color:#066f78}[hidden]{display:none!important}
@media(min-width:750px){body{padding:0}.app-shell{border-inline:1px solid #e0e9e9!important}#view{padding:30px 30px 140px}body[data-route="qibla"] #view{height:calc(100dvh - var(--nav-height,86px) - 24px)}}
@media(max-width:380px){#view{padding:20px 15px 132px}.renewal-prayer{padding:16px}.renewal-prayer-name{min-width:85px}.renewal-prayer-name h2{font-size:1.55rem!important}.renewal-time{max-width:65%}.renewal-ward{padding:21px 17px}.renewal-ward>.art.clean-art{width:95px;height:95px;flex-basis:95px}.renewal-ward h2{font-size:1.5rem}.renewal-learning{gap:9px}.renewal-learning .renewal-entry{padding:15px 11px}.renewal-rules{grid-template-columns:1fr}.renewal-rules .renewal-entry{min-height:64px}.audio-panel{padding:18px!important}.video-tile .art{display:none!important}.video-tile .grow strong{font-size:.875rem!important}.switch-row .segments{max-width:100%}.renewal-dateline{font-size:.75rem}.settings-card .switch-row .grow{min-width:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{#nav,#mini,.reader-actions,.share-row,.page-head .icon-btn{display:none!important}.app-shell{max-width:none;box-shadow:none}#view{padding:0}.card{break-inside:avoid}body{background:white}}