html,body{height:100%;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{font-family:Arial,sans-serif;margin:0;display:flex;height:100dvh;overflow:auto;background:#000;color:#eaeaea;scrollbar-width:none;-ms-overflow-style:none}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input[type=text],input[type=password],textarea{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}#intro-wrapper{max-width:1000px;margin:auto;padding:20px;line-height:1.6}#sidebar{width:260px;background:#000;padding:15px;border-right:1px solid #333;box-sizing:border-box;transition:transform .4s ease-in-out;position:relative;z-index:2;color:#eaeaea;display:flex;flex-direction:column;height:100dvh}#sidebar.hidden{position:absolute;left:0;top:0;height:100%;transform:translate(-100%)}#sidebar input[type=text]{width:100%;margin-bottom:12px;padding:8px 2px;border:none;border-radius:8px;font-size:14px;color:#fff;background:linear-gradient(145deg,#0d0d0d,#1a1a1a);box-shadow:inset 2px 2px 5px #0009,inset -2px -2px 5px #32323299;transition:all .3s}#sidebar input[type=text]::placeholder{color:#888}#sidebar input[type=text]:hover{background:linear-gradient(145deg,#1c1c1c,#2a2a2a)}#sidebar input[type=text]:focus{outline:none;background:linear-gradient(145deg,#222,#333);box-shadow:0 0 6px #25d366,inset 2px 2px 6px #000000b3}#chat-container{flex:1 1 0;display:flex;flex-direction:column;background:transparent;min-height:0}#show-arrow,#toggle-arrow{font-size:18px;cursor:pointer;background:#21ab6b;color:#eaeaea;padding:4px 10px;border-radius:4px;user-select:none;transition:background .3s}.capacitor-app #show-arrow,.capacitor-app #chat-header,.capacitor-app #sidebar,.capacitor-app #settings-header{margin-top:9%}.capacitor-app #chat-title{font-size:1.9em!important}.capacitor-app #chat-room-name{font-size:25px!important}#toggle-arrow{position:absolute;top:10px;right:10px;z-index:9999}#show-arrow{position:fixed;top:10px;left:10px;z-index:9999;display:none}#toggle-arrow:hover,#show-arrow:hover{background:#25d366}#messages-container{flex:1 1 0;position:relative;overflow:hidden;min-height:0}#messages-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;scroll-behavior:smooth;z-index:0}#messages{position:relative;height:97%;padding:15px;overflow-y:auto;background:transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-height:0;overscroll-behavior:contain;z-index:1}#messages>*{position:relative}#messages::-webkit-scrollbar{display:none}.msg{margin:10px 0;padding:10px 14px;border-radius:15px;max-width:68%;word-wrap:break-word;font-size:14px}.msg.me{background:#053c23d9;color:#fff;margin-left:auto;text-align:right;border-bottom-right-radius:0}.msg.other{background:#242427d9;color:#fff;margin-right:auto;text-align:left;border-top-left-radius:0}.msg.system{display:block;width:100%!important;max-width:100%!important;text-align:center;color:#fff;font-style:italic;margin:10px 0;box-sizing:border-box;font-weight:520}#input-area{display:flex;border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;background:#000}#input{flex:1;padding:10px;border:none;font-size:16px;background:#000;color:#eaeaea;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;box-shadow:none}#input:focus{outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}#input:focus-visible{outline:none}#input:-webkit-autofill,#input:-webkit-autofill:hover,#input:-webkit-autofill:focus{-webkit-text-fill-color:#eaeaea;-webkit-box-shadow:0 0 0px 1000px #000000 inset;transition:background-color 5000s ease-in-out 0s}#input::placeholder{color:#777}#attach{padding:10px 1px;border:none;background:transparent;color:#fff;cursor:pointer;font-size:18px;transition:transform .2s ease}#attach:hover{transform:scale(1.05)}#send{padding:1px 20px;border:none;background:transparent;color:#fff;cursor:pointer;font-size:16px;transition:transform .2s ease}#send:hover{transform:scale(1.05)}#sidebar button{margin-top:5px;padding:8px;border:none;cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s ease!important;position:relative;overflow:hidden;width:100%;font-weight:600;letter-spacing:.5px}#join-room-btn{background:linear-gradient(145deg,#e7428e,#ffb400);color:#fff;box-shadow:0 4px 8px #eb3c064d}#join-room-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #eb3c0666;background:linear-gradient(145deg,#f37979,#a106eb);animation:shake .5s ease-in-out}#join-room-btn:active{transform:translateY(0);box-shadow:0 2px 4px #eb3c0666}#sidebar button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}#sidebar button:active:before{width:300px;height:300px}@keyframes pulseGreen{0%{box-shadow:0 0 #73f25ab3}70%{box-shadow:0 0 0 10px #73f25a00}to{box-shadow:0 0 #73f25a00}}@keyframes pulseBlue{0%{box-shadow:0 0 #2a27e6b3}70%{box-shadow:0 0 0 10px #2a27e600}to{box-shadow:0 0 #2a27e600}}@keyframes shake{0%,to{transform:translateY(-2px) translate(0)}25%{transform:translateY(-2px) translate(-3px)}50%{transform:translateY(-2px) translate(3px)}75%{transform:translateY(-2px) translate(-3px)}}.username{font-weight:700;margin-bottom:4px}.timestamp{font-size:12px;color:#ccc;margin-top:4px}.image-wrapper{position:relative;display:inline-block}.image-wrapper img{max-width:220px;border-radius:8px;display:block}.image-wrapper video{max-width:220px;border-radius:8px;display:block;z-index:1}.download-icon{position:absolute;top:6px;right:6px;background:#00000080;padding:4px;border-radius:4px;text-decoration:none;color:#fff;z-index:10}.download-icon:hover{background:#00b354b3}#users-title{font-size:16px;font-weight:700;color:#f3f4f6;margin:15px 0 10px;padding-bottom:6px;border-bottom:1px solid #333}#users-panel{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}#user-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:0;margin:0;background:#000;border:1px solid #333;border-radius:12px;box-shadow:0 2px 6px #00000080;scrollbar-width:none;-ms-overflow-style:none}#user-list::-webkit-scrollbar{display:none}#user-list li{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:14px;color:#e5e7eb;transition:background .2s;border-bottom:1px solid #222}#user-list li:hover{background:#1a1813;cursor:default}#user-list li.fade-in{animation:fadeIn .4s ease forwards}#user-list li.fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}.last-seen{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#888;font-style:italic;opacity:.8;white-space:nowrap;pointer-events:none}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;transform:translateZ(0)}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px 0 currentColor}50%{box-shadow:0 0 8px 2px currentColor}}.status-dot.active{background:#25d366;animation:pulse-glow 2s ease-in-out infinite}.status-dot.background{background:#ffeb3b;animation:pulse-glow 2s ease-in-out infinite}.status-dot.offline{background:#ff375f;animation:pulse-glow 2s ease-in-out infinite}.kick-user-icon{width:16px;height:16px;margin-left:8px;cursor:pointer;opacity:.7;transition:opacity .3s,transform .2s;vertical-align:middle;float:right}.kick-user-icon:hover{opacity:1;transform:scale(1.2)}#user-list li:hover .kick-user-icon{opacity:.8}.admin-badge{font-size:14px;padding-bottom:4px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px #ffd700}to{text-shadow:0 0 10px #ffd700,0 0 15px #ffd700}}.chat-title{font-size:1.2em;cursor:pointer;display:inline-block;margin-top:0;color:#43e97b;transition:color .3s ease}.chat-title:hover{background:linear-gradient(90deg,#4facfe,#00f2fe,#43e97b,#38f9d7,#4facfe);background-size:300% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 3s linear infinite}@keyframes gradientMove{0%{background-position:0% center}to{background-position:100% center}}#chat-container,#input-area,#messages{display:none}#intro{display:block}#intro,#chat-container,#input-area,#messages{display:none}.room-badge{float:right;background:#e74c3c;color:#fff;padding:2px 6px;border-radius:12px;font-size:12px;min-width:20px;text-align:center;display:none}#joined-rooms-title{font-size:16px;font-weight:700;color:#f3f4f6;margin:15px 0 10px;padding-bottom:6px;border-bottom:1px solid #333}#joined-rooms{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:0;margin:0;background:#000;border:1px solid #333;border-radius:12px;box-shadow:0 2px 6px #00000080;scrollbar-width:none;-ms-overflow-style:none}#joined-rooms::-webkit-scrollbar{display:none}#joined-rooms li{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:14px;color:#e5e7eb;transition:background .2s;border-bottom:1px solid #222;cursor:pointer}#joined-rooms li:hover{background:#1a1813}#joined-rooms li.active{background:#2a7e57;color:#fff;font-weight:700}.room-id-container{display:flex;align-items:center;gap:2px;white-space:nowrap}.room-id-label{color:#eaeaea;margin-right:5px}.lock-toggle-inline{display:flex;align-items:center;gap:6px;white-space:nowrap}.lock-toggle{position:relative;display:inline-block;width:36px;height:18px;flex-shrink:0}.lock-toggle input{opacity:0;width:0;height:0}.lock-slider{position:absolute;cursor:pointer;inset:0;background-color:#e74c3c;transition:.3s;border-radius:18px}.lock-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.lock-slider{background-color:#27ae60}input:checked+.lock-slider:before{transform:translate(18px)}.lock-label{color:#eaeaea}.lock-status{font-size:10px;color:#eaeaea;margin-left:4px}#locked-room-alert{animation:fadeIn .3s ease-out}#locked-room-alert button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #27ae6066}.msg.system.join-request{animation:modernSlideIn .4s cubic-bezier(.25,.46,.45,.94) forwards,modernFloat 3s ease-in-out .4s infinite;max-width:70%!important;margin:15px auto!important;background:#14141ef2!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff14}.msg.system.join-request:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(45deg,#25d36666,#48ef8099,#25d36666,#48ef8099);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientBorder 3s ease-in-out infinite;pointer-events:none}.msg.system.join-request:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmerSlide 3.5s ease-in-out infinite;pointer-events:none}@keyframes modernSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes modernFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gradientBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmerSlide{0%{left:-100%}50%,to{left:200%}}.join-request-title{font-size:18px;font-weight:700;margin-bottom:12px;background:linear-gradient(45deg,#25d366,#4ce685,#25d366);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 2s ease-in-out infinite;display:inline-block}@keyframes textShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.join-request-btn{padding:10px 22px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:100px;letter-spacing:.5px;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.join-request-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.join-request-btn:hover:before{left:100%}.approve-join-btn{background:linear-gradient(135deg,#25d366,#1da851);color:#fff;box-shadow:0 4px 15px #25d36666,inset 0 1px #fff3}.approve-join-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 25px #25d36699,inset 0 1px #ffffff4d}.reject-join-btn{background:linear-gradient(135deg,#ff375f,#d92248);color:#fff;box-shadow:0 4px 15px #ff375f66,inset 0 1px #fff3}.reject-join-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 25px #ff375f99,inset 0 1px #ffffff4d}.join-request-content{margin-bottom:20px;line-height:1.5;color:#e0e0e0}.join-request-user{color:#4ce685;font-weight:600}.join-request-room{color:#64d2ff;font-weight:600}.join-request-timestamp{font-size:12px;color:#888;margin-top:15px;opacity:.8}.join-request-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}@media(max-width:768px){.msg.system.join-request{max-width:85%!important;padding:16px}.join-request-buttons{flex-direction:row;gap:10px}.join-request-btn{width:100%}}.alert-overlay{position:fixed;top:20px;left:50%;transform:translate3d(-50%,0,0);z-index:10001;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.alert{pointer-events:auto;min-width:320px;max-width:90vw;padding:14px 22px;border-radius:12px;color:#fff;font-weight:600;text-align:center;box-shadow:0 10px 30px #00000040,inset 0 0 0 1px #ffffff14;opacity:0;transform:translate3d(0,-24px,0) scale(.94);animation:springDrop .42s cubic-bezier(.22,1,.36,1) forwards,toastOut .4s ease forwards 2.4s;will-change:transform,opacity}.alert.success{background:linear-gradient(135deg,#2ecc71,#27ae60)}.alert.info{background:linear-gradient(135deg,#3498db,#2980b9)}.alert.error{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:springDrop .42s cubic-bezier(.22,1,.36,1) forwards,shake .42s ease .42s,toastOut .4s ease forwards 2.4s}@keyframes springDrop{0%{opacity:0;transform:translate3d(0,-24px,0) scale(.94)}60%{opacity:1;transform:translate3d(0,4px,0) scale(1.01)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes shake{0%{transform:translateZ(0)}20%{transform:translate3d(-6px,0,0)}40%{transform:translate3d(6px,0,0)}60%{transform:translate3d(-4px,0,0)}80%{transform:translate3d(4px,0,0)}to{transform:translateZ(0)}}@keyframes toastOut{to{opacity:0;transform:translate3d(0,-16px,0) scale(.96)}}.encrypted-indicator{font-size:12px;color:#25d366;margin-left:5px}.msg.encrypted{border-left:3px solid #25d366}.msg.unencrypted{border-left:3px solid #7f8c8d}.encryption-status{padding:10px;margin:10px 0;background:#25d366;border-radius:8px;text-align:center;font-size:14px}.encryption-status.secure{border:1px solid #25d366;color:#25d366}.encryption-status.insecure{border:1px solid #e74c3c;color:#e74c3c}.msg.system.securing{background:#f39c12!important;color:#fff!important;animation:pulse-secure 2s infinite;max-width:85%!important;margin:10px auto!important}@keyframes pulse-secure{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.msg.system.offline{background:#e74c3c!important;color:#fff!important;animation:pulse-offline 2s infinite}.msg.system.online{background:#27ae60!important;color:#fff!important}@keyframes pulse-offline{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.connection-status{position:fixed;top:10px;right:10px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:1000;transition:all .3s ease}.connection-status.online{background:#27ae60;color:#fff}.connection-status.offline{background:#e74c3c;color:#fff;animation:pulse 2s infinite}.connection-status.reconnecting{background:#f39c12;color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}#chat-menu-dropdown .logout-button img{width:16px;height:16px;margin-right:8px;filter:brightness(.8);transition:filter .2s ease}#chat-menu-dropdown .logout-button:hover img{filter:brightness(1)}#sidebar,#chat-container,body{touch-action:pan-y}#sidebar,#chat-container{-webkit-overflow-scrolling:touch}.swiping{transition:none!important}@media(max-width:768px){body{flex-direction:column;overflow:auto}#sidebar{width:100%;border-right:none;border-bottom:1px solid #333;height:auto}#users-panel{flex:none;max-height:200px}#user-list{max-height:200px;overflow-y:auto}#sidebar button{padding:10px;font-size:15px;margin-top:8px}#sidebar button:active{transform:scale(.98)}}#settings-modal{scrollbar-width:none;-ms-overflow-style:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;z-index:10000;overflow:hidden}#settings-modal::-webkit-scrollbar{display:none}#settings-modal>div{background:#000;min-height:100dvh;color:#eaeaea;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;height:100%}#settings-modal>div>div:first-child{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #333!important;padding-bottom:15px!important;flex-wrap:nowrap!important;position:relative!important;flex-shrink:0!important;margin-bottom:0!important}#settings-modal>div>div:not(:first-child){flex:1!important;overflow-y:auto!important;padding-top:20px!important;scrollbar-width:none!important;-ms-overflow-style:none!important}#settings-modal>div>div:not(:first-child)::-webkit-scrollbar{display:none!important}#settings-modal>div>div:first-child h2{color:#25d366!important;margin:0!important;font-size:1.5rem!important;flex:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#settings-modal>div{width:95%;margin:0 auto}@media(max-width:768px){#settings-modal>div{padding:20px 15px;max-height:95dvh}#settings-modal>div h2{font-size:1.2rem}#settings-modal>div h3{font-size:1rem}#settings-modal .button-group{flex-direction:column;gap:8px}#settings-modal .button-group button{width:100%}}@media(max-width:480px){#settings-modal>div{padding:10px!important}#settings-modal>div>div:not(:first-child){padding-top:10px!important}#settings-modal>div>div:first-child{flex-direction:row!important;align-items:center!important;gap:10px!important}#settings-modal>div>div:first-child h2{font-size:1.1rem!important}#settings-modal>div>div:first-child button{padding:6px 10px!important;font-size:11px!important;min-width:50px!important;margin:0!important;align-self:auto!important}#bgOpacity{margin-bottom:10px!important}}#settings-modal{scrollbar-width:none!important;-ms-overflow-style:none!important}#settings-modal::-webkit-scrollbar{display:none!important}#bgImageInput{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:block!important}#bgOpacity{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:block!important;margin-bottom:12px!important;height:8px!important}#settings-modal input[type=text],#settings-modal input[type=password],#settings-modal input[type=file],#settings-modal input[type=color]{width:100%!important;max-width:100%!important;box-sizing:border-box!important}#settings-modal input[type=range]{width:99.7%!important;max-width:99.8%!important;box-sizing:border-box!important}input[type=color]{-webkit-appearance:none;appearance:none;border:none;border-radius:6px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#333;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#25d366;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#25d366;border-radius:50%;cursor:pointer;border:none}@media(max-width:768px){#bgImageInput{padding:10px!important;font-size:14px!important}#bgOpacity{padding:0!important;margin-bottom:12px!important}}.cropper-bg{background:transparent!important}#messages.light-background .msg.system{color:#000!important;display:block;width:100%!important;max-width:100%!important;text-align:center;font-style:italic;margin:10px 0;box-sizing:border-box}#messages.light-background .msg.me{background:#032f30!important;color:#fff!important}#messages.light-background .msg.other{background:#0b4561!important;color:#fff!important}#messages.light-background .msg.system.join-request,#messages.light-background .msg.system.online,#messages.light-background .msg.system.offline,#messages.light-background .msg.system.securing{background:transparent;color:#2c3e50!important}#messages.light-background{color:#2c3e50}#messages.light-background .timestamp{color:#7f8c8d!important}#messages.light-background .username{color:#2c3e50!important}#messages.light-background a{color:#2980b9!important}#messages.light-background .download-icon{background:#000000b3!important}#messages.light-background .download-icon:hover{background:#00b354e6!important}#auth-error{color:#fff;margin:10px 0;display:none;font-size:13px;font-weight:500;background:linear-gradient(135deg,#b4000066,#c8000066 30%,#ff000073);padding:10px;border-radius:6px;border:1px solid rgba(255,0,0,.9);text-align:center;text-shadow:0 0 8px #ff0000,0 0 15px #cc0000,0 0 25px #990000;backdrop-filter:blur(15px);box-shadow:0 0 20px #ff0000b3,0 0 35px #c8000080,0 0 50px #96000066,inset 0 0 25px #ffffff14;animation:cyber-glow 2s ease-in-out infinite alternate;position:relative;overflow:hidden}#auth-error:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,80,80,.5),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes cyber-glow{0%{box-shadow:0 0 15px #ff0000b3,0 0 25px #b4000080,0 0 40px #64000066,inset 0 0 15px #ffffff14;border-color:#f00c}to{box-shadow:0 0 25px #ff0000e6,0 0 50px #b4000099,0 0 70px #64000080,inset 0 0 30px #ffffff1f;border-color:#ff3232}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}#register-form input:invalid,#login-form input:invalid{border:1px solid #e74c3c!important}#register-form input:valid,#login-form input:valid{border:1px solid #27ae60!important}.google-btn{width:100%;padding:10px 12px;margin:8px 0;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 1px 2px #00000014;transition:all .25s ease}.google-btn:hover{background:#f8f9fa;box-shadow:0 2px 6px #0000001f}.google-btn:active{transform:scale(.98)}.google-icon{font-size:16px;background:conic-gradient(#4285f4 0deg 90deg,#34a853 90deg 180deg,#fbbc05 180deg 270deg,#ea4335 270deg 360deg);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.google-text{letter-spacing:.2px}#compression-progress{font-family:Segoe UI,Roboto,Arial,sans-serif;box-shadow:0 4px 20px #00000080}#compression-progress button:hover{background:#c0392b!important;transform:scale(1.05);transition:all .2s ease}.setting-section{background:#0d1117;width:auto;border-radius:10px;padding:15px;border:1px solid rgba(255,255,255,.1);margin:0}.setting-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;width:100%;margin:5px 0}.setting-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.setting-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.backup-controls{display:flex;flex-direction:column;gap:10px}.backup-info{background:#2c3e5099;padding:12px;border-radius:8px;font-size:12px;border-left:4px solid #3498db}.backup-status{padding:10px;border-radius:5px;margin:10px 0;text-align:center;font-weight:700}.backup-status.success{background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71}.backup-status.error{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}.backup-status.info{background:#3498db33;border:1px solid #3498db;color:#3498db}.progress-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin:10px 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px;transition:width .3s ease}.backup-list{max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:10px;background:#0003}.backup-item{padding:8px;margin:5px 0;background:#ffffff0d;border-radius:5px;cursor:pointer;transition:background .2s ease}.backup-item:hover{background:#ffffff1a}.backup-item.selected{background:#3498db4d;border-left:3px solid #3498db}.password-container{position:relative;width:100%}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.password-toggle img{width:20px;height:20px;filter:invert(.7);transition:filter .3s ease}.password-toggle:hover img{filter:invert(1)}#sticky-notes-container{-ms-overflow-style:none;scrollbar-width:none}#sticky-notes-container::-webkit-scrollbar{display:none}.audio-wrapper{background:#2c3e50;padding:15px;border-radius:10px;margin:10px 0}.audio-wrapper audio{width:100%;height:40px;border-radius:5px}.audio-wrapper .download-audio-btn,.audio-wrapper .play-preview-btn{background:#27ae60;color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-size:12px;display:inline-flex;align-items:center;gap:5px;transition:background .3s}.audio-wrapper .download-audio-btn:hover,.audio-wrapper .play-preview-btn:hover{background:#2ecc71}.audio-wrapper .play-preview-btn{background:#3498db}.audio-wrapper .play-preview-btn:hover{background:#2980b9}.app-pages-section{margin-top:30px;padding:20px;background:#000;border-top:1px solid rgba(37,211,102,.15);text-align:center}.pages-links{margin-bottom:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px}.pages-links a{color:#25d366;text-decoration:none;font-size:14px;padding:4px 8px;transition:color .2s ease;white-space:nowrap}.pages-links a:hover{color:#4ce685}.pages-links span{color:#25d366;transition:color .2s ease}.pages-links a:hover span{color:#4ce685}.pages-links{color:#666}.pages-links>*:not(a){color:#666;margin:0 2px}@media(max-width:768px){.pages-links{gap:6px 12px;max-width:500px;margin-left:auto;margin-right:auto}.pages-links a{font-size:13px;padding:4px 6px}.pages-links>*:not(a){display:none}}@media(max-width:480px){.pages-links{gap:6px 10px;max-width:400px}.pages-links a{font-size:12px;padding:3px 5px}}@media(max-width:360px){.pages-links{gap:5px 8px;max-width:320px}.pages-links a{font-size:11px;padding:2px 4px}}@keyframes typingDots{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.msg.typing-indicator{opacity:.8;font-style:italic;background:#000000bf!important;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0d;animation:fadeIn .3s ease;margin:10px 0;padding:10px 14px;position:relative;z-index:1}.msg.typing-indicator strong{color:#fff!important;font-weight:400}.msg.typing-indicator .typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#25d366;margin:0 2px;animation:typingDots 1.4s infinite}.msg.typing-indicator .typing-dot:nth-child(1){animation-delay:0s}.msg.typing-indicator .typing-dot:nth-child(2){animation-delay:.2s}.msg.typing-indicator .typing-dot:nth-child(3){animation-delay:.4s}.msg.typing-indicator .typing-dots-container{display:inline-block;vertical-align:middle}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:.8;transform:translateY(0)}}.msg.typing-indicator{user-select:none;-webkit-user-select:none;cursor:default}.msg.typing-indicator:last-of-type{margin-bottom:10px}.pending-request-indicator{background:#2c3e50;border:2px solid #e67e22;padding:10px;margin:10px 0;border-radius:8px;text-align:center;color:#eaeaea}.pending-request-indicator .status{font-weight:700;color:#e67e22}.pending-request-indicator .room-name{color:#25d366;font-weight:700}.pending-request-indicator .timestamp{font-size:12px;color:#95a5a6;margin-top:5px}.reconnect-btn{background:#e67e22;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:10px;font-size:14px}.reconnect-btn:hover{background:#d35400}