@media (max-width:640px){body{scrollbar-width:none;overflow-x:hidden}body::-webkit-scrollbar{display:none}}@media (min-width:641px){body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#0A0A0A}body::-webkit-scrollbar-thumb{background:#333;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#3b82f6}}@media (max-width:640px){.card-spacing>*{margin-bottom:.5rem}.mobile-text-sm{font-size:.875rem}.mobile-text-xs{font-size:.75rem}.twitter-card{border-bottom:1px solid rgba(51,51,51,.5)!important;border-radius:0!important;margin-bottom:0!important;box-shadow:none!important}.twitter-card:last-child{border-bottom:none!important}.interactive,[role=button],a.button,button{min-height:44px;min-width:44px}.min-h-screen{min-height:100vh;min-height:-webkit-fill-available}.text-content,p{font-size:1rem;line-height:1.5}input,select,textarea{font-size:16px!important}.card,.card-content{padding:.75rem!important}.badge{padding:.25rem .5rem!important;font-size:.75rem!important}.overflow-y-auto{-webkit-overflow-scrolling:touch}.tap-highlight{-webkit-tap-highlight-color:rgba(59,130,246,.3)}.sticky{position:-webkit-sticky;position:sticky}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes confetti-1{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-100px,-100px) rotate(1turn);opacity:0}}@keyframes confetti-2{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(100px,-120px) rotate(-1turn);opacity:0}}@keyframes confetti-3{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-80px,100px) rotate(180deg);opacity:0}}@keyframes confetti-4{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(120px,80px) rotate(-180deg);opacity:0}}@keyframes confetti-5{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-50px,120px) rotate(1turn);opacity:0}}@keyframes confetti-6{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(70px,-90px) rotate(-1turn);opacity:0}}@keyframes confetti-7{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-120px,-70px) rotate(180deg);opacity:0}}@keyframes confetti-8{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(90px,100px) rotate(-270deg);opacity:0}}@keyframes confetti-9{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-60px,-120px) rotate(270deg);opacity:0}}@keyframes confetti-10{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(100px,-60px) rotate(-180deg);opacity:0}}@media (max-width:768px){.reelcoders-main-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}.codereel-preview-mobile{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;margin-bottom:1rem!important}.codereel-video-container{aspect-ratio:9/16!important;height:auto!important;max-height:400px!important}.mobile-scroll{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.mobile-pb-safe{padding-bottom:env(safe-area-inset-bottom,1rem)!important}.mobile-nav-item{padding:.75rem 1rem!important}.ios-fixed{position:fixed!important;width:100%!important;left:0!important;right:0!important}.mobile-modal{width:calc(100% - 2rem)!important;max-width:calc(100% - 2rem)!important;border-radius:12px!important;margin:0!important;top:10%!important;bottom:auto!important}.mobile-input{font-size:16px!important;padding:.75rem!important}.mobile-card{border-radius:12px!important;overflow:hidden!important;margin-bottom:12px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.profile-card{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.profile-image{width:80px!important;height:80px!important;border-radius:50%!important;overflow:hidden!important;margin-bottom:12px!important}.has-bottom-nav{padding-bottom:60px!important}.bottom-sheet{border-top-left-radius:16px!important;border-top-right-radius:16px!important;box-shadow:0 -4px 20px rgba(0,0,0,.2)!important}.bottom-sheet-handle{width:36px!important;height:4px!important;background-color:rgba(255,255,255,.2)!important;border-radius:2px!important;margin:8px auto!important}.horizontal-scroll{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding:4px 0!important}.horizontal-scroll>*{scroll-snap-align:start!important;flex-shrink:0!important}.mobile-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:12px!important}.floating-action-button{position:fixed!important;bottom:80px!important;right:20px!important;width:56px!important;height:56px!important;border-radius:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px rgba(59,130,246,.4)!important;z-index:40!important}}@media (max-width:640px){.badge{min-height:28px;display:inline-flex;align-items:center}.mobile-project-card{padding:16px;margin-bottom:16px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}#filter-content{transition:max-height .3s ease-in-out;overflow:hidden}#filter-content.hidden{display:none}.mobile-action-btn{min-height:40px;display:flex;align-items:center;justify-content:center;width:100%}.project-card-mobile{border-radius:12px;overflow:hidden}.project-card-header-mobile{padding:12px;display:flex;align-items:center;gap:8px}.project-card-content-mobile{padding:0 12px 12px}.project-card-footer-mobile{padding:12px;border-top:1px solid rgba(59,130,246,.2);display:flex;justify-content:space-between}.min-h-screen{min-height:100vh;background-color:#0A0A0A!important}.relative.z-10{z-index:10;position:relative}.bg-black\/90{background-color:rgba(0,0,0,.95)!important}.text-gray-300,.text-gray-400,.text-white{color:inherit!important;opacity:1!important}#filter-content{background-color:rgba(0,0,0,.95)!important;z-index:20;position:relative}.bg-gradient-to-r.from-blue-600{opacity:1!important;z-index:20;position:relative}.rounded-xl{background-color:rgba(0,0,0,.9)!important;border:1px solid rgba(59,130,246,.2)!important}}