body{background:linear-gradient(135deg,#e3f2fd,#f3e5f5 50%,#fff3e0);color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.app-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 10px 40px #0000001a,0 5px 20px #0000000d,inset 0 1px 0 #fff9;margin:40px auto;max-width:900px;padding:30px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.app-container:before{background:linear-gradient(90deg,#007aff,#34c759,#ff9500);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.app-container:hover{box-shadow:0 15px 50px #00000026,0 8px 25px #0000001a;transform:translateY(-4px) scale(1.01)}.teams-list{animation:slideIn .6s ease-out;margin-bottom:30px}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.search-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#fffc,#f0f8ff99);border:2px solid #0000000d;border-radius:16px;box-shadow:inset 0 2px 4px #0000000d;box-sizing:border-box;font-size:16px;margin-bottom:15px;outline:none;padding:18px;transition:all .3s ease;width:100%}.search-input:focus{background:linear-gradient(145deg,#ffffffe6,#f0f8ffcc);border-color:#007aff;box-shadow:0 0 0 4px #007aff26,inset 0 2px 4px #0000000d}.dropdown-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #0000001a;border-radius:0 0 16px 16px;border-top:none;box-shadow:0 6px 25px #0000001a;left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #0000000d;border-radius:10px;cursor:pointer;margin:4px;padding:18px;position:relative;transition:all .3s ease}.dropdown-item:hover{background:linear-gradient(145deg,#007aff1a,#007aff0d);box-shadow:0 4px 12px #007aff33;transform:scale(1.02) translateX(5px)}.channels-list{animation:slideIn .8s ease-out .2s both;margin-top:25px}.channel-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#007affe6,#007aff);border:none;border-radius:16px;box-shadow:0 4px 15px #007aff4d;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;margin-bottom:10px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.channel-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.channel-button:hover:before{left:100%}.channel-button:hover{background:linear-gradient(145deg,#007aff,#007aff);box-shadow:0 6px 20px #007aff66;transform:translateY(-2px)}.upload-section{animation:fadeInUp .8s ease-out .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffc,#f8fafcb3);border:1px solid #0000001a;border-radius:20px;box-shadow:0 6px 25px #0000000d,inset 0 1px 0 #ffffff80;margin-top:25px;padding:30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#fffc,#f0f8ff99);border:2px solid #0000000d;border-radius:16px;box-shadow:inset 0 2px 4px #0000000d;box-sizing:border-box;font-size:16px;margin-bottom:18px;outline:none;padding:18px;transition:all .3s ease;width:100%}.text-input:focus{border-color:#34c759;box-shadow:0 0 0 4px #34c75926,inset 0 2px 4px #0000000d}.post-button,.upload-button{background:linear-gradient(145deg,#34c759,#30d158 50%,#28cd54);border:none;border-radius:16px;box-shadow:0 4px 15px #34c7594d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:18px;padding:18px;position:relative;transition:all .3s ease;width:100%}.post-button:hover,.upload-button:hover{background:linear-gradient(145deg,#30d158,#28cd54 50%,#24c94f);box-shadow:0 6px 20px #34c75966;transform:translateY(-3px)}.post-button:active,.upload-button:active{transform:translateY(-1px)}.post-button:disabled,.upload-button:disabled{background:linear-gradient(145deg,#8e8e9380,#8e8e934d);box-shadow:none;cursor:not-allowed;transform:none}.message{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;margin-top:16px;padding:16px}@keyframes pulse{0%{box-shadow:0 0 0 0 #28cd4166}70%{box-shadow:0 0 0 10px #28cd4100}to{box-shadow:0 0 0 0 #28cd4100}}.success{background:linear-gradient(145deg,#28cd411a,#28cd410d);border:1px solid #28cd414d;color:#28cd54}.error{background:linear-gradient(145deg,#ff3b301a,#ff3b300d);border:1px solid #ff3b304d;color:#ff3b30}@media (max-width:600px){.app-container{border-radius:20px;margin:20px;padding:20px}.post-button,.search-input,.text-input,.upload-button{font-size:16px}.dropdown-list{max-height:200px}}*{box-sizing:border-box}.dropdown-item,button,input{transition:all .3s cubic-bezier(.25,.46,.45,.94)}
/*# sourceMappingURL=main.dd4c248f.css.map*/