@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--header-height: 64px;--bottom-nav-height: 56px}body{font-family:Noto Sans Arabic,sans-serif}}@layer utilities{.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out 3s infinite}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.bg-grid-white{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(255 255 255 / 0.1)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.immersive-player-bounds{top:0;bottom:var(--bottom-nav-height, 0px);z-index:40}@media(min-width:768px){.immersive-player-bounds{top:var(--header-height, 64px);bottom:0;z-index:30}}.immersive-sidebar-top{top:0}@media(min-width:768px){.immersive-sidebar-top{top:var(--header-height, 64px)}}@media(hover:none){button:active,a:active,[role=button]:active{transform:scale(.97);opacity:.8;transition:transform .1s,opacity .1s}}@media(max-width:639px){.mobile-bottom-sheet{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:1.5rem 1.5rem 0 0!important;transform:translateY(0)!important;padding-bottom:env(safe-area-inset-bottom,1rem)!important}}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-up{animation-name:fadeInUp;animation-duration:.8s;animation-fill-mode:both}@keyframes menuItemFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-menu-item-in{opacity:0;animation:menuItemFadeIn .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.impersonation-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1c1917;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out}.impersonation-banner__content{display:flex;align-items:center;gap:.5rem}.impersonation-banner__icon{font-size:1.125rem}.impersonation-banner__text strong{text-decoration:underline;text-underline-offset:2px}.impersonation-banner__btn{flex-shrink:0;padding:.25rem .75rem;background:#00000026;border:1px solid rgba(0,0,0,.2);border-radius:.375rem;color:#1c1917;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.impersonation-banner__btn:hover{background:#00000040}.impersonation-banner__btn:active{transform:scale(.95)}body:has(.impersonation-banner){padding-top:40px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}