.auth-bg{align-items:center;animation:bgMove 12s ease infinite;background:linear-gradient(130deg,#09090f,#0b0618,#120a24,#09090f);background-size:300% 300%;display:flex;height:100vh;justify-content:center;padding:25px;width:100%}@keyframes bgMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f19cc;border-radius:20px;padding:40px;position:relative;width:380px}.neon-border{border:1px solid #9333ea66;box-shadow:0 0 15px #9333ea66,0 0 30px #9333ea4d,inset 0 0 15px #9333ea40}.auth-title{color:#e6e0ff;font-size:28px;font-weight:700;letter-spacing:.5px;margin-bottom:25px}.auth-input{background:#130f1c;border:1px solid #28193f;color:#e5dbff;margin-bottom:14px;transition:.25s ease}.auth-input:focus{background:#1a1724;border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf666}.auth-btn{animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#9333ea,#6d28d9,#4c1d95);background-size:200% 200%;border-radius:12px;transition:.3s}.auth-btn:hover{filter:brightness(1.15);transform:translateY(-3px)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-error{color:#ff7b7b;text-align:left}.auth-switch{color:#bfa8ff;margin-top:18px}.auth-switch b{color:#d4b3ff;transition:.25s}.auth-switch b:hover{color:#e9d5ff}@media (max-width:400px){.auth-card{border-radius:14px;padding:25px;width:100%}.auth-title{font-size:22px;margin-bottom:18px}.auth-btn,.auth-input{font-size:14px;padding:10px}.auth-switch{font-size:12px}}@media (max-width:500px){.auth-card{max-width:360px;padding:30px;width:100%}.auth-title{font-size:24px}}@media (max-width:900px){.auth-card{max-width:420px;padding:35px;width:90%}.auth-bg{padding:15px}}@media (max-width:1200px){.auth-card{transform:scale(.95)}}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.chat-container{box-sizing:border-box;color:#e5dbff;display:flex;flex-direction:column;gap:15px;height:100vh;overflow:hidden;padding:20px;width:100%}.chat-header{align-items:center;animation:headerGlow 6s ease infinite;background:linear-gradient(135deg,#4c1d95,#6d28d9,#7c3aed);border-radius:14px;box-shadow:0 0 20px #8b5cf666;display:flex;justify-content:center;padding:15px 18px;position:relative}.chat-header-left{display:flex;flex-direction:column;left:20px;top:15px}.chat-header-left,.chat-header-right{font-size:16px;font-weight:500;position:absolute}.chat-header-right{right:110px;top:50%;transform:translateY(-50%)}.logout-btn{background:#b91c1c;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:20px;transition:.25s ease}.logout-btn:hover{background:#ef4444}@keyframes headerGlow{0%{box-shadow:0 0 18px #8b5cf666}50%{box-shadow:0 0 32px #9333eab3}to{box-shadow:0 0 18px #8b5cf666}}.chat-input,.chat-select{align-items:center;display:flex;gap:10px}.input{background:#1a1524;border:1px solid #3b2c52;border-radius:12px;color:#e5dbff;padding:10px;transition:.25s;width:220px}.input:focus{border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.message-input{flex:1 1}.btn{animation:btnShift 4s ease infinite;background:linear-gradient(135deg,#9333ea,#6d28d9,#4c1d95);background-size:200% 200%;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:10px 16px}@keyframes btnShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.messages-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14101eb3;border:1px solid #302846;border-radius:18px;flex:1 1;overflow-x:hidden;overflow-y:scroll;padding:18px}.message{margin-bottom:12px;max-width:75%}.message-right{margin-left:auto;text-align:right}.message-left{margin-right:auto;text-align:left}.bubble{animation:bubblePop .25s ease;background:#4c1d95;border-radius:14px;color:#e9ddff;display:inline-block;font-size:15px;padding:10px 14px}.message-right .bubble{background:#6d28d9}@keyframes bubblePop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.time{font-size:11px;margin-top:2px;opacity:.6}@media (max-width:600px){.chat-container{gap:8px;padding:10px}.chat-header{border-radius:10px;min-height:70px;padding:8px 10px}.chat-header-left,.chat-header-right{font-size:14px;position:absolute;top:6px}.chat-header-left{left:10px}.online-badge{color:#00ff8a;font-weight:700;text-shadow:0 0 8px #00ff8a,0 0 12px #00ff8a}.offline-badge,.online-badge{display:inline-block;font-size:16px;margin-left:10px;margin-top:4px}.offline-badge{color:#c4b5fd;opacity:.9}.chat-header-right{right:80px}.logout-btn{border-radius:8px;font-size:13px;padding:5px 10px;position:absolute;right:10px;top:32px}.chat-select{flex-direction:row;gap:6px;margin-top:-2px}.input{font-size:15px;padding:9px;width:100%}.btn{font-size:14px;padding:9px 12px}.messages-box{flex:none!important;height:calc(100vh - 345px)!important;margin-top:0;padding:10px}.message{max-width:85%}.chat-input{margin-bottom:3px;margin-top:4px}.message-input{font-size:15px;padding:9px}}.app-wrapper{animation:gradientMove 12s ease infinite;background:linear-gradient(135deg,#0d0e12,#11131a,#0c0d11);background-size:300% 300%}.app-wrapper,.auth-page{align-items:center;display:flex;height:100vh;justify-content:center}.auth-page{padding:20px;width:100%}.auth-card{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border-radius:18px;box-shadow:0 0 25px #0006;padding:30px;width:350px}.auth-title{font-size:26px;font-weight:600;margin-bottom:20px;text-align:center}.auth-input{background:#111318;border:1px solid #2b2d33;border-radius:10px;color:#e4e6ea;margin-bottom:12px;padding:12px;transition:border .2s ease,background .2s ease;width:100%}.auth-input:focus{background:#16181f;border:1px solid #6f9aff}.auth-btn{background:#4c6ef5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:5px;padding:12px;transition:.25s;width:100%}.auth-btn:hover{background:#3b5bdb;transform:translateY(-2px)}.auth-error{color:#ff6b6b;font-size:14px;margin-bottom:5px}.auth-switch{font-size:14px;margin-top:15px;opacity:.8;text-align:center}.auth-switch b{color:#4c6ef5;cursor:pointer}.app-wrapper{animation:gradientMove 14s ease infinite;background:linear-gradient(135deg,#0a0613,#120a24,#1b0f36,#130a22,#0a0613);background-size:400% 400%;min-height:100vh;overflow-x:hidden!important;overflow-y:hidden!important;position:relative;width:100%}.app-wrapper:before{background:#07070c;content:"";inset:0;position:fixed;z-index:-1}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.page-fade{animation:fadeIn .45s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.75018213.css.map*/