body{color:#eef0d6;background:radial-gradient(at 100% 0,#351174,#010101);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .5s}h1{letter-spacing:-1.68px;margin:0;font-size:56px}.index-p{margin-bottom:70px}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.indexcontainer{width:190px}.indexcontainerdad{justify-content:center;align-items:center;display:flex}.avocadochat{padding-top:60px}.avocadochat img{justify-self:center;display:flex}.indexinput{color:#fff;box-sizing:border-box;background-color:#0000001a;border:1px solid #eef0d6;border-radius:6px;width:100%;margin:1px;padding:10px}.indexinput::placeholder{color:#eef0d6}.indexenterbutton{color:#eef0d6;background-color:#2b0d5e;border:1px solid #5d00ff;border-radius:5px;width:100%;margin:2px;padding:10px 73px;transition:all .5s}.indexenterbutton:hover{color:#fff;background-color:#5d00ff;border:1px solid #fff;border-radius:5px;transition:all .5s;box-shadow:1px 1px 10px 1px #ffffff2c}.index-input-container{width:100%;position:relative}.index-input-icon{color:#eef0d6;pointer-events:none;z-index:1;font-size:21px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.indexinput{box-sizing:border-box;color:#fff;background-color:#0000001a;border:1px solid #eef0d6;border-radius:6px;outline:none;width:100%;height:48px;margin:2px;padding:10px 14px 10px 42px;font-size:15px}.index-footer{box-sizing:border-box;color:#eef0d6a6;width:100%;margin-top:auto;padding:30px 20px 20px;font-size:13px}.footer-content{border-top:1px solid #eef0d61f;flex-direction:column;align-items:center;gap:8px;padding-top:20px;display:flex}.footer-brand{color:#eef0d6;font-size:14px;font-weight:600}.footer-description{opacity:.7;font-size:12px}.footer-links{align-items:center;gap:8px;margin-top:4px;display:flex}.footer-links a{color:#eef0d6a6;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#a66cff}.indexeasteregg{background-color:#0003;border-style:solid;border-width:1px;border-radius:5px;font-size:10px;transition:all .5s;position:fixed;bottom:10px;right:10px}.indexeasteregg:hover{color:#fff;background-color:#ff007b4d;border-style:solid;border-width:1px;border-radius:5px;transition:all .5s}.about-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:25px 30px;display:flex}.about-logo{color:#eef0d6;align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.about-logo img{object-fit:contain;width:35px;height:35px}.back-button{color:#eef0d6;border:1px solid #5d00ff;border-radius:6px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .3s}.back-button:hover{color:#fff;background-color:#5d00ff}.about-content{width:900px;max-width:90%;margin:0 auto;padding:50px 0 70px}.about-hero{text-align:center;margin-bottom:70px}.about-logo-image{width:75px;margin-bottom:15px}.about-hero h1{letter-spacing:-1px;margin:0 0 15px;font-size:42px}.about-hero p{color:#eef0d6b3;max-width:650px;margin:0 auto;line-height:1.7}.about-section{background:#00000026;border:1px solid #eef0d61a;border-radius:10px;margin-bottom:45px;padding:30px}.about-section h2{margin-top:0;margin-bottom:18px;font-size:24px}.about-section h3{margin-top:25px;font-size:16px}.about-section p{color:#eef0d6c7;margin:12px 0;line-height:1.7}.about-section ul{color:#eef0d6c7;padding-left:25px;line-height:1.8}.about-section li{margin-bottom:8px}.notice{background:#5d00ff1f;border-left:3px solid #5d00ff;border-radius:5px;margin:20px 0;padding:18px 20px}.notice strong{color:#b58cff}.notice p{margin-bottom:0}.warning{background:#ff780014;border-left-color:#ff9d4d}.about-footer{box-sizing:border-box;color:#eef0d673;border-top:1px solid #eef0d614;justify-content:center;align-items:center;gap:10px;width:100%;padding:25px;font-size:12px;display:flex}@media (width<=600px){.about-header{padding:20px}.about-logo span{font-size:16px}.about-content{max-width:92%;padding-top:30px}.about-hero h1{font-size:32px}.about-section{padding:22px}.about-footer{flex-direction:column}}p{margin:0}.chat-container{justify-content:center;min-height:100vh;padding-top:70px;display:flex}.chat-box{flex-direction:column;width:min(700px,100%);padding:20px 20px 100px;display:flex}.messages{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.messages p{overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.message{background-color:#2f0f67;border-radius:10px;max-width:100%;padding:10px;transition:all .5s;position:relative}.message:hover{background-color:#3c1979;scale:1.02}.reply-message{background-color:#5220a9;border-radius:6px;padding:2px}.image-message{padding-top:6px}.enviado-as{color:#aaa}.message-typing,.message-join{animation:3s forwards disappear}.top{justify-content:center;display:flex}.top svg:hover{color:#ff006f;scale:1.3}.trash{transition:all .5s;position:absolute;top:15px;right:15px}.reply{transition:all .5s;position:absolute;top:15px;right:35px}.reply-preview{animation:.4s slideDown}.input-container{gap:10px;width:min(700px,100% - 20px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.input-container input{color:#ffffff6f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2f0f6700;border:1px solid #f0f8ff33;border-radius:10px;flex:1;padding:10px;transition:all .5s}.input-container input:hover{scale:1.05}.input-container input::placeholder{color:#ffffff81}.input-container svg{align-self:center;width:30px;height:30px;transition:all .5s;display:flex}.input-container button:hover{scale:1.2}.sendButton{background-color:#5220a9;border-style:none;border-radius:6px;padding:2px 12px;transition:all .5s}.sendButton:hover{background-color:#b2f804}.imageButton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#5220a900;border:1px solid #f0f8ff33;border-radius:6px;padding:2px 4px;transition:all .5s}.exit svg{color:#fff;align-self:center;width:30px;height:30px;margin-top:0;transition:all .5s}.exit svg:hover{color:#ff006f;scale:1.5}.deletarsala svg{color:#fff;align-self:center;width:30px;height:30px;transition:all .5s}.deletarsala svg:hover{color:#ff006f;scale:1.3}.topfunctions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border:1px solid #50505075;justify-content:space-around;align-items:center;width:100%;height:70px;padding:0;display:flex;position:fixed;top:0;left:0}.chat-n-username{flex-direction:column;align-items:center;display:flex}.chat-n-username h5{margin:0}.chat-n-username h4{align-items:center;gap:4px;margin:0;display:flex}.online-count{align-items:center;gap:2px;display:flex}.online-count svg{width:20px;height:20px}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#5220a9}::-webkit-scrollbar-thumb{background:#79797a;border-radius:999px}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes disappear{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (width<=768px){.chat-container{padding-top:80px;padding-left:10px;padding-right:10px}.chat-box{width:100%;padding:10px 10px 120px}.input-container{gap:6px;width:calc(100% - 20px);bottom:10px}.input-container input{padding:12px;font-size:16px}.input-container svg{width:24px;height:24px}.sendButton,.imageButton{padding:8px}.message{border-radius:8px;padding:12px}.trash{top:10px;right:10px}.reply{top:10px;right:35px}.topfunctions{height:70px;padding:0 10px}.chat-n-username h4{font-size:14px}.chat-n-username h5{font-size:12px}.online-count svg{width:16px;height:16px}}@media (width<=480px){.input-container{flex-wrap:wrap}.input-container input{width:auto}.sendButton,.imageButton{min-height:40px}.message{font-size:14px}.topfunctions{justify-content:space-between;padding:0 8px}}
