/* Noor-e-Hidayah — smooth "native app" layer (theme-neutral, safe on every page) */
@view-transition{navigation:auto}
.noor-navbar{view-transition-name:sm-nav}
.noor-mobile-nav{view-transition-name:sm-tabs}
::view-transition-old(root){animation:170ms cubic-bezier(.4,0,1,1) both smOut}
::view-transition-new(root){animation:280ms cubic-bezier(.2,.8,.2,1) both smIn}
@keyframes smOut{to{opacity:0;transform:scale(.992)}}
@keyframes smIn{from{opacity:0;transform:translateY(10px)}}

html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
a,button,summary,label,select,input,[role=button]{touch-action:manipulation}
button,.noor-navbar,.noor-mobile-nav,.topic-card,.start-card,.daily-card,.ah-q,.as-tile{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
img{-webkit-user-drag:none}

/* Installed-app feel: no accidental pull-to-refresh / rubber-band */
@media (display-mode:standalone){html,body{overscroll-behavior-y:none}}

/* Press feedback everywhere */
button:not(:disabled),.noor-mobile-nav a,.as-tile,.ah-q,.topic-card,.start-card,.daily-card{transition:transform .14s cubic-bezier(.2,.8,.2,1),opacity .14s}
button:not(:disabled):active,.noor-mobile-nav a:active,.as-tile:active,.ah-q:active{transform:scale(.96)}

/* Offline pill */
.sm-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 86px);z-index:9999;transform:translate(-50%,24px);opacity:0;pointer-events:none;
  padding:10px 18px;border-radius:999px;background:rgba(13,53,47,.96);color:#f3e3b0;border:1px solid rgba(230,200,120,.4);
  font:600 13px/1.2 Inter,system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s}
.sm-toast.on{transform:translate(-50%,0);opacity:1}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  button,.noor-mobile-nav a,.as-tile,.ah-q,.topic-card,.start-card,.daily-card{transition:none}
}