:root{--bg: #fbf6ee;--surface: #ffffff;--surface-2: #f6e8d6;--card: #ffffff;--card-border: #ead9c0;--card-border-soft: #f0e3cf;--text: #2d1b0e;--text-muted: #8b7b6b;--arabic: #1a1208;--orange: #c44512;--orange-soft: #e07b3d;--peach: #f4b898;--brown: #6b2c0f;--gold: #d4a574;--red: #a02020;--teal: #4f7e8b;--green: #5a8c42;--tab-bar-h: 68px;--app-bar-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;min-height:-webkit-fill-available;overflow:hidden;background:var(--surface-2)}body,#root{height:100%;min-height:-webkit-fill-available;overflow:hidden;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh;max-width:700px;margin:0 auto;background:var(--bg);position:relative}.app-bar{flex:0 0 auto;padding-top:var(--safe-top);background:linear-gradient(180deg,var(--surface-2) 0%,var(--bg) 100%);border-bottom:1px solid var(--card-border);z-index:5}.app-bar-row{height:var(--app-bar-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;gap:1rem}.app-title{font-family:Traditional Arabic,Scheherazade New,serif;font-size:2rem;color:var(--brown);letter-spacing:1px;line-height:1}.app-section-label{color:var(--orange);font-size:.78rem;text-transform:uppercase;letter-spacing:2px;font-weight:700}.screens{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1rem 1rem calc(var(--tab-bar-h) + var(--safe-bottom) + 1.25rem);scroll-behavior:smooth}.screen{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen-header{text-align:center;padding:.75rem 0 1.25rem}.screen-header h2{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:1.8rem;color:var(--brown);font-weight:600;letter-spacing:.3px}.screen-sub{color:var(--teal);font-size:.85rem;margin-top:.35rem;font-style:italic}.dhikr-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:1.25rem;margin-bottom:1rem;position:relative;box-shadow:0 1px 2px #6b2c0f0a}.arabic{font-family:Traditional Arabic,Scheherazade New,Noto Naskh Arabic,serif;font-size:1.55rem;line-height:2.2;color:var(--arabic);text-align:center;direction:rtl;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--card-border-soft)}.transliteration{font-style:italic;color:var(--red);font-size:.92rem;margin-bottom:.75rem;line-height:1.7;font-weight:500}.translation{color:var(--green);font-size:.92rem;line-height:1.65;font-style:italic}.part+.part .arabic{margin-top:0}.reference{color:var(--text-muted);font-size:.78rem;line-height:1.55;margin-top:.85rem;padding-top:.75rem;border-top:1px dashed var(--card-border);font-style:normal}.note{text-align:center;color:var(--teal);font-size:.85rem;font-style:italic;font-weight:600;margin:1rem .5rem}.intro-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border-color:var(--peach)}.intro-card .translation{color:var(--text);font-size:.95rem;font-style:normal}.intro-card .translation em{color:var(--red);font-style:italic;display:block;margin-top:.5rem}.card-divider{border:none;border-top:1px dashed var(--card-border);margin:1rem 0}.count{position:absolute;top:.85rem;left:.85rem;background:var(--orange);color:#fff;font-size:.72rem;font-weight:700;padding:.22rem .65rem;border-radius:1rem;letter-spacing:.5px;box-shadow:0 1px 3px #c4451240}.tab-bar{position:absolute;bottom:0;left:0;right:0;height:calc(var(--tab-bar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;justify-content:space-around;background:#fbf6eee0;backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px);border-top:1px solid var(--card-border);z-index:10}.tab{flex:1 1 0;background:none;border:0;color:var(--text-muted);font:inherit;font-size:.62rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;transition:color .15s ease,transform .1s ease;padding:.4rem .25rem}.tab svg{width:24px;height:24px;display:block}.tab:active{transform:scale(.94)}.tab.active{color:var(--orange)}.tab.active svg{filter:drop-shadow(0 0 6px rgba(196,69,18,.35))}@media (min-width: 768px){.app-title{font-size:2.4rem}.arabic{font-size:1.85rem}.dhikr-card{padding:1.6rem}.tab{font-size:.7rem}.tab svg{width:26px;height:26px}}