:root{--app-bg-top: #d93a2d;--app-bg-bottom: #e07130;--topbar-bg: #de3d2f;--text-strong: #fff8ec;--text-soft: rgba(255, 248, 236, .86);--divider: rgba(255, 248, 232, .14)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:Avenir Next,SF Pro Text,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--app-bg-top),var(--app-bg-bottom));color:var(--text-strong);direction:rtl}.app-shell{width:100%;margin:0 auto;min-height:100vh;padding:0;--topbar-h: 74px}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;direction:ltr;gap:12px;padding:10px 12px 8px;background:var(--topbar-bg);min-height:var(--topbar-h);transition:transform .26s ease,opacity .22s ease;will-change:transform}.topbar-left{display:flex;align-items:center;gap:10px}.app-title{margin:0;font-size:1.36rem;line-height:1;font-weight:800;color:#fff8ec;letter-spacing:.01em}.app-shell.is-header-hidden .app-topbar{transform:translateY(-100%);opacity:.96;pointer-events:none}main{min-height:100vh;position:relative;overflow:hidden}.route-forward-enter-active,.route-forward-leave-active,.route-back-enter-active,.route-back-leave-active{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}.route-forward-enter-from{opacity:0;transform:translate(28px)}.route-forward-leave-to{opacity:0;transform:translate(-20px)}.route-back-enter-from{opacity:0;transform:translate(-28px)}.route-back-leave-to{opacity:0;transform:translate(20px)}.list-wrap{width:100%}.list-footer{padding:14px 12px 28px;display:grid;gap:12px;justify-items:center}.byline-wrap{display:grid;justify-items:center;gap:3px}.app-byline{font-size:.84rem;color:#fff8e8eb;text-decoration:none}.app-byline.name{font-weight:600}.app-byline.site{font-size:.8rem;opacity:.94}.app-byline:hover{text-decoration:underline}.mode-fab{width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(255,247,232,.3);border-radius:999px;background:linear-gradient(180deg,#8ec0f3,#4f93d9);display:grid;place-items:center;cursor:pointer;transition:background .42s cubic-bezier(.22,1,.36,1),border-color .32s ease,transform .2s ease}.mode-fab-wrap{position:relative;display:inline-grid}.reset-btn{border:1px solid rgba(255,247,232,.34);background:#00000024;color:#fff8ecf5;border-radius:999px;font-size:.78rem;font-weight:700;cursor:pointer;position:relative;padding:8px 12px 8px 30px}.reset-btn:before{content:"↺";font-size:.95rem;line-height:1;position:absolute;left:11px;top:50%;transform:translateY(-50%)}.mode-fab:active{transform:scale(.96)}.mode-fab.evening{background:linear-gradient(180deg,#f4a465,#e16b3d);border-color:#ffead061}.mode-scene{width:34px;height:34px}.mode-scene .horizon,.mode-scene .sun-rays{stroke:#fff8ecf0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mode-scene .sun-core{fill:#fff2ca;transform-box:fill-box;transform-origin:center;transform:translateY(-7px);transition:transform .52s cubic-bezier(.22,1,.36,1),fill .42s ease}.mode-scene .sun-rays{opacity:1;transition:opacity .36s ease,transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(-3px)}.mode-fab.evening .mode-scene .sun-core{transform:translateY(5px);fill:#ffd6aa}.mode-fab.evening .mode-scene .sun-rays{opacity:.45;transform:translateY(2px)}.mode-toast{position:fixed;top:72px;left:50%;transform:translate(-50%);padding:9px 14px;border-radius:999px;background:#101010d1;color:#fff9eef5;border:1px solid rgba(255,248,232,.26);font-size:.84rem;font-weight:600;z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mode-toast-enter-active,.mode-toast-leave-active{transition:opacity .18s ease,transform .22s ease}.mode-toast-enter-from,.mode-toast-leave-to{opacity:0;transform:translate(-50%) translateY(-8px)}.athkar-row{--rail-w: 62px;position:relative;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);direction:ltr;min-height:110px;border-bottom:1px solid var(--divider);background:linear-gradient(180deg,var(--row-top),var(--row-bottom))}.athkar-row:last-child{border-bottom:0}.progress-fill{position:absolute;inset:0 0 0 auto;background:linear-gradient(270deg,#ffffff5c,#ffffff24);z-index:1;pointer-events:none;transition:width .28s ease}.athkar-row.is-complete .progress-fill{display:none}.athkar-row.is-complete{background:linear-gradient(180deg,#79d85e,#66cb49);animation:row-complete .42s cubic-bezier(.22,1,.36,1)}.athkar-row.is-complete .details-hit{animation:icon-pop .42s cubic-bezier(.22,1,.36,1)}.body-hit,.details-hit,.back-icon-btn{border:0;background:transparent;color:inherit;cursor:pointer}.side-rail{z-index:2;padding:10px 4px 10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.details-hit{display:grid;place-items:center;font-size:1.28rem;line-height:1;color:#fffcf4fa;width:40px;height:40px;border-radius:999px;background:#00000024;border:1px solid rgba(255,255,255,.34);text-shadow:0 1px 2px rgba(0,0,0,.26)}.body-hit{z-index:2;display:flex;align-items:center;text-align:right;direction:rtl;padding:16px 20px 14px 6px;position:relative;isolation:isolate}.body-hit:before{content:"";position:absolute;top:0;bottom:0;left:calc(-1 * var(--rail-w));right:0;border-radius:0;background:transparent;z-index:-1;pointer-events:none}.body-hit:active:before{background:#ffffff24}.arabic{margin:0;width:100%;font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif;direction:rtl;unicode-bidi:plaintext;font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:600;line-height:1.78;letter-spacing:0;color:#fffcf4fa;text-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.side-counter{margin:0;font-size:.76rem;line-height:1.1;font-weight:500;color:#fff8e8d6;letter-spacing:.01em;direction:ltr}.details-wrap{min-height:100vh;padding:12px 12px 28px}.details-shell{width:min(860px,100%);margin:0 auto}.back-icon-btn{width:40px;height:40px;border:1px solid rgba(255,247,230,.34);border-radius:999px;background:#00000024;color:var(--text-strong);display:grid;place-items:center;font-size:1.25rem;margin-bottom:14px}.confetti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:70}.confetti-piece{position:absolute;top:-14px;width:10px;height:16px;border-radius:2px;background:hsl(var(--hue),82%,62%);opacity:.95;animation:confetti-fall var(--duration) linear var(--delay) forwards}.details-section{margin-bottom:16px;direction:ltr;text-align:left}.details-section.source{margin-bottom:12px}.details-label{margin:0 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#fff5e5b3;font-weight:700;text-align:left}.latin-block,.translation-block,.source-block{margin:0;line-height:1.74;color:#fff9eeeb;text-align:left;direction:ltr}.arabic-block{text-align:right;margin:0;font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif;direction:rtl;font-size:clamp(1.36rem,2.8vw,2.04rem);font-weight:600;line-height:1.82;color:#fffcf4fc!important}.latin-block{font-size:1.02rem;color:#fff9eee6}.translation-block{font-size:1.03rem}.source-block{font-size:.94rem;color:#fff7e8d1}@media(min-width:900px){.athkar-row{min-height:120px}.body-hit{padding:20px 20px 16px 6px}}@keyframes row-complete{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.008);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes icon-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translate3d(0,-16px,0) rotate(0);opacity:0}8%{opacity:1}to{transform:translate3d(var(--drift),110vh,0) rotate(560deg);opacity:.9}}