:root{--ground: #F3EEFF;--card: #FFFFFF;--ink: #2B2350;--ink-soft: #6F6795;--coral: #FF6B4A;--sun: #FFC93C;--mint: #4ED2A5;--sky: #8BC6FF;--lilac: #C9B8FF;--radius: 28px;--shadow: 0 12px 30px rgba(43, 35, 80, .14);--shadow-lg: 0 20px 40px rgba(43, 35, 80, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;min-height:100dvh;background-color:var(--ground);color:var(--ink);font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;direction:rtl}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none}a{text-decoration:none;color:inherit}.font-display{font-family:"Baloo Bhaijaan 2",Cairo,sans-serif;font-weight:700}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px) rotate(-1deg)}40%{transform:translate(8px) rotate(1deg)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes floatGently{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.animate-bob{animation:bob 1.8s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-float{animation:floatGently 3.5s ease-in-out infinite}.animate-pop{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}mark{background-color:transparent;color:var(--coral);font-weight:800;padding:0 4px}.app-container{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--ground);position:relative;display:flex;flex-direction:column}.reels-deck{width:100%;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reels-deck::-webkit-scrollbar{display:none}.reels-card-wrapper{width:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,16px) + 54px) 16px calc(env(safe-area-inset-bottom,16px) + 16px) 16px;position:relative}.pressable{transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease}.pressable:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}