@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap");@font-face{font-family:AlQalam;src:url(/fonts/AlQalamQuranMajeed.ttf) format("truetype");font-weight:400;font-style:normal}input{box-sizing:border-box}:root{--bg:#0e1613;--bg-card:#16201b;--bg-card-hover:#1d2a23;--bg-nav:#0b120f;--gold:#e3be6a;--gold-dim:hsla(42,68%,65%,.45);--gold-faint:hsla(42,68%,65%,.09);--gold-border:hsla(42,68%,65%,.18);--gold-border-a:hsla(42,68%,65%,.5);--gold-glow:hsla(42,68%,65%,.18);--nav-glass:hsla(42,68%,65%,.26);--text:#f1e9d6;--text-dim:hsla(42,49%,89%,.72);--text-faint:hsla(42,49%,89%,.42);--green:#62c98a;--green-dim:rgba(98,201,138,.14);--green-border:rgba(98,201,138,.38);--danger:#f08080;--font-display:"Cinzel","Georgia",serif;--font-body:"Crimson Pro","Georgia",serif;--font-arabic:"AlQalam",serif;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--nav-h:66px;--page-w:720px;--app-vv-top:0px;--app-vv-bottom:0px;--base-font-size:17px}[data-theme=light]{--bg:#f3ead6;--bg-card:#fcf7ea;--bg-card-hover:#ecdfc4;--bg-nav:#f3ead6;--gold:#1a6b3c;--gold-dim:rgba(26,107,60,.45);--gold-faint:rgba(26,107,60,.07);--gold-border:rgba(26,107,60,.18);--gold-border-a:rgba(26,107,60,.45);--gold-glow:rgba(26,107,60,.1);--nav-glass:rgba(26,107,60,.15);--text:#000;--text-dim:#000;--text-faint:#444;--green:#1a6b3c;--green-dim:rgba(26,107,60,.1);--green-border:rgba(26,107,60,.3);--danger:#c0392b;--font-display:"Cinzel","Georgia",serif;--font-body:"Crimson Pro","Georgia",serif}body:before{inset:0;background-image:repeating-linear-gradient(60deg,transparent,transparent 54px,hsla(42,68%,65%,.018) 0,hsla(42,68%,65%,.018) 55px),repeating-linear-gradient(-60deg,transparent,transparent 54px,hsla(42,68%,65%,.018) 0,hsla(42,68%,65%,.018) 55px),repeating-linear-gradient(0deg,transparent,transparent 54px,hsla(42,68%,65%,.013) 0,hsla(42,68%,65%,.013) 55px);transition:background-image .3s}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:0}body:after{top:-200px;right:-200px;width:560px;height:560px;background:radial-gradient(circle,hsla(42,68%,65%,.05) 0,transparent 62%)}[data-theme=light] body:before{background-image:none}[data-theme=light] body:after{background-image:none;background:none}[data-theme=light] .styled-select option{background:#fff;color:#1a1a2e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}body,html{overscroll-behavior-y:none}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--base-font-size);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100svh;overflow-x:hidden;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{font-family:var(--font-display);cursor:pointer}button,input,select,textarea{border:none;outline:none;background:none}input,select,textarea{font-family:var(--font-body);box-sizing:border-box;color:var(--text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}::selection{background:var(--gold-faint);color:var(--gold)}.display{font-family:var(--font-display)}.gold{color:var(--gold)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.12em}.small{font-size:.82rem;letter-spacing:.18em}.page-wrapper{position:relative;z-index:1;max-width:var(--page-w);margin:0 auto;padding:calc(env(safe-area-inset-top) + 26px) 24px calc(env(safe-area-inset-bottom) + var(--nav-h) + 30px);min-height:100vh}.card{background:var(--bg-card);border:1px solid var(--gold-border);border-radius:var(--radius-lg);padding:20px 22px;position:relative;transition:border-color .3s,background .3s}.card:hover{border-color:var(--gold-dim)}.card.glow{box-shadow:0 0 40px var(--gold-glow)}[data-theme=light] .card{border-color:rgba(26,107,60,.55)}.divider{display:flex;align-items:center;gap:12px;margin:32px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--gold-border)}.divider-star{color:var(--gold);font-size:.59rem;opacity:.8}.section-title{letter-spacing:2.5px;color:var(--text-faint);margin-bottom:14px}.btn,.section-title{font-family:var(--font-display);font-size:.59rem;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;letter-spacing:1.8px;transition:all .25s;cursor:pointer;white-space:nowrap}.btn-outline{border:1px solid var(--gold-dim);color:var(--gold)}.btn-outline:hover{background:var(--gold-faint);border-color:var(--gold)}.btn-filled{background:var(--gold);color:var(--bg);border:1px solid var(--gold)}.btn-filled:hover{filter:brightness(1.1)}.btn-danger{border:1px solid var(--danger);color:var(--danger);opacity:.7}.btn-danger:hover{opacity:1;background:var(--gold-faint)}.select-wrap{position:relative;display:inline-flex;align-items:center}.select-wrap:after{content:"▾";position:absolute;right:12px;color:var(--gold-dim);pointer-events:none;font-size:.71rem}.styled-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:11px 36px 11px 14px;border:1px solid var(--gold-border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text);font-family:var(--font-body);font-size:.88rem;cursor:pointer;transition:border-color .25s,background .3s;width:100%}.styled-select:focus,.styled-select:hover{border-color:var(--gold-dim)}.styled-select option{background:var(--bg-card);color:var(--text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--gold-border);cursor:pointer;transition:opacity .2s}.toggle-row:last-child{border-bottom:none}.toggle-row:hover{opacity:.85}.toggle-pill{width:44px;height:26px;border-radius:13px;border:1px solid var(--gold-border);background:transparent;position:relative;transition:all .3s;flex-shrink:0}.toggle-pill.on{background:var(--gold-faint);border-color:var(--gold-dim)}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--text-faint);position:absolute;top:3px;left:3px;transition:all .3s}.toggle-pill.on .toggle-thumb{left:calc(100% - 21px);background:var(--gold)}.styled-input{width:100%;padding:12px 15px;border:1px solid var(--gold-border);border-radius:var(--radius-md);background:var(--gold-faint);color:var(--text);font-family:var(--font-body);font-size:.94rem;transition:border-color .25s}.styled-input:focus{border-color:var(--gold-dim)}.styled-input::placeholder{color:var(--text-faint);font-style:italic}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 0}.spinner{width:56px;height:56px;border-radius:50%;border-left:2px solid transparent;border-bottom:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--gold);border-right:2px solid transparent;border-right-color:var(--gold-border);animation:spin 1.1s linear infinite}.spinner-label{font-family:var(--font-display);font-size:.59rem;letter-spacing:2.5px;color:var(--gold-dim);text-transform:uppercase}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;bottom:calc(var(--app-vv-bottom) + env(safe-area-inset-bottom) + var(--nav-h) + 22px);left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:var(--radius-sm);padding:14px 30px;font-family:var(--font-display);font-size:.59rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);z-index:9999;animation:fadeUp .3s ease;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,.3)}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 16px 4px var(--gold-glow)}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.55}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.anim-fade{animation:fadeIn .5s ease forwards}.anim-pulse{animation:pulse-gold 2.5s ease-in-out infinite}.stagger>*{opacity:0;animation:fadeIn .4s ease forwards}.stagger>:first-child{animation-delay:.05s}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.35s}.stagger>:nth-child(8){animation-delay:.4s}.info-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--gold-border);gap:12px}.info-row:last-child{border-bottom:none}.info-label{font-family:var(--font-display);font-size:.53rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-faint)}.info-value{font-family:var(--font-body);font-size:.88rem;color:var(--text-dim);text-align:right}@media (max-width:1024px){:root{--page-w:100%;--nav-h:64px}.page-wrapper{padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + var(--nav-h) + 26px)}}@media (max-width:768px){:root{--nav-h:64px}body{font-size:var(--base-font-size)}.page-wrapper{padding:calc(env(safe-area-inset-top) + 22px) 20px calc(env(safe-area-inset-bottom) + var(--nav-h) + 24px)}.card{padding:18px 20px}.btn{padding:11px 20px}.info-value{font-size:.82rem}.styled-input{width:-webkit-fill-available}}@media (max-width:640px){:root{--nav-h:6.5vh}body{font-size:var(--base-font-size);line-height:1.65}.page-wrapper{padding:calc(env(safe-area-inset-top) + 18px) 16px calc(env(safe-area-inset-bottom) + var(--nav-h) + 22px)}.card{padding:16px}.btn{padding:10px 16px}.btn,.toast{font-size:.53rem}.toast{padding:11px 20px}}@keyframes skel-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skel{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 37%,var(--bg-card) 63%);background-size:200% 100%;animation:skel-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}[data-theme=light] .skel{background:linear-gradient(90deg,#e1d3af 25%,#cbbb8f 37%,#e1d3af 63%);background-size:200% 100%}.skel-soft{background:linear-gradient(90deg,var(--gold-faint) 25%,hsla(42,68%,65%,.16) 37%,var(--gold-faint) 63%);background-size:200% 100%;animation:skel-shimmer 1.5s ease-in-out infinite;border-radius:6px}@media (prefers-reduced-motion:reduce){.skel,.skel-soft{animation:none}}.Navbar_nav__yFFPE{position:fixed;left:12px;overflow:visible;right:12px;bottom:calc(var(--app-vv-bottom) + env(safe-area-inset-bottom));z-index:100;background:linear-gradient(180deg,rgba(18,27,22,.55),rgba(11,18,15,.74));backdrop-filter:blur(28px) saturate(1.9) brightness(1.05);-webkit-backdrop-filter:blur(28px) saturate(1.9) brightness(1.05);border:1px solid var(--gold-border);border-radius:100px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 12px 34px rgba(0,0,0,.42);transition:background .3s,border-color .3s;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-theme=light] .Navbar_nav__yFFPE{background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.85));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 12px 34px rgba(0,0,0,.12)}.Navbar_inner__Cumf_{position:relative;z-index:1;max-width:var(--page-w);margin:0 auto;height:var(--nav-h);display:flex;align-items:stretch;justify-content:space-around;padding:0;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.Navbar_indicator__LBoSv{position:absolute;top:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Navbar_indicator__LBoSv:before{content:"";position:absolute;inset:1px;border-radius:100px;background:var(--nav-glass);transform-origin:center;transition:transform .32s cubic-bezier(.34,1.56,.64,1),background .25s ease,box-shadow .25s ease}.Navbar_indicator__LBoSv.Navbar_dragging__BWqkQ{transition:none;z-index:2}.Navbar_indicator__LBoSv.Navbar_dragging__BWqkQ:before{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.32),inset 0 -2px 7px rgba(0,0,0,.16),0 6px 18px var(--gold-glow);transform:scale(1.2);background:hsla(42,68%,65%,.06);border:1px solid hsla(42,68%,65%,.6);box-shadow:inset 0 1.5px 0 hsla(0,0%,100%,.6),inset 0 -3px 11px rgba(0,0,0,.18),0 14px 32px var(--gold-glow),0 6px 16px rgba(0,0,0,.32)}[data-theme=light] .Navbar_indicator__LBoSv.Navbar_dragging__BWqkQ:before{background:rgba(26,107,60,.06)}.Navbar_indicator__LBoSv.Navbar_sliding___TEtY{z-index:2;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.Navbar_indicator__LBoSv.Navbar_sliding___TEtY:before{transform:scale(1.2);background:hsla(42,68%,65%,.06);border:1px solid hsla(42,68%,65%,.6);box-shadow:inset 0 1.5px 0 hsla(0,0%,100%,.6),inset 0 -3px 11px rgba(0,0,0,.18),0 14px 32px var(--gold-glow),0 6px 16px rgba(0,0,0,.32)}[data-theme=light] .Navbar_indicator__LBoSv.Navbar_sliding___TEtY:before{background:rgba(26,107,60,.06)}.Navbar_link__Ssa7S{flex:1 1;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:hsla(0,0%,100%,.72);position:relative;transition:color .22s;-webkit-tap-highlight-color:transparent}.Navbar_link__Ssa7S:hover{color:hsla(0,0%,100%,.92)}.Navbar_active__qyFWv{color:#fff}[data-theme=light] .Navbar_link__Ssa7S{color:rgba(18,28,24,.55)}[data-theme=light] .Navbar_active__qyFWv{color:#14201b}.Navbar_iconWrap__zEWGd{display:flex;align-items:center;justify-content:center;height:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.Navbar_active__qyFWv .Navbar_iconWrap__zEWGd{transform:translateY(-2px) scale(1.06)}.Navbar_magnified__r7mSz .Navbar_iconWrap__zEWGd{transform:translateY(-3px) scale(1.6)}.Navbar_label__nVNa6{font-family:var(--font-display);font-size:.5rem;letter-spacing:1.4px;text-transform:uppercase;line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.Navbar_magnified__r7mSz .Navbar_label__nVNa6{transform:scale(1.18)}@media (max-width:380px){.Navbar_label__nVNa6{font-size:.46rem;letter-spacing:1px}}.Navbar_glassLayer__Cy_Ch{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit;transform:translateZ(0)}.Navbar_glassFill__QXLjU,.Navbar_glass__laUEF{display:block;width:100%;height:100%}