@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Tajawal,sans-serif;direction:rtl;--vh: 1vh}.screen-scroll,.screen-min-scroll{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 4rem)!important}body{margin:0;padding:0;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-color:#1a0b2e;color:#fff;overflow-x:hidden;-webkit-overflow-scrolling:touch}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.animate-letter{animation:fall linear infinite}.falling-letter{pointer-events:auto;cursor:grab}.falling-letter:active{cursor:grabbing}@layer utilities{.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}}.hexagon-shape{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:all .3s cubic-bezier(.4,0,.2,1)}.hexagon-shape:hover{filter:brightness(1.2);transform:scale(1.05)}@keyframes letter-fall{0%{transform:translateY(-100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes float-slow{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(-10px) translate(-10px)}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.animate-letter-fall{animation:letter-fall linear infinite}.animate-float-slow{animation:float-slow ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.animate-gradient-shift{background-size:400% 400%;animation:gradient-shift 15s ease infinite}.animate-shimmer{background-size:200% auto;animation:shimmer 3s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.backdrop-blur-3xl{backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px)}.text-glow{text-shadow:0 0 20px currentColor,0 0 40px currentColor}.border-glow{box-shadow:0 0 20px currentColor,inset 0 0 20px currentColor}@media(hover:hover){.animate-letter,.animate-letter-fall,.animate-float-slow,.animate-shimmer{will-change:transform,opacity}}.hexagon-shape{contain:layout style}.overflow-y-auto,.overflow-auto{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:768px)and (hover:none){.backdrop-blur-3xl{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@media(prefers-reduced-motion:reduce){.animate-float-slow,.animate-gradient-shift,.animate-shimmer,.animate-letter,.animate-letter-fall{animation:none}}@media(max-width:639px){:root{font-size:14px}}@media(min-width:640px)and (max-width:1024px){:root{font-size:15px}}@media(hover:none)and (pointer:coarse){button{min-height:44px;min-width:44px}}@media(hover:none){.hexagon-shape:hover{filter:none;transform:none}}button,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--theme-accent: #a855f7;--theme-accent2: #7c3aed;--theme-text: #f3e8ff;--theme-radius: 1rem;--theme-shadow: 0 8px 32px rgba(168, 85, 247, .25)}[data-theme=clay]{--theme-accent: #ff6ee8;--theme-accent2: #c44dff;--theme-text: #fff0fb;--theme-radius: 2rem}[data-theme=clay] button:not([style*="background: rgba(239"]):not([style*="background: transparent"]){border-radius:2rem!important;box-shadow:4px 4px #c828a04d!important}[data-theme=neon]{--theme-accent: #00ff78;--theme-accent2: #ff00cc}[data-theme=neon] button:not([style*="background: rgba(239"]):not([style*="background: transparent"]){box-shadow:0 0 12px #00ff7866!important}[data-theme=ocean]{--theme-accent: #00d4ff;--theme-accent2: #0078ff}[data-theme=sunset]{--theme-accent: #ff7043;--theme-accent2: #ff1744}[data-theme=duolingo]{--theme-accent: #58CC02;--theme-accent2: #1CB0F6;--theme-text: #e8f5e0;--theme-radius: 1rem}[data-theme=duolingo] body{background-color:#0d1a0a;color:#e8f5e0}[data-theme=duolingo] button:not([style*="background: rgba(239"]):not([style*="background: transparent"]){border-radius:16px!important;box-shadow:0 4px #235a00b3!important;font-weight:700!important;letter-spacing:.03em!important;transition:all .1s ease!important;border:2px solid rgba(88,204,2,.2)!important}[data-theme=duolingo] button:not([style*="background: rgba(239"]):not([style*="background: transparent"]):active{box-shadow:0 1px #235a00b3!important;transform:translateY(3px)!important}[data-theme=duolingo] [role=progressbar],[data-theme=duolingo] .progress-bar{background:#58cc0226!important;border-radius:999px!important}[data-theme=duolingo] .animate-letter,[data-theme=duolingo] .animate-letter-fall{color:#58cc02!important;opacity:.12!important}