:root{--motion-ease:cubic-bezier(.2,.8,.2,1)}.route-enter{animation:routeIn .32s var(--motion-ease) both}.route-enter .motion-item{animation:itemIn .36s var(--motion-ease) both;animation-delay:min(calc(var(--motion-order,0)*28ms),260ms)}button,.btn,.nav-btn,.quick-action{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.tap-ripple{position:absolute;z-index:9;width:10px;height:10px;margin:-5px;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.32);animation:tapRipple .5s ease-out forwards}.nav-btn,.quick-action,.card,.journey-item{transition:transform .2s var(--motion-ease),border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.nav-btn:active,.quick-action:active,.btn:active{transform:scale(.975)}.card:hover,.journey-item:hover{transform:translateY(-2px)}
.narrator-button,.glance-button{font-size:1.02rem}.compact-input{max-width:260px}.glance-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px 19px;margin-bottom:20px;border:1px solid color-mix(in srgb,var(--gold,#d8b86c) 24%,transparent);border-radius:19px;background:linear-gradient(110deg,rgba(26,114,84,.16),rgba(216,184,108,.06));box-shadow:0 12px 36px rgba(0,0,0,.08)}.glance-preview h3,.glance-preview p{margin:0}.glance-preview p{margin-top:4px;color:var(--muted,#9db6ae);font-size:.86rem}.glance-mini-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#f0d287;background:rgba(216,184,108,.12)}
#glance-root{position:fixed;z-index:1150;inset:0;display:grid;place-items:center;padding:clamp(10px,2.5vw,34px);visibility:hidden;opacity:0;background:#020806;transition:opacity .25s ease,visibility .25s ease}#glance-root.open{visibility:visible;opacity:1}.glance-open{overflow:hidden}.glance-shell{position:relative;isolation:isolate;width:min(1180px,100%);aspect-ratio:16/9;max-height:calc(100dvh - 24px);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(235,205,126,.28);border-radius:30px;color:#f2f8f5;background:#071b15;box-shadow:0 32px 100px rgba(0,0,0,.7);transform:scale(.975);transition:transform .32s var(--motion-ease)}#glance-root.open .glance-shell{transform:none}.glance-backdrop{position:absolute;z-index:-1;inset:0;background:linear-gradient(95deg,rgba(2,20,15,.98) 4%,rgba(5,34,26,.88) 58%,rgba(4,20,15,.7)),url('assets/hajj-background-v2.png') center/cover}.glance-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 55%,rgba(44,165,121,.16),transparent 34%),linear-gradient(transparent 65%,rgba(0,0,0,.32))}.glance-shell header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(17px,2.1vw,28px);border-bottom:1px solid rgba(255,255,255,.1)}.glance-brand{display:flex;align-items:center;gap:12px}.glance-brand img{width:42px;height:42px}.glance-brand span{display:grid}.glance-brand small{color:#a9bcb5}.glance-weather{text-align:end}.glance-weather span{display:block;font-size:.64rem;letter-spacing:.12em;color:#c6a95f}.glance-weather strong{font-size:clamp(1.25rem,2.8vw,2.2rem);font-variant-numeric:tabular-nums}.glance-close{width:42px;height:42px;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.08);font-size:1.7rem;cursor:pointer}.glance-shell main{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(18px,3vw,40px);min-height:0;flex:1;padding:clamp(20px,3.6vw,52px)}.glance-now{display:flex;flex-direction:column;align-items:flex-start}.glance-kicker,.glance-next small,.glance-dua>span{font-size:.68rem;letter-spacing:.13em;color:#d8bd76}.glance-stage{display:flex;align-items:center;gap:18px;margin:10px 0}.glance-stage>b{width:clamp(58px,8vw,96px);height:clamp(58px,8vw,96px);display:grid;place-items:center;border:1px solid rgba(229,199,118,.32);border-radius:26px;color:#f1d482;background:rgba(216,184,108,.08);font-size:clamp(1.7rem,4vw,3rem);box-shadow:0 0 40px rgba(39,161,116,.14)}.glance-stage small{color:#a7bbb4}.glance-stage h2{margin:0;font-size:clamp(2.1rem,5.4vw,5rem);line-height:.96}.glance-next{max-width:690px;margin-top:auto}.glance-next p{margin:7px 0 0;font-size:clamp(1rem,2vw,1.55rem);line-height:1.35}.glance-listen{display:flex;align-items:center;gap:7px;margin-top:18px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#fff;background:rgba(255,255,255,.06);cursor:pointer}.glance-shell aside{display:grid;align-content:center;gap:14px}.glance-shell article{padding:clamp(15px,2vw,23px);border:1px solid rgba(255,255,255,.12);border-radius:21px;background:rgba(7,34,26,.7);backdrop-filter:blur(10px)}.glance-prayer span{color:#a8bdb5}.glance-prayer strong{display:block;margin:7px 0 0;color:#f0d17d;font-size:clamp(1.6rem,4vw,3.2rem)}.glance-prayer p{margin:3px 0 0}.glance-dua p{margin:10px 0;font-family:serif;font-size:clamp(1.15rem,2.1vw,1.7rem);line-height:1.8}.glance-dua small{color:#b7c7c1}.glance-shell footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px clamp(18px,3vw,38px);border-top:1px solid rgba(255,255,255,.09);font-size:.72rem;color:#a8bab4}.glance-shell footer div{display:flex;gap:7px}.glance-shell footer button{padding:6px 10px;border:0;border-radius:8px;color:#e8f2ee;background:rgba(255,255,255,.07);cursor:pointer}
@keyframes routeIn{from{opacity:0;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes itemIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes tapRipple{to{opacity:0;transform:scale(18)}}
@media(max-width:720px){.view{padding-inline:max(13px,env(safe-area-inset-left))}.topbar{padding-inline:12px}.top-actions{gap:5px}.top-actions .icon-btn{width:38px;height:38px}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.glance-preview{grid-template-columns:auto 1fr}.glance-preview .btn{grid-column:1/-1;width:100%}.glance-shell{width:100%;height:100dvh;max-height:none;aspect-ratio:auto;border:0;border-radius:0}.glance-shell header{padding-top:calc(14px + env(safe-area-inset-top))}.glance-shell main{grid-template-columns:1fr;padding:19px;overflow:auto}.glance-stage h2{font-size:clamp(2.2rem,13vw,4rem)}.glance-now{min-height:290px}.glance-next{margin-top:20px}.glance-shell aside{align-content:start}.glance-dua p{font-size:1.3rem}.glance-shell footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.glance-shell footer>span{display:none}.glance-shell footer div{width:100%;justify-content:space-around}.glance-shell footer button{flex:1;padding:10px}.glance-weather span{display:none}.card:hover,.journey-item:hover{transform:none}}
@media(max-width:420px){.top-actions #language-select{max-width:74px}.narrator-button{display:none}.glance-brand strong{font-size:.86rem}.glance-brand small{font-size:.67rem}.glance-close{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.route-enter,.route-enter .motion-item,.tap-ripple,#glance-root,.glance-shell,.nav-btn,.quick-action,.card,.journey-item,.btn{animation:none!important;transition:none!important}}