body{background:var(--background-start)}body:before{display:none}::selection{background:var(--accent-soft);color:var(--text-primary)}.dark .glass-card,.glass-card{background:var(--glass-white);border-color:var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.glass-card-hover:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-float)}.glass-card-body{padding:clamp(1.15rem,2.2vw,1.65rem)}.dark .glass-nav,.glass-nav{background:var(--glass-white);border-color:var(--border-soft);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.app-top-bar-mobile{min-height:3.25rem}.app-top-bar-logo .font-brand{color:var(--text-primary);font-size:1.06rem}.app-update-page-btn,.dark .app-update-page-btn{inline-size:2.75rem;block-size:2.75rem;flex-shrink:0;padding:0;justify-content:center;color:var(--text-muted);border-color:var(--border-soft);background:var(--surface-soft);border-radius:12px}.dark .icon-btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;border:1px solid var(--border-soft);border-radius:12px;background:var(--glass-white);color:var(--text-muted);transition:border-color .16s,color .16s,background .16s}.dark .icon-btn:hover,.icon-btn:hover{color:var(--accent-text);background:var(--accent-soft);border-color:var(--border-strong)}.btn-primary,.btn-primary-sm{background:var(--brand-mid);border:1px solid transparent;border-radius:12px;box-shadow:0 3px 7px rgb(18 75 60/9%)}.btn-primary:hover:not(:disabled){background:var(--brand-deep);box-shadow:0 5px 14px rgb(18 75 60/15%)}.btn-secondary,.dark .btn-secondary{color:var(--text-primary);background:var(--glass-white);border-color:var(--border-soft);border-radius:12px}.btn-secondary:hover,.dark .btn-secondary:hover{background:var(--surface-accent);border-color:var(--border-strong)}.btn-gold{background:#dec58f;color:#35442f;box-shadow:none;border-radius:12px}.btn-gold:hover:not(:disabled){background:#d7ba7b;box-shadow:none}.dark .input-field,.dark select.input-field,.input-field{min-height:3rem;color:var(--text-primary);background:var(--glass-white);border-color:var(--border-soft);border-radius:12px}.dark .input-field:focus,.input-field:focus{background:var(--surface-elevated);border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--accent-soft)}.dark .input-field::placeholder,.input-field::placeholder{color:var(--text-muted);opacity:.85}.stat-value{background:none;-webkit-text-fill-color:currentColor;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.page-container{max-width:82rem;padding-block-start:clamp(1.5rem,3vw,2.5rem)}.page-title{letter-spacing:-.025em;line-height:1.6}.app-page-header,.dark .app-page-header{gap:1.15rem;padding-block:.2rem 1.3rem;margin-bottom:1.4rem}.app-page-header .page-title{font-size:clamp(1.75rem,2.6vw,2.25rem)}.app-page-header .page-subtitle{font-size:.83rem;line-height:1.95;margin-top:.35rem}.section-title{color:var(--text-primary);letter-spacing:-.02em}.section-toolbar{gap:.8rem;margin-block:1rem 1.45rem}.section-search-field{border-radius:14px;background:var(--glass-white);min-height:3.25rem}.section-filter-options button{border-radius:11px}.section-filter-options button.active{color:var(--accent-text);background:var(--accent-soft);border-color:var(--border-strong)}.section-summary-strip{background:var(--surface-soft);border-radius:16px;padding:1rem 1.1rem}.section-disclosure{border-radius:18px}.section-disclosure>summary{padding:1.05rem 1.2rem}.page-empty{border-style:solid;border-radius:var(--radius-card);padding:3rem 1.5rem}.nav-link{color:var(--text-muted);min-height:44px;border-radius:11px;font-size:.81rem}.dark .nav-link:hover,.nav-link:hover{color:var(--accent-text);background:var(--surface-soft)}.dark .nav-link-active,.nav-link-active{color:var(--accent-text);background:var(--accent-soft)}.nav-mobile-backdrop{background:rgb(7 19 12/46%);backdrop-filter:blur(4px)}.dark .nav-mobile-panel,.nav-mobile-panel{background:var(--glass-white);border-color:var(--border-soft);box-shadow:var(--shadow-float)}.nav-mobile-head{border-bottom:1px solid var(--border-soft);padding-bottom:1.15rem}.nav-mobile-head h2{font-family:var(--font-brand),sans-serif;font-size:1.35rem}.nav-mobile-head p{color:var(--text-muted);margin-top:.3rem;font-size:.77rem;line-height:1.8}.dark .nav-mobile-search,.nav-mobile-search{background:var(--surface-soft);border-color:var(--border-soft);border-radius:13px;min-height:3rem}.nav-mobile-section{padding-block:.55rem}.nav-section-title{color:var(--text-muted);font-size:.7rem;font-weight:600;margin-bottom:.65rem}.nav-mobile-links .nav-link{min-height:3rem}.nav-mobile-user{background:var(--surface-soft);border-radius:13px}.bottom-nav,.dark .bottom-nav{background:var(--glass-white);border-color:var(--border-soft);box-shadow:0 -5px 22px rgb(17 43 27/4%);padding-inline:.5rem}.bottom-nav-link,.dark .bottom-nav-link{color:var(--text-muted);font-weight:600;font-size:.65rem;gap:.35rem}.bottom-nav-link.active,.dark .bottom-nav-link.active{color:var(--accent-text);font-weight:700}.bottom-nav-icon{width:3.25rem;height:2rem;border-radius:12px}.bottom-nav-link.active .bottom-nav-icon{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--border-soft)}.quran-browse-item{border-radius:17px;box-shadow:none}.quran-browse-item:hover{border-color:var(--border-strong);background:var(--surface-soft)}.quran-browse-tabs,.tab-bar{background:var(--surface-soft);padding:.35rem;border:1px solid var(--border-soft);border-radius:16px}.quran-browse-tab,.tab-btn{border-radius:11px}.hadith-card{border-inline-start-color:var(--brass-text)}.hadith-card-header{padding-bottom:1rem;margin-bottom:1rem}.checkin-action-card{border-block-start-color:var(--brass-text)}.checkin-action-card .btn-primary{width:100%}.profile-page>.glass-card{margin-bottom:1.1rem}@media (min-width:1024px){.dark .glass-nav,.glass-nav{padding:0}}@media (min-width:1280px){.page-container.authenticated-content{width:calc(100% - 248px);margin-inline-start:248px;margin-inline-end:0;max-width:1600px;padding:2.25rem clamp(1.75rem,3.2vw,3.5rem) 3rem}body.quran-immersive .page-container.authenticated-content{width:100%;max-width:none;margin-inline-start:0}}@media (max-width:600px){.page-container{padding:1.25rem 1rem 2rem}.app-page-header,.dark .app-page-header{align-items:flex-start;margin-bottom:.9rem;padding-block:.1rem .65rem;gap:.65rem}.app-page-header .page-title{font-size:1.6rem;margin-bottom:.2rem}.app-page-header .page-subtitle{font-size:.76rem}.app-page-header-text{flex-basis:11rem}.app-page-header-actions{gap:.45rem}.app-page-header-actions .btn-secondary{font-size:.75rem;padding-inline:.8rem}.glass-card-body{padding:1.15rem}.section-toolbar{margin-block:1rem 1.2rem}.section-summary-strip{gap:.6rem;font-size:.75rem}}@media (max-width:1023px){.page-container.has-bottom-nav{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom, 0px))}.has-bottom-nav :is(button,a,input,select,summary){scroll-margin-block:5rem 7rem}}@media (prefers-reduced-motion:reduce){.btn-gold,.btn-primary,.glass-card-hover,.icon-btn{transition:none}.btn-gold:hover,.btn-primary:hover,.glass-card-hover:hover{transform:none}}