:root{--navy:#0b2447;--blue:#163c6b;--gold:#d7b76d;--paper:#fffdf8;--ink:#1c2d42;--muted:#718096;--font:21px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(155deg,#f4f7fa,#e6edf5);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Geeza Pro","Noto Naskh Arabic",Tahoma,sans-serif}.top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--navy);box-shadow:0 2px 18px #081d3838}.top button{border:0;background:none;color:white;font:inherit}.brand{font-size:21px;font-weight:700}.brand:first-letter{color:var(--gold)}.today-top{font-size:13px;color:#f3d994!important}.screen{max-width:780px;margin:auto;padding:28px 18px 92px}.hero{position:relative;overflow:hidden;border-radius:27px;padding:29px 25px;background:linear-gradient(135deg,#0b2447,#1c4a7f);color:white;box-shadow:0 17px 35px #0b244731}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ffffff08 0 1px,transparent 1px 15px);pointer-events:none}.coptic-band{position:relative;z-index:1;color:var(--gold);letter-spacing:8px;font-size:12px}.hero p,.hero h1,.hero span{position:relative;z-index:1}.hero p{color:#efd797;font-size:13px;margin:16px 0 4px}.hero h1{margin:0;font:34px Georgia,"Geeza Pro",serif}.hero span{display:block;margin-top:10px;color:#d5e1ee;font-size:14px}.section-head{display:flex;gap:12px;align-items:center;color:#956b2c;font-size:13px;font-weight:700;margin:27px 4px 10px}.section-head i{height:1px;background:#cdb37e;flex:1}.prayer-list{overflow:hidden;border:1px solid #e2e8f0;background:#fff;border-radius:20px;box-shadow:0 7px 22px #122b4610}.prayer-list button{width:100%;min-height:64px;display:grid;grid-template-columns:27px 1fr 18px;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:var(--ink);padding:13px 17px;text-align:right;font:17px -apple-system,"Geeza Pro",sans-serif}.prayer-list button:last-child{border-bottom:0}.prayer-list button b{font-weight:600}.prayer-list button span{font-size:12px;color:var(--muted);margin-top:4px}.prayer-list button em{font-style:normal;color:var(--gold);font-size:15px}.prayer-list button i{font-style:normal;color:#a5b1bf;font-size:22px}.compact button{min-height:57px}.reader-top{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start}.reader-top>button{border:0;background:none;padding:8px 0;color:var(--blue);font-weight:700}.reader-top p{margin:0;color:#a27836;font-size:12px}.reader-top h1{font:30px Georgia,"Geeza Pro",serif;margin:5px 0}.font-tools{display:flex;gap:6px}.font-tools button,.pager button{border:1px solid #d6b56e;background:#fff;color:var(--navy);border-radius:11px;padding:7px 10px;font-weight:700}.book{display:flex;min-height:545px;margin-top:17px;perspective:1700px}.page{position:relative;flex:1;overflow:auto;background:var(--paper);border:1px solid #e3d4b7;padding:54px 28px 34px;font:var(--font)/2.12 Georgia,"Geeza Pro",serif;white-space:pre-line;box-shadow:0 14px 35px #0c284324;transform-origin:left center}.page:before{content:"✣  ✣  ✣";position:absolute;top:15px;right:0;left:0;color:var(--gold);font:13px serif;text-align:center;letter-spacing:9px}.page h2{margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #eadfc9;color:#9d7434;font:16px -apple-system,"Geeza Pro",sans-serif}.page p{margin:0}.page.empty{visibility:hidden}.book.turning .page{animation:flip .38s ease}@keyframes flip{0%{opacity:.25;transform:rotateY(11deg)}100%{opacity:1;transform:rotateY(0)}}.pager{display:flex;align-items:center;justify-content:space-between;max-width:360px;margin:16px auto 0}.pager span{font-size:12px;color:var(--muted)}nav{position:fixed;z-index:2;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:65px;background:#fffffff2;border-top:1px solid #dce5ee;padding:9px;backdrop-filter:blur(12px)}nav button{display:grid;gap:3px;border:0;background:none;color:var(--navy);font-size:18px;text-align:center}nav small{font:11px -apple-system,"Geeza Pro",sans-serif}@media(max-width:700px){.book{display:block}.page{min-height:520px}.page+ .page{display:none}}@media(min-width:701px){.page:first-child{border-radius:8px 0 0 8px}.page:last-child{border-radius:0 8px 8px 0;border-right:0}.prayer-list{display:grid;grid-template-columns:1fr 1fr}.prayer-list button:nth-child(odd){border-left:1px solid #edf1f5}}