/* GUULRAADRAAC v103 – performance-safe visual polish */
:root{
  --guul-focus:#6254e7;
  --guul-surface:#ffffff;
  --guul-shadow:0 16px 40px rgba(26,34,62,.09);
}
html{background:#f7f8fc}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#dcd7ff;color:#251d77}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(98,84,231,.28)!important;
  outline-offset:2px!important;
}
img{max-width:100%;height:auto}
video{max-width:100%;background:#0f172a}
.subjectCard,.panel,.rankCard,.streakCard,.missionCard,.v2ServiceCard{
  will-change:auto;
}
@media (hover:hover){
  .subjectCard,.v2ServiceCard,.rankCard,.sidebarCard,.panel{
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  }
  .subjectCard:hover,.v2ServiceCard:hover{
    transform:translateY(-2px);
  }
}
.guul-network-toast{
  position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:2147483645;
  transform:translate(-50%,18px);opacity:0;pointer-events:none;
  padding:10px 14px;border-radius:999px;background:#182238;color:#fff;
  box-shadow:0 16px 40px rgba(15,23,42,.22);font:800 12px/1.2 Inter,system-ui,sans-serif;
  transition:opacity .22s ease,transform .22s ease;
}
.guul-network-toast.show{opacity:1;transform:translate(-50%,0)}
.guul-network-toast.online{background:#08785c}
.guul-network-toast.offline{background:#9f2f3f}
.guul-loading-soft{opacity:.68;pointer-events:none}
@media (max-width:760px){
  .content{padding-bottom:max(88px,calc(72px + env(safe-area-inset-bottom)))!important}
  .modal,.registerModal,.quizModal{max-width:calc(100vw - 20px)}
  input,select,textarea{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}