*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-appearance:none;appearance:none;user-select:none}@property --top{syntax:"<length>";inherits:true;initial-value:0}@property --x{syntax:"<length>";inherits:true;initial-value:0}@property --y{syntax:"<length>";inherits:true;initial-value:0}@property --r{syntax:"<number>";inherits:true;initial-value:0}@property --g{syntax:"<number>";inherits:true;initial-value:0}@property --b{syntax:"<number>";inherits:true;initial-value:0}@property --a{syntax:"<number>";inherits:true;initial-value:1}@property --icon-first-color{syntax:"<color>";inherits:true;initial-value:#000}@property --icon-second-color{syntax:"<color>";inherits:true;initial-value:#000}@property --room-bg{syntax:"<color>";inherits:true;initial-value:#000}:root{--body-bg:#f5f5f5;--header-height:60px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--secondary-font:"Roboto",sans-serif;--tab-btn-size:30px;--bg:255,255,255;--room-bg:#fff;--font-bg:0,0,0;--chat-bg:rgb(var(--bg));--chat-font-color:#000;--tab-bg:rgba(var(--r), var(--g), var(--b), 0.1);--tab-hover-bg:rgba(var(--r), var(--g), var(--b), 0.2);--tab-active-bg:var(--message-self-bg);--tab-border-bg:rgb(
    calc(155 + var(--r) * 0.5),
    calc(155 + var(--g) * 0.5),
    calc(155 + var(--b) * 0.5)
  );--tab-hover-border-bg:rgb(
    calc(200 + var(--r) * 0.2),
    calc(200 + var(--g) * 0.2),
    calc(200 + var(--b) * 0.2)
  );--header-color:#333;--message-hover-bg:#1f1f1f;--message-bg:#f0f0f0;--r:0;--g:123;--b:255;--sub-r:-50;--sub-g:-72;--sub-b:-130;--message-self-bg:rgba(
    calc(var(--r) + var(--sub-r)),
    calc(var(--g) + var(--sub-g)),
    calc(var(--b) + var(--sub-b)),
    0.4
  );--message-self-hover-bg:rgb(
    calc(var(--r) + 11),
    calc(var(--g) - 36),
    calc(var(--b) - 47)
  );--message-font-color:#000;--status-online:#00a100;--title-height:0px}body.electron{--title-height:30px}body,html{overscroll-behavior:none;height:100%}body{font-family:var(--font);background-color:var(--body-bg);--icon-first-color:rgba(var(--r), var(--g), var(--b), 1);--icon-second-color:#0b57d0}body.dark{--body-bg:#0a0a0a;--bg:8,8,10;--room-bg:#000;--font-bg:255,255,255;--chat-bg:rgb(var(--bg));--chat-font-color:#fff;--tab-active-bg:var(--message-self-bg);--tab-border-bg:rgb(
    calc(var(--r) * 0.5),
    calc(var(--g) * 0.5),
    calc(var(--b) * 0.5)
  );--message-bg:#2d2e2f;--message-hover-bg:#f2f2f2;--message-self-hover-bg:#e3e3e3;--message-font-color:#fff;--message-self-bg:rgba(
    calc(var(--r) + var(--sub-r)),
    calc(var(--g) + var(--sub-g)),
    calc(var(--b) + var(--sub-b)),
    0.8
  );--tab-hover-border-bg:rgba(
    calc(var(--r) / 2),
    calc(var(--g) / 2),
    calc(var(--b) / 2),
    1
  )}body:not(.electron) #title-bar{display:none}#title-bar{-webkit-app-region:drag;position:fixed;top:0;left:0;width:100%;height:var(--title-height);background-color:rgba(var(--bg),.75);background-image:linear-gradient(rgba(var(--r),var(--g),var(--b),.07),rgba(var(--r),var(--g),var(--b),.07));border-bottom:1px solid var(--message-self-bg);z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.dark #title-bar{background-image:linear-gradient(rgba(var(--r),var(--g),var(--b),.14),rgba(var(--r),var(--g),var(--b),.14))}#title-bar #title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;font-size:1rem}#title-bar svg{width:20px;height:20px}#title-bar svg path:first-of-type{fill:var(--icon-second-color)}#title-bar svg path:last-child{fill:var(--icon-first-color)}::-webkit-scrollbar{width:6px;height:auto}::-webkit-scrollbar:horizontal{width:auto;height:5px}::-webkit-scrollbar-thumb{background-color:rgba(var(--r),var(--g),var(--b),var(--a));border-radius:10px;--a:0.5;transition:--a .3s}::-webkit-scrollbar-thumb:hover{--a:0.7}::-webkit-scrollbar-thumb:active{--a:0.9}.blob svg{display:none}.blob canvas{position:absolute;top:-50px;left:-50px;width:calc(100% + 100px);height:calc(100% + 100px);filter:url(#goo)}body:not(.dark) .blob canvas{filter:url(#goo) brightness(.5)}#container{padding-top:var(--title-height);height:100dvh;background:radial-gradient(circle at 50% 50%,rgba(var(--r),var(--g),var(--b),.1) 0,transparent 70%)}#chat-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .3s}#chat-bg.active{opacity:1}@media screen and (max-width:768px){#chat-bg iframe{transform:scale(3)}}#header{position:sticky;top:var(--title-height);left:0;width:100%;z-index:999;padding:10px;text-align:center;display:flex;justify-content:space-between;align-items:center;height:var(--header-height);color:var(--chat-font-color)}#header h1{font-size:1.5rem}#header h1 span,#title span{font-weight:400}#header h1 span:first-child,#title span:first-of-type{color:var(--icon-first-color)}#header h1 span:last-child,#title span:last-of-type{color:var(--icon-second-color)}#title{display:flex;gap:5px}#title #logo{cursor:default;gap:0}#title #logo svg{margin-right:5px}#logo{font-size:1.5rem;cursor:pointer;display:flex;align-items:center;gap:5px}#logo svg{width:30px;height:30px}#logo #first{fill:var(--icon-second-color)}#logo #last{fill:var(--icon-first-color)}#header #btns{display:flex;align-items:center;gap:5px}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--chat-font-color);padding:10px 20px;border-radius:10px;cursor:pointer;outline:0;transition:box-shadow .3s,background-color .3s,transform .3s}.btn:not(:disabled):active{transform:scale(.95);transition:transform .1s}.btn svg{width:18px;height:18px}body.dark .btn:has(svg.hidden) svg:not(.hidden),body:not(.dark) .btn svg.hidden{display:none}.btn .mention{padding:0}.btn.primary{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:30px;gap:10px;font-size:.8rem;padding:10px;border-radius:20px;cursor:pointer;transition:background-color .3s,border-radius .3s .3s,transform .3s,box-shadow .3s}.btn.primary:hover{border-radius:12px;transition:background-color .3s,border-radius .3s,transform .3s,box-shadow .3s}.btn.primary::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--message-hover-bg);border-radius:5px;opacity:0;pointer-events:none;transition:opacity .3s}.btn.primary:hover::after{opacity:.08}.btn.primary.confirm{background-color:rgba(var(--r),var(--g),var(--b),.8);border-color:rgba(var(--r),var(--g),var(--b),.9)}.btn.primary.confirm:hover{background-color:rgba(var(--r),var(--g),var(--b),.9);border-color:rgba(var(--r),var(--g),var(--b),1)}.btn.primary.error{background-color:rgba(255,77,77,.8);border:1px solid rgba(255,97,97,.8)}.btn.primary.error:hover{background-color:#ff5757;border-color:#ff6b6b}.btn.primary.error.hidden{pointer-events:none;margin:-17px 0;transform:scale(.8);opacity:0;transition:margin .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out}.btn.primary.success{background-color:rgba(0,171,85,.8);color:inherit}.btn.primary.success:focus{box-shadow:0 0 0 2px rgba(0,171,85,.3)}.btn.primary.pro{height:auto;font-style:normal!important;font-weight:700!important;padding:12px 30px;font-size:1rem!important;min-height:40px;border-radius:20px!important}.btn.primary.pro:hover{border-radius:12px;box-shadow:0 8px 20px rgba(255,0,166,.5)}.btn.primary.pro.hidden{pointer-events:none;margin:-25px 0;transform:scale(.8);opacity:0}.btn.small{padding:5px 10px;font-size:.8rem}a{text-decoration:none;color:inherit;outline:0}#content{padding:20px}.emoji{font-family:NotoColorEmoji;color:var(--chat-font-color)}.emoji img{width:20px;height:20px}.pro:not(b):not(.cont){display:flex;align-items:center;justify-content:center;height:15px;padding:4px;border-radius:6px!important;color:#fff;background-color:#ff4a6c!important;font-family:var(--secondary-font);font-size:.65rem!important;font-weight:600!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}b.pro{background-color:#ff4a6c;color:transparent;background-clip:text}.gradient-text{background-size:200% 100%;background-clip:text;background-repeat:no-repeat;background-color:var(--chat-font-color);background-position:100% 0;color:transparent}.gradient-text.animated{animation:gradientAnimation .3s ease-out forwards}.mention{position:relative;color:var(--icon-first-color);padding:0 4px;font-weight:700;cursor:pointer;z-index:0}.mention::before{content:"@";position:relative;z-index:0}.xp:not(.gradient-text){font-weight:1000}.xp.current{color:#0a0}body.dark .xp.current{color:#0f0}.alert-box,.confirm-box,.modal-box,.pro-popup,.profile-box,.profile-hover,.prompt-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fade-in .3s forwards}.alert-box,.confirm-box,.modal-box,.pro-popup,.profile-box,.prompt-box{background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px)}.alert-box.hidden,.confirm-box.hidden,.modal-box.hidden,.pro-popup.hidden,.profile-hover.hidden,.prompt-box.hidden{animation:fade-out .3s forwards}.profile-box{justify-content:flex-end}.profile-box.hidden{background-color:transparent;backdrop-filter:none;transition:background-color .3s,backdrop-filter .3s}.profile-box .profile-banner{height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;animation:slide-in .3s forwards}.profile-box .profile-banner.hidden{animation:slide-out .3s forwards}.profile-loading .main-info{margin-top:30px}.profile-loading .profile-loading-line{height:14px;border-radius:8px}.profile-loading .profile-loading-line.short{width:60%}.profile-loading .profile-loading-block{height:44px;border-radius:8px}.profile-loading #game-stats,.profile-loading .description,.profile-loading .member-since{min-height:44px}@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.profile-hover{width:fit-content;height:fit-content;max-width:350px;background-color:var(--chat-bg);color:var(--chat-font-color);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:20px;padding:10px;font-family:var(--secondary-font)}.profile-hover .profile{display:flex;gap:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default}.profile-hover .profile-img{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:50%;overflow:hidden}.profile-hover .profile-img img{width:100%;height:100%;object-fit:cover}.profile-hover .profile-img img[src="images/default.svg"]{filter:none}.profile-hover .info{display:flex;flex-direction:column;gap:5px;width:calc(100% - 60px)}.profile-hover .info .mention{color:inherit;font-weight:400;padding:5px 0;margin:0;cursor:inherit;display:flex;align-items:center}#xp-content .tag,.profile-hover .info .pro,.profile-hover .info .tag{margin-left:5px;max-width:60px}.profile-hover.profile-hover-loading .profile-img{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:50%}.profile-hover.profile-hover-loading .profile-hover-line{height:12px;border-radius:8px}.profile-hover.profile-hover-loading .profile-hover-line.short{width:70%}.profile-hover .info .mention~*{font-size:.8rem;font-weight:400}.profile-hover .info .email,.profile-hover .info .full-profile{cursor:pointer}.profile-hover .info .name,.profile-hover .info .xp{color:#666}.profile-hover .info .xp .xp-level::before{content:"•";margin:0 5px}.profile-hover .info a{color:var(--icon-first-color)}.profile-hover .info a:hover{text-decoration:underline}.profile-hover .info a svg{width:10px;height:10px}.btn,.glassmorphism{border:1px solid #fafbfc;background-color:#eaebec}.btn:hover{background-color:#fafbfc}body.dark .btn,body.dark .glassmorphism{border:1px solid #3d3e3f;background-color:#2d2e2f}body.dark .btn:hover{background-color:#3d3e3f}.modal-box{flex-direction:column}.modal-box .modal-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:18px 24px 0 24px;border-bottom:1px solid var(--message-self-bg);margin-bottom:10px;padding-bottom:12px;background:var(--chat-bg);position:relative}.modal-box .modal-file-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px}.modal-docx-viewer{width:min(860px,92vw);max-height:70vh;overflow:auto;background:#fff;color:#1f1f1f;padding:24px;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);line-height:1.6}.modal-docx-viewer h1,.modal-docx-viewer h2,.modal-docx-viewer h3,.modal-docx-viewer h4,.modal-docx-viewer h5,.modal-docx-viewer h6{color:#111;margin:0 0 12px}.modal-docx-viewer ol,.modal-docx-viewer p,.modal-docx-viewer ul{margin:0 0 12px}.modal-docx-viewer img{max-width:100%}.modal-box .modal-file-icon svg{width:24px;height:24px;color:var(--icon-first-color)}.modal-box .modal-file-icon img{width:24px;height:24px;object-fit:contain}.modal-box .modal-filename{flex:1;font-size:1rem;font-weight:500;color:var(--chat-font-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.modal-box .modal-download{display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--icon-second-color);cursor:pointer;padding:6px;border-radius:8px;margin-right:8px;transition:background-color .3s}.modal-box:has(.modal-ai-toggle-btn) .modal-download{margin-right:0}.modal-box .modal-download:hover{background-color:var(--tab-hover-bg)}.modal-box .modal-download svg{width:20px;height:20px}.modal-box .modal-close{display:flex;align-items:center;justify-content:center}.modal-box .modal-close svg{width:20px;height:20px}.modal-box .modal-img{max-width:100%;height:100%;max-height:calc(100vh - 85px);object-fit:contain;cursor:pointer;margin-bottom:10px;animation:message .3s}.modal-box .modal-media{width:calc(100% - 48px);height:100%;margin:0 24px 20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.modal-box .modal-file-embed{width:calc(100% - 48px);height:100%;margin:0 24px 20px 24px;border:1px solid rgba(var(--font-bg),.16);border-radius:12px;background:rgba(var(--font-bg),.06)}.modal-box .modal-text-preview{width:calc(100% - 48px);height:100%;margin:0 24px 20px 24px;border-radius:12px;background:rgba(var(--font-bg),.08);border:1px solid rgba(var(--font-bg),.16);color:var(--chat-font-color);overflow:auto;white-space:pre-wrap;font-family:var(--font);font-size:13px;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.modal-box .modal-text-preview code{display:block;font-family:var(--font);font-size:13px;line-height:1.45;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.modal-box .modal-media-el{width:100%;max-height:70vh;border-radius:12px;background:#000}.modal-box .modal-media.audio .modal-media-el{display:none}.modal-box .modal-media-controls{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(var(--font-bg),.08);border:1px solid rgba(var(--font-bg),.16);max-width:100%}.modal-box .modal-media.audio .modal-media-controls{gap:12px}.modal-box .modal-media-play{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(var(--font-bg),.2);background:rgba(var(--r),var(--g),var(--b),.2);color:var(--chat-font-color);cursor:pointer}.modal-box .modal-media-play svg{width:18px;height:18px}.modal-box .modal-media-progress{flex:1;-webkit-appearance:none;appearance:none;height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--r),var(--g),var(--b),1) 0,rgba(var(--r),var(--g),var(--b),1) var(--progress,0),rgba(var(--font-bg),.35) var(--progress,0),rgba(var(--font-bg),.35) 100%);outline:0;accent-color:rgba(var(--r),var(--g),var(--b),1)}.modal-box .modal-media-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:rgba(var(--r),var(--g),var(--b),1);box-shadow:0 2px 6px rgba(0,0,0,.25);border:none}.modal-box .modal-media-progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:rgba(var(--r),var(--g),var(--b),1);box-shadow:0 2px 6px rgba(0,0,0,.25);border:none}.modal-box .modal-media-progress::-moz-range-track{height:7px;border-radius:999px;background:rgba(var(--font-bg),.35)}.modal-box .modal-media-time{font-size:.85rem;color:var(--chat-font-color);opacity:.8;min-width:90px;text-align:right}.modal-media-volume-wrap{display:flex;align-items:center;position:relative}.modal-media-volume-icon{background:0 0;border:none;padding:4px;width:30px;height:30px;cursor:pointer;color:var(--chat-font-color,#fff);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}.modal-media-volume-icon:active,.modal-media-volume-icon:focus{background:rgba(var(--font-bg),.12);outline:0}.modal-media-volume-icon svg{width:18px;height:18px}.modal-media-volume-dropdown{display:none;position:absolute;left:50%;bottom:120%;transform:translateX(-50%);background:rgba(30,30,30,.98);border-radius:10px;padding:10px 8px;box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:10;min-width:36px;min-height:120px;display:flex;align-items:center;justify-content:center}.modal-media-volume-dropdown input[type=range].modal-media-volume{writing-mode:vertical-rl;scale:-1;width:28px;height:110px;margin:0;background:linear-gradient(180deg,rgba(var(--r),var(--g),var(--b),1) 0,rgba(var(--r),var(--g),var(--b),1) var(--volume,100%),rgba(var(--font-bg),.35) var(--volume,100%),rgba(var(--font-bg),.35) 100%);border-radius:8px;outline:0;accent-color:rgba(var(--r),var(--g),var(--b),1)}.modal-media-volume-dropdown input[type=range].modal-media-volume::-webkit-slider-thumb{opacity:0}.modal-media-volume-dropdown input[type=range].modal-media-volume::-moz-range-thumb{opacity:0}.modal-media-volume-dropdown input[type=range].modal-media-volume::-moz-range-track{width:28px;height:110px;border-radius:8px;background:rgba(var(--font-bg),.35)}.modal-box .modal-media-volume{width:90px;-webkit-appearance:none;appearance:none;height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--r),var(--g),var(--b),1) 0,rgba(var(--r),var(--g),var(--b),1) var(--volume,100%),rgba(var(--font-bg),.35) var(--volume,100%),rgba(var(--font-bg),.35) 100%);outline:0;accent-color:rgba(var(--r),var(--g),var(--b),1)}.modal-box .modal-media-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:rgba(var(--r),var(--g),var(--b),1);box-shadow:0 2px 6px rgba(0,0,0,.25);border:none}.modal-box .modal-media-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:rgba(var(--r),var(--g),var(--b),1);box-shadow:0 2px 6px rgba(0,0,0,.25);border:none}.modal-box .modal-media-volume::-moz-range-track{height:7px;border-radius:999px;background:rgba(var(--font-bg),.35)}.modal-box .modal-media-waveform{flex:1;height:44px;display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:10px;background:rgba(var(--font-bg),.06);border:1px solid rgba(var(--font-bg),.14);cursor:pointer}.modal-box .modal-media-waveform .bar{flex:1;min-width:2px;border-radius:6px;max-height:100%;background:rgba(var(--font-bg),.4);transition:background-color .2s ease,transform .2s ease;transform-origin:center}.modal-box .modal-media.audio .modal-media-play{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%}.modal-box .modal-media.audio .modal-media-play svg{width:16px;height:16px}.message .files .file.media-thumb.audio .media-play{position:static;transform:none;display:flex;z-index:2;width:24px;height:24px;border-radius:6px;background:0 0;border:none;color:var(--chat-font-color);padding:0;margin-right:6px;box-shadow:none}.message .files .file.media-thumb.audio:hover .media-play{transform:none!important;background:0 0!important}.message .files .file.media-thumb.audio .media-play svg{margin-left:0}.message .files .file.media-thumb .media-audio-bars{flex:1;height:26px;display:flex;align-items:center;gap:2px;opacity:.85;overflow:hidden;box-sizing:border-box}.message .files .file.media-thumb.audio{gap:6px;padding:0 8px;box-sizing:border-box}.message .files .file.file-generic{cursor:pointer;padding:8px 10px;gap:8px;min-width:160px;max-width:260px;min-height:44px;background:rgba(var(--font-bg),.1);flex-direction:column;align-items:flex-start}.message .files .file.file-generic .file-generic-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}.message .files .file.file-generic .file-icon{width:28px;height:28px;flex:0 0 auto;opacity:.9;object-fit:contain}.message .files .file.file-generic .file-name{font-size:12px;color:rgba(var(--font-bg),.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;flex:1 1 auto;min-width:0}.message .files .file.file-generic .file-open-indicator{margin-left:auto;width:16px;height:16px;color:rgba(var(--font-bg),.7);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.message .files .file.file-generic .file-open-indicator svg{width:16px;height:16px}.message .files .file.file-generic .file-generic-preview{width:100%;max-height:120px;border-radius:10px;background:rgba(var(--font-bg),.08);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.message .files .file.file-generic .file-generic-preview.file-preview-pdf{height:120px}.message .files .file.file-generic .file-generic-preview:has(img[src="/images/file.svg"]){padding:5px}.message .files .file.file-generic .file-preview-thumb{width:100%;height:100%;object-fit:cover;display:block}.message .files .file.file-generic .file-preview-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.9;z-index:0}.message .files .file.file-generic .file-preview-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.message .files .file.file-generic .file-preview-embed{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}.message .files .file.file-generic .file-preview-thumb[src="/images/file.svg"]{object-fit:contain}.message .files .file.file-generic .file-text-preview{width:100%;height:100%;margin:0;font-size:11px;color:var(--chat-font-color);overflow:hidden;white-space:pre-wrap;font-family:var(--font);background:rgba(var(--font-bg),.06);box-sizing:border-box;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.message .files .file-generic .file-text-preview:not(:has(code)){padding:6px 8px}.message .files .file.file-generic .file-text-preview code{display:block;font-family:var(--font);font-size:11px;line-height:1.35;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.message .files .file.media-thumb .media-audio-duration{margin-left:auto;font-size:.75rem;color:var(--chat-font-color);opacity:.75;white-space:nowrap}.message .files .file.media-thumb .media-audio-bars .bar{flex:0 0 2px;border-radius:6px;max-height:100%;background:rgba(255,255,255,.75);transition:background-color .2s ease,transform .2s ease;transform-origin:center}#chat-box #input-box #display-files .file .input-audio-bars{position:absolute;left:6px;right:6px;bottom:6px;height:22px;display:flex;align-items:flex-end;gap:2px;overflow:hidden}#chat-box #input-box #display-files .file .input-audio-bars .bar{flex:0 0 2px;border-radius:6px;background:rgba(var(--chat-font-color),.6)}.modal-box .modal-media-waveform .bar.active{background:rgba(var(--r),var(--g),var(--b),.95)}.modal-box .modal-media-waveform.playing .bar.active{animation:audio-bar-pulse .6s ease-in-out infinite}@keyframes audio-bar-pulse{0%{transform:scaleY(.95)}50%{transform:scaleY(1.05)}100%{transform:scaleY(.95)}}.modal-box.hidden .modal-img{animation:hide-picker .3s forwards}.modal-box .modal-uploader{display:flex;align-items:center;justify-content:center;gap:10px}.modal-box .modal-uploader .uploader-profile{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;overflow:hidden;object-fit:cover}.modal-box .modal-uploader .uploader-name{font-size:.9rem;font-weight:500;color:var(--chat-font-color)}.modal-box .modal-ai-toggle-btn{display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--icon-second-color);cursor:pointer;padding:6px;border-radius:8px;transition:background-color .3s}.modal-box .modal-ai-toggle-btn:hover{background-color:var(--tab-hover-bg)}.modal-box .modal-ai-toggle-btn.active{background:linear-gradient(135deg,rgba(var(--r),var(--g),var(--b),.22),rgba(var(--r),var(--g),var(--b),.08));color:var(--icon-first-color);border-color:rgba(var(--r),var(--g),var(--b),.4)}.modal-box .modal-ai-toggle-btn svg{width:20px;height:20px}.modal-box .modal-ai-output{position:absolute;right:54px;top:calc(100% + 10px);min-width:280px;max-width:360px;padding:14px;display:flex;flex-direction:column;gap:10px;border-radius:12px;border:1px solid rgba(var(--font-bg),.18);background:rgba(var(--chat-bg),.96);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.28);z-index:2;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.modal-box .modal-ai-output.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.modal-box .modal-ai-toggle{display:flex;align-items:center;gap:10px;color:var(--chat-font-color);font-size:.95rem;cursor:pointer;user-select:none}.modal-box .modal-ai-toggle input{accent-color:rgba(var(--r),var(--g),var(--b),1)}.modal-box .modal-ai-button{align-self:flex-start;padding:9px 14px;border-radius:10px;border:1px solid rgba(var(--r),var(--g),var(--b),.45);background:linear-gradient(135deg,rgba(var(--r),var(--g),var(--b),.28),rgba(var(--r),var(--g),var(--b),.12));color:var(--chat-font-color);font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background-color .2s ease}.modal-box .modal-ai-button:hover{transform:translateY(-1px);border-color:rgba(var(--r),var(--g),var(--b),.65)}.modal-box .modal-ai-button:disabled{opacity:.6;cursor:default}.modal-box .modal-ai-output{font-size:.95rem;color:var(--chat-font-color);line-height:1.4;padding:12px;border-radius:10px;background:rgba(var(--bg),.8);border:1px solid rgba(var(--bg),.2);max-height:200px;overflow:auto}.modal-box .modal-ai-output.loading{opacity:.7;background:linear-gradient(90deg,rgba(var(--bg),.8),rgba(var(--bg),1),rgba(var(--bg),.8));background-size:200% 100%;animation:modal-ai-shimmer 1.2s ease-in-out infinite}@keyframes modal-ai-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.alert-box .content,.confirm-box .content,.pro-popup .content,.profile-box .content,.prompt-box .content{position:relative;display:flex;flex-direction:column;align-items:center;min-width:40%;border-radius:20px;background-color:var(--chat-bg);border:2px solid var(--message-self-bg);overflow:hidden;animation:message .3s}.alert-box.hidden .content,.confirm-box.hidden .content,.pro-popup.hidden .content,.profile-box.hidden .content,.prompt-box.hidden .content{animation:hide-picker .3s forwards}.alert-box .content .title,.confirm-box .content .title,.pro-popup .content .title,.prompt-box .content .title{padding:20px;color:var(--chat-font-color);background-color:var(--message-bg);width:100%;text-align:center}.alert-box .content .title h1,.confirm-box .content .title h1,.pro-popup .content .title h1,.prompt-box .content .title h1{font-size:1.5rem;font-weight:700}.alert-box .content .title p,.confirm-box .content .title p,.pro-popup .content .title p,.prompt-box .content .title p{display:flex;align-items:center;justify-content:center;gap:5px}.alert-box .content .title .icon,.confirm-box .content .title .icon,.pro-popup .content .title .icon,.prompt-box .content .title .icon{width:100px;height:100px}.prompt-box .content #prompt-input{width:calc(100% - 40px)!important;margin-top:20px}.alert-box .content .buttons,.confirm-box .content .buttons,.pro-popup .content .buttons,.prompt-box .content .buttons{display:flex;width:100%;gap:10px;padding:20px}.alert-box .content .buttons button,.confirm-box .content .buttons button,.pro-popup .content .buttons button,.prompt-box .content .buttons button{width:100%}.alert-box .content .buttons .ok,.prompt-box .content .buttons .confirm-btn{background-color:rgba(var(--r),var(--g),var(--b),.8);border-color:rgba(var(--r),var(--g),var(--b),.9)}.alert-box .content .buttons .ok:hover,.prompt-box .content .buttons .confirm-btn:hover{background-color:rgba(var(--r),var(--g),var(--b),.9);border-color:rgba(var(--r),var(--g),var(--b),1)}.confirm-box .content .buttons .confirm-btn:not(.positive){background-color:rgba(255,0,0,.8);border-color:rgba(255,0,0,.9)}.confirm-box .content .buttons .confirm-btn:not(.positive):hover{background-color:rgba(255,0,0,.9);border-color:red}.confirm-box .content .buttons .confirm-btn.positive{background-color:rgba(var(--r),var(--g),var(--b),.8);border-color:rgba(var(--r),var(--g),var(--b),.9)}.confirm-box .content .buttons .confirm-btn.positive:hover{background-color:rgba(var(--r),var(--g),var(--b),.9);border-color:rgba(var(--r),var(--g),var(--b),1)}.pro-popup .content .title{padding:10px}.pro-popup .plans{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:20px}.pro-popup .plans .plan{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;height:250px;width:calc(50% - 30px);overflow:hidden;padding:20px;margin:0;border-radius:25px;font-size:1rem;font-style:normal;font-family:var(--secondary-font);background-color:#f1f1f1;border:2px solid #999}.pro-popup .plans .plan.pro{border:none;background-image:none;background-color:#112;color:#fff;box-shadow:-3px -3px 4px 3px #0b57d0,3px 3px 4px 3px rgba(255,0,166,.5)}.pro-popup .plans .plan p{font-size:.8rem;color:#777}.pro-popup .plans .plan ul{list-style:none;margin:0;align-self:flex-start;gap:5px}.pro-popup .plans .plan li,.pro-popup .plans .plan span{display:flex;align-items:center;gap:5px}.pro-popup .plans .plan s{color:#777}.pro-popup .plans .plan svg{width:30px;height:30px;min-width:30px;min-height:30px}.pro-popup .plans .plan.pro svg{stroke:rgba(var(--r),var(--g),var(--b),1)}.pro-popup .hidden{display:none}#chat-box #cont{position:relative}#chat-box #suggestions{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:5px;padding:5px}#chat-box #suggestions.hidden,#chat-box:has(#scroll-down:not(.hidden)) #suggestions{pointer-events:none}#chat-box #suggestions .suggestion{display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:20px;font-size:12px;color:var(--chat-font-color);background-color:var(--chat-bg);cursor:pointer;white-space:nowrap;border:1px solid rgba(var(--r),var(--g),var(--b),.8);animation:message .3s forwards;transition:background-color .3s,scale .3s}#chat-box #suggestions.hidden .suggestion,#chat-box:has(#scroll-down:not(.hidden)) #suggestions .suggestion{animation:hide-picker .3s forwards}#chat-box #suggestions .suggestion:hover{background-color:rgba(var(--r),var(--g),var(--b),.4);scale:1.05}#chat-box #input-box{position:relative;display:flex;flex-direction:column;padding:5px;border-radius:22px;transition:background-color .3s}#chat-box #input-box .quoted-message{margin:-3px;margin-bottom:5px}#chat-box #input-box #message{width:100%;margin-left:10px;border:none;background:0 0;outline:0;font-size:1rem;cursor:text;color:var(--chat-font-color);overflow-x:hidden;overflow-y:scroll;display:block;padding-top:calc(33px / 2 - 10px);min-height:33px;max-height:110px}#chat-box #input-box #message:empty::before{content:attr(placeholder);color:var(--chat-font-color);opacity:.5;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#chat-box #input-box[disabled] #message{pointer-events:none}#chat-box #input-box #buttons{display:flex;gap:2px;align-self:flex-end}#chat-box #input-box #buttons .button{display:flex;justify-content:center;align-items:center;padding:5px;border-radius:50%;cursor:pointer;color:rgba(var(--r),var(--g),var(--b),1);transition:background-color .3s}#chat-box #input-box #buttons .button[disabled],#chat-box #input-box[disabled] #buttons .button{opacity:.5;pointer-events:none}#chat-box #input-box #buttons .button:hover{background-color:var(--tab-hover-border-bg)}#chat-box #input-box #buttons .button svg{width:20px;height:20px}#chat-box #input-box #buttons .button input[type=file]{display:none}#chat-box #input-box .cont{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}#chat-box #input-box .dropdown-container{position:relative;display:flex;align-self:flex-end}#chat-box #input-box .dropdown-container .button{display:flex;justify-content:center;align-items:center;padding:5px;border-radius:50%;cursor:pointer;transition:background-color .3s,transform .3s}#chat-box #input-box .dropdown-container .button:hover{background-color:var(--tab-hover-border-bg)}#chat-box #input-box .dropdown-container .button:active{transform:scale(.9)}#chat-box #input-box .dropdown-container .button svg{width:20px;height:20px;transition:transform .3s}#chat-box #input-box .dropdown-container.active .button svg{transform:rotate(45deg)}.dropdown-menu{position:absolute;bottom:100%;left:0;margin-bottom:10px;border-radius:12px;gap:2px;animation:message .3s}#chat-box .dropdown-menu.hidden{animation:hide-picker .3s forwards;pointer-events:none}.modal-box .modal-media-duration{font-size:.8rem;color:var(--chat-font-color);opacity:.7;min-width:44px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;border-radius:inherit;transition:background-color .3s}.dropdown-item:hover{background-color:var(--tab-hover-border-bg)}.dropdown-item.error:hover{background-color:rgba(225,17,17,.1)}.dropdown-item svg{width:18px;height:18px;opacity:.7}.dropdown-item span{font-size:.9rem;color:var(--chat-font-color)}.dropdown-item.error span{color:#e11}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fade-in .3s}.modal.hidden{animation:fade-out .3s forwards;pointer-events:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.modal-content{position:relative;border-radius:16px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:message .3s}.modal.hidden .modal-content{animation:hide-picker .3s forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0 24px;border-bottom:1px solid #fafbfc;margin-bottom:20px;padding-bottom:16px}body.dark .modal-header{border-bottom:1px solid #3d3e3f}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--chat-font-color)}.modal-close{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:8px;width:36px;height:36px;transition:background-color .3s;color:var(--chat-font-color)}.modal-close:hover{background-color:var(--tab-hover-bg)}.modal-close svg{width:20px;height:20px}.modal-body{padding:0 24px}.modal-body p{color:var(--chat-font-color);font-size:1rem;line-height:1.5;margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #fafbfc;margin-top:20px}body.dark .modal-footer{border-top:1px solid #3d3e3f}.modal-footer .modal-close{width:auto;height:auto}.modal-body #games-list-tab{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.modal-body #games-list-tab .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.modal-body #games-list-tab .spinner{width:40px;height:40px;min-height:40px;min-width:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color,#007bff);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-body #games-list-tab .loading-text{font-size:.9rem;color:var(--chat-font-color)}.modal-body #games-list-tab .error-message{padding:20px;text-align:center;color:#ff4757;font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--chat-font-color);font-size:.9rem}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #eaebec;border-radius:8px;background-color:var(--message-bg);color:var(--chat-font-color);font-size:1rem;transition:border-color .3s;resize:vertical;min-height:40px;font-family:var(--font)}body.dark .form-group input[type=text],body.dark .form-group select,body.dark .form-group textarea{border-color:#3d3e3f}.form-group textarea{min-height:80px;max-height:120px}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:rgba(var(--r),var(--g),var(--b),.8)}.char-count{display:block;text-align:right;font-size:.8rem;color:#666;margin-top:4px}#poll-options{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.poll-option{display:flex;align-items:center;gap:8px}.poll-option input{flex:1;margin-bottom:0}.poll-option .remove-option{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#ff4757;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.poll-option .remove-option:disabled{opacity:.3;cursor:not-allowed}.poll-option .remove-option:not(:disabled):hover{background-color:rgba(255,71,87,.1)}.poll-option .remove-option svg{width:16px;height:16px}.form-group .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-group .checkbox-label input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.checkmark{width:20px;height:20px;min-height:0!important;border-radius:4px!important;background-color:var(--message-bg);transition:all .3s;display:flex;align-items:center;justify-content:center}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:rgba(var(--r),var(--g),var(--b),.8);border-color:rgba(var(--r),var(--g),var(--b),.8)}.checkbox-label input[type=checkbox]+.checkmark::after{content:"✓";color:#fff;font-size:12px;font-weight:700;opacity:0;background:0 0;position:relative;width:auto;height:auto}.checkbox-label input[type=checkbox]:checked+.checkmark::after{opacity:1}.modal button{color:var(--chat-font-color)}.poll-error{color:#ff4757;font-size:.9rem;margin-top:10px;text-align:center}.message .poll{border-radius:12px;padding:16px}.message .poll .poll-header{display:flex;align-items:center;flex-direction:column;gap:8px;margin-bottom:12px}.message .poll .poll-header h4{margin:0;font-size:1.2rem;font-weight:600;color:var(--chat-font-color)}.message .poll .poll-header .poll-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.message .poll .poll-header .poll-info .vote-count{font-weight:500}.message .poll .poll-header .poll-info .poll-status.active{color:#2ed573}.message .poll .poll-header .poll-info .poll-status.expired{color:#ff4757}.message .poll .poll-multiple{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.message .poll-question{font-weight:600;margin-bottom:12px;font-size:1rem;color:var(--chat-font-color)}.message .poll-option{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:8px;background-color:var(--chat-bg);border:2px solid transparent;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.message .poll-option:hover{border-color:rgba(var(--r),var(--g),var(--b),.3)}.message .poll-option.voted{border-color:rgba(var(--r),var(--g),var(--b),.8);background-color:rgba(var(--r),var(--g),var(--b),.1)}.message .poll-option.disabled{cursor:not-allowed;opacity:.6}.message .option-progress{position:absolute;left:0;top:0;height:100%;background-color:rgba(var(--r),var(--g),var(--b),.2);transition:width .5s ease;border-radius:6px}.message .option-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%}.message .option-text{font-size:.95rem;color:var(--chat-font-color)}.message .option-stats{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#666}.message .poll-meta{margin-top:12px;padding-top:12px;border-top:1px solid var(--message-self-bg);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#666}.message .poll-total-votes{font-weight:500}.message .poll-status{display:flex;align-items:center;gap:4px}.message .poll-expired{color:#ff4757}.message .poll-active{color:#2ed573}#chat-box #plus-dropdown{position:absolute;bottom:0;height:45px;right:calc(100% + 5px);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#chat-box #plus-button{position:relative;display:flex;justify-content:center;align-items:center;padding:5px;border-radius:30px;width:40px;height:40px;cursor:pointer;transition:background-color .3s,outline .3s}#chat-box #plus-button:hover{background-color:#fafbfc}body.dark #chat-box #plus-button:hover{background-color:#3d3e3f}#chat-box #plus-button svg{width:25px;height:25px}#chat-box #input-box #display-files{display:flex;gap:5px;overflow-x:auto;max-width:100%;padding:5px;transition:background-color .3s}#chat-box #input-box #display-files:empty{display:none}#chat-box #input-box #display-files .file{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;background-color:var(--message-bg);animation:message .3s;transition:background-color .3s}#chat-box #input-box #display-files .file.file-generic{width:auto;min-width:120px;padding:6px 8px;gap:6px;justify-content:center;height:fit-content;min-height:40px;flex-direction:column;align-items:flex-start}#chat-box #input-box #display-files .file.file-generic .file-generic-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px}#chat-box #input-box #display-files .file.file-generic .file-generic-header .file-icon{width:22px;height:22px;object-fit:contain;flex:0 0 auto}#chat-box #input-box #display-files .file.file-generic img{width:22px;height:22px;object-fit:contain}#chat-box #input-box #display-files .file.file-generic .file-name{font-size:11px;color:rgba(var(--font-bg),.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;width:auto;flex:1 1 auto;min-width:0}#chat-box #input-box #display-files .file.file-generic .file-open-indicator{margin-left:auto;width:14px;height:14px;color:rgba(var(--font-bg),.7);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}#chat-box #input-box #display-files .file.file-generic .file-open-indicator svg{width:14px;height:14px}#chat-box #input-box #display-files .file.file-generic .file-generic-preview{width:100%;height:60px;border-radius:8px;background:rgba(var(--font-bg),.08);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}#chat-box #input-box #display-files .file.file-generic .file-generic-preview.file-preview-pdf{height:60px}#chat-box #input-box #display-files .file.file-generic .file-preview-thumb{width:100%;height:100%;object-fit:cover;display:block}#chat-box #input-box #display-files .file.file-generic .file-preview-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.9;z-index:0}#chat-box #input-box #display-files .file.file-generic .file-preview-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}#chat-box #input-box #display-files .file.file-generic .file-text-preview{width:100%;height:100%;margin:0;font-size:10px;color:var(--chat-font-color);overflow:hidden;white-space:pre-wrap;font-family:var(--font);background:rgba(var(--font-bg),.06);box-sizing:border-box;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}#chat-box #input-box #display-files .file.file-generic .file-text-preview:not(:has(code)){padding:5px}#chat-box #input-box #display-files .file.file-generic .file-text-preview code{display:block;font-family:var(--font);font-size:10px;line-height:1.35;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}#chat-box #input-box #display-files .file img,#chat-box #input-box #display-files .file video{width:100%;height:100%;object-fit:cover;border-radius:inherit}#chat-box #input-box #display-files .file-preview-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}body.dark img[src="/images/audio-file.svg"],body.dark img[src="/images/spinner.svg"]{filter:invert(1)}#chat-box #input-box #display-files .file audio{display:none}#chat-box #input-box #display-files .file .remove{position:absolute;top:-2px;right:-2px;display:flex;justify-content:center;align-items:center;padding:1px;border-radius:50%;background-color:var(--message-self-bg);color:var(--chat-font-color);cursor:pointer;transition:background-color .3s,color .3s}#chat-box #input-box #display-files .file .remove::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--message-hover-bg);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .3s}#chat-box #input-box #display-files .file .remove:hover::after{opacity:.08}#chat-box #input-box #display-files .file .remove svg{width:10px;height:10px}#chat-box #input-box #send{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);display:flex;align-self:flex-end;justify-content:center;align-items:center;padding:5px;aspect-ratio:1/1;border-radius:50%;background-color:rgba(var(--r),var(--g),var(--b),var(--a));cursor:pointer;--a:0.8;box-shadow:0 0 0 2px rgba(var(--r),var(--g),var(--b),var(--a));transition:--a .3s,color .3s,box-shadow .3s}#chat-box #input-box:has(#message:empty):has(#display-files:empty) #send{--a:0;color:#666;cursor:default;box-shadow:none}#chat-box #input-box #send:hover{--a:1}#chat-box #input-box #send[disabled],#chat-box #input-box[disabled] #send{pointer-events:none;opacity:.5}#chat-box #input-box #send svg{width:25px;height:25px}#chat-box #scroll-down{position:absolute;bottom:calc(100% + 20px);left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:5px;padding:4px;border-radius:20px;width:max-content;background-color:var(--message-self-bg);color:var(--chat-font-color);box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;font-size:.9rem;border:1px solid rgba(var(--r),var(--g),var(--b),.05);transition:transform .3s,opacity .3s}body.dark #chat-box #scroll-down{border-color:rgba(var(--r),var(--g),var(--b),.3)}#chat-box #scroll-down.hidden{transform:translateX(-50%) translateY(100%);opacity:0;pointer-events:none}#chat-box #scroll-down::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--message-hover-bg);opacity:0;pointer-events:none;transition:opacity .3s}#chat-box #scroll-down:hover::after{opacity:.08}#chat-box #scroll-down svg{width:25px;height:25px}#chat-box #messages{font-family:var(--secondary-font);flex:1;overflow:hidden;overflow-y:scroll;padding:20px;display:flex;flex-direction:column;align-items:center;gap:30px;outline:0;padding-bottom:40px}#chat-box:not(.loading).no-room #messages:empty::before{content:"";background-image:url("../images/gifs/no-room.gif");background-size:cover;background-position:center;width:100%;height:100%;max-width:200px;max-height:200px;margin-top:auto;animation:message .3s}#chat-box:not(.loading).no-room #messages:empty::after{content:"No room selected. Select one to start chatting!";text-align:center;margin-bottom:auto;font-size:1.2rem;animation:meta .3s}#chat-box #effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.date-header{position:relative;display:flex;justify-content:center;align-items:center;gap:15px;width:100%;font-size:.8rem;color:#666}.date-header.animated{animation:meta .3s}.date-header span{white-space:nowrap}.message-group{position:relative;margin-right:auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:70%}.message-group.self{margin-right:0;margin-left:auto;align-items:flex-end}.message-group .meta{display:flex;justify-content:space-between;align-items:center;margin-right:auto;margin-left:50px;width:max-content;text-align:left;font-size:.8rem;color:#888}.message-group.animated .meta{animation:meta .3s}body.no-animations .message-group.animated .meta{animation:none}.message-group.self .meta.m{justify-content:flex-end;margin-right:5px;margin-left:auto;text-align:right}.message-group .meta span{font-size:.75rem}.message-group .meta .username{margin-right:8px}.message-group .meta .date,.message-group .meta .edited{color:#666}.message-group .meta .edited{font-style:italic}.message-group .meta .edited::before{content:"•";margin:0 5px}.message-group.self:not(.via) .meta.m .username{display:none}.message{display:flex;flex-direction:column;position:relative;align-items:flex-start;max-width:100%}.message.self{align-items:flex-end}.message:has(.preview) .content .text.m{border-bottom-left-radius:4px}.message.self:has(.preview) .content .text.m{border-bottom-left-radius:20px;border-bottom-right-radius:4px}.message .preview{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;width:min(360px,100%);min-height:88px;margin-top:2px;margin-left:35px;padding:10px;border-radius:16px;background:rgba(var(--bg),.72);border:1px solid rgba(var(--r),var(--g),var(--b),.16);cursor:pointer;overflow:hidden}.message.self .preview{margin-left:0}.message .preview .preview-media-skeleton,.message .preview img{width:76px;height:68px;border-radius:12px;object-fit:cover;background:rgba(var(--font-bg),.08)}.message .preview .preview-text{min-width:0;display:flex;flex-direction:column;gap:8px}.message .preview .preview-text h4,.message .preview .preview-text p{margin:0}.message .preview .preview-text h4{font-size:.95rem;line-height:1.25;color:var(--chat-font-color);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message .preview .preview-text p{font-size:.82rem;color:rgba(var(--font-bg),.64);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message .preview.preview-loading{pointer-events:none}.message .preview .preview-domain-skeleton,.message .preview .preview-title-skeleton{border-radius:999px;background:rgba(var(--font-bg),.08)}.message .preview .preview-title-skeleton{width:min(220px,92%);height:16px}.message .preview .preview-domain-skeleton{width:min(140px,58%);height:11px}body.dark .message .preview{background:rgba(var(--bg),.92)}.message .game-info{display:flex;align-items:center;gap:10px}.message .game-info .game-name{font-size:.9rem;font-weight:500;color:var(--chat-font-color)}.message .game-info .shared-by{font-size:.8rem;color:#666}.message .game-info .player-count{font-size:.75rem;color:#888;margin-top:0;display:flex;align-items:center;gap:8px;transition:opacity .3s ease,transform .3s ease,margin-top .3s ease;overflow:hidden;height:20px}.message .game-info .player-count.hidden{margin-top:-20px;opacity:0}.message .game-info .player-count.fade-in{animation:fadeInUp .4s ease-out}.message .game-info .player-count.fade-out{animation:fadeOutDown .3s ease-in forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.message .game-info .player-count .player-info,.message .game-info .player-count .spectator-info{display:flex;align-items:center;gap:4px;transition:opacity .2s ease,transform .2s ease,margin .3s ease}.message .game-info .player-count .player-info.animate-in,.message .game-info .player-count .spectator-info.animate-in{animation:slideInScale .3s ease-out}@keyframes slideInScale{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message .game-info .player-count .player-icon,.message .game-info .player-count .spectator-icon{width:14px;height:14px;opacity:.7;transition:opacity .2s ease}.message .game-info .player-count .player-icon{color:#4caf50}.message .game-info .player-count .spectator-icon{color:#ff9800}.message .game-info .join-game{margin-left:auto;padding:10px 15px}.message .content{position:relative;display:flex;gap:5px;width:fit-content;max-width:100%;outline:0}.message.self .content:has(.text.m){flex-direction:row-reverse}.message-group.via:not([data-ended=true]) .message .content{cursor:pointer}.message .content .profile{position:relative;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;aspect-ratio:1/1;object-fit:cover;overflow:hidden;margin-top:auto;margin-bottom:auto}.message.animated .content .profile{animation:profile .3s}.message.self .content:has(.text.m) .profile{background-color:var(--message-self-bg);animation:profile-self .3s}.message .content .read{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;bottom:-3px;left:calc(100% - 9px)}.message.self .content.m .read{right:calc(100% - 9px);left:auto}.message .content .read img{width:15px;height:15px;margin-right:-5px;border-radius:50%;object-fit:cover}.message.animated .content .read img{animation:read .3s}.message .content .read img.hidden{animation:read-hide .3s forwards}.message.self .content .read img{margin-right:0;margin-left:-5px}.message .content .read img:nth-child(n+5){display:none}.message .content .read:has(img:nth-child(n + 5))::after{content:"+" attr(data-count);font-size:8px;font-weight:700;color:var(--chat-font-color);background-color:var(--message-bg);border-radius:10px;min-width:15px;min-height:15px;width:fit-content;z-index:1;height:15px;padding:0 2px;display:flex;justify-content:center;align-items:center}.message.animated .content .read:has(img:nth-child(n + 5))::after{animation:read .3s}.message.self .content .read:has(img:nth-child(n + 5))::after{margin-left:-5px}.message-group .message:not(:nth-child(2)) .content.m .profile{opacity:0;animation:none}.message .text{position:relative;width:fit-content;display:flex;flex-direction:column;border-radius:20px;font-size:16px;transition:background-color .3s,border-radius .3s,box-shadow .3s,border .3s}.message.self .text{border-color:rgba(var(--r),var(--g),var(--b),.05)!important}body.dark .message.self .text{border-color:rgba(var(--r),var(--g),var(--b),.3)!important}.message .text.vc{flex-direction:row;justify-content:center;align-items:center;gap:10px}.message .text.vc .call{display:flex;justify-content:center;align-items:center;overflow:hidden;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:15px}.message .text.vc .call svg{width:20px;height:20px;color:var(--chat-font-color)}.message .text.vc .call[data-ended=false]{background-color:rgba(0,255,0,.8)}.message .text.vc .call[data-ended=true]{background-color:rgba(255,0,0,.8)}.message .text.m.vc:has(.text-content){padding:10px 12px;background-color:var(--chat-bg);border:2px solid var(--message-bg)}.message.self .text.m.vc:has(.text-content){padding:10px 12px;background-color:var(--chat-bg);border:2px solid var(--message-self-bg)}.message .text.vc .text-content{display:flex;flex-direction:column;width:fit-content;padding:0}.message .text-content .duration{font-size:.8rem;color:#666;font-weight:400}.message .text.audio,.message .text.image{padding:0!important;background-color:transparent!important}.message .text.audio .audio-cont,.message .text.image .image-cont{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;border-radius:inherit;overflow:hidden;background-color:var(--chat-bg);background-image:linear-gradient(to bottom right,transparent,transparent,transparent,transparent,rgba(var(--r),var(--g),var(--b),.3),transparent,transparent,transparent,transparent);background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;animation:streaks 5s linear infinite}.message .text.image .image-cont img{width:50px;height:50px}.message .text.audio .audio-cont img{width:30px;height:30px}body.dark .message .text.audio .audio-cont img,body.dark .message .text.image .image-cont img{filter:invert(1)}.message .text.audio .audio-cont .text,.message .text.image .image-cont .text{position:relative;font-size:.8rem;color:var(--chat-font-color);font-weight:400}.message .text.audio .audio-cont .text::after,.message .text.image .image-cont .text::after{position:absolute;content:"...";left:100%;white-space:nowrap;animation:typing 2s steps(5,end) infinite}.message .text.audio .audio-cont{width:300px;max-width:100%;height:50px;gap:10px;flex-direction:row}.message.active .content .text.m{z-index:999;box-shadow:0 0 0 2px rgba(var(--r),var(--g),var(--b),.3)}.message.animated .text.m{animation:message .3s}body.no-animations .message.animated .text.m{animation:none}.message.self[data-temp=true]{font-style:italic}.message.self.animated.temp .text.m:has(.text-content){background-color:var(--message-bg);color:rgba(var(--font-bg),.6);animation:switch-bg 1s .1s forwards}.message .text:has(.text-content){padding:2px;overflow:hidden;word-break:break-word;background-color:var(--message-bg);border:1px solid #e4e4e4}body.dark .text:has(.text-content){border:1px solid #404142}.message .text-content:not(:has(.image-cont)):not(:has(.audio-cont)){padding:10px}.message.self[data-temp=true] .text.m:has(.text-content){background-color:var(--message-bg);color:rgba(var(--font-bg),.6);animation:message .3s}body.no-animations .message.self[data-temp=true] .text.m:has(.text-content){animation:none}.quoted-message{position:relative;display:flex;justify-content:flex-start;flex-direction:column;gap:5px;border-radius:inherit;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:8px;font-family:var(--font);background-color:var(--chat-bg)}.quoted-message .close{position:absolute;display:flex;align-items:center;justify-content:center;top:5px;right:7px;width:18px;height:18px;border-radius:20px;cursor:pointer;transition:background-color .3s}.quoted-message .close:hover{background-color:rgba(150,150,150,.2)}.quoted-message .close svg{width:16px;height:16px;opacity:.7}.quoted-message .meta{display:flex;justify-content:flex-start;align-items:center;width:max-content;text-align:left;margin:0;gap:5px;font-size:.75rem}.quoted-message .meta .quote{width:18px;height:18px}.quoted-message .meta .quote svg{fill:currentColor}.quoted-message .pfp{width:15px;height:15px;border-radius:15px;object-fit:cover}.quoted-message .content{width:calc(100% - 10px);opacity:.7}.quoted-message .content,.quoted-message .content *{display:inline;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400}.message.self .text.m:has(.text-content){background-color:var(--message-self-bg);border:1px solid rgba(var(--r),var(--g),var(--b),.05)}body.dark .message.self .text.m:has(.text-content){border:1px solid rgba(var(--r),var(--g),var(--b),.3)}.message .text .text-content hr{border:none;border-top:1px solid #ccc;margin:10px 0}.message .text .text-content code{background:rgba(150,150,150,.2);padding:5px;border-radius:5px;cursor:pointer}.message .text .text-content pre code{display:block;overflow-x:auto;padding:15px;border-radius:inherit;background-color:var(--chat-bg)}.message .text .text-content pre{position:relative;overflow:hidden;border-radius:30px;margin-top:10px;margin-bottom:10px;padding:4px;padding-bottom:40px}.message .text .text-content pre::after{content:"Use code with caution";font-family:var(--font);display:flex;align-items:center;justify-content:center;text-align:center;height:40px;padding:0 10px;white-space:pre-wrap;position:absolute;bottom:0;left:0;right:0;font-size:12px}.message.bot .text .text-content pre::after{content:"AI has been known to make mistakes. Use code with caution"}body.dark .message .text .text-content pre{background-color:#1e1e1e}body:not(.dark) .message .text .text-content pre{background-color:#e6e6e6}.message .text .text-content ul{list-style-type:disc;padding-left:20px}.message .text .text-content ol{list-style-type:decimal;padding-left:20px}.message .text.emoji:not(:has(.quoted-message)){padding:0;background-color:transparent!important;border:none!important;border-radius:20px!important}.message .text.emoji:has(.quoted-message) .text-content{padding:2px}.message .reactions .reaction .emoji,.message .text .emoji{position:relative;width:18px;height:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:inherit}.message .text .emoji:has(img:not(.hidden)),.message .text .emoji:has(svg:not(.hidden)){margin-top:-3px;transform:translateY(3px)}.message .text.emoji .emoji{width:60px;height:60px;font-size:50px}.message .reactions .reaction .emoji img,.message .reactions .reaction .emoji svg,.message .text .emoji img,.message .text .emoji svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.message .reactions .reaction .emoji img.hidden,.message .reactions .reaction .emoji svg.hidden,.message .text .emoji img.hidden,.message .text .emoji svg.hidden{display:none}.message .reactions .reaction .emoji::after,.message .text .emoji::after{content:attr(data-emoji);display:none}.message .reactions .reaction .emoji:not(:has(svg)):not(:has(img))::after,.message .reactions .reaction .emoji:not(:has(svg:not(.hidden))):not(:has(img:not(.hidden)))::after,.message .text .emoji:not(:has(svg)):not(:has(img))::after,.message .text .emoji:not(:has(svg:not(.hidden))):not(:has(img:not(.hidden)))::after{display:block}.message .preview::after,.message .text.m::after{content:"";position:absolute;background-color:var(--message-hover-bg);top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;pointer-events:none;transition:opacity .3s}.message.self .preview::after,.message.self .text.m::after{background-color:var(--message-self-hover-bg)}.message .content:focus .preview::after,.message .content:focus .text:has(.text-content)::after,.message .preview:hover::after,.message .text:has(.text-content):hover::after,.message:has(.actions.m:hover) .text.m:has(.text-content)::after{opacity:.08}.message .content:not(:has(.game)):focus .text.m{box-shadow:0 0 0 2px rgba(var(--r),var(--g),var(--b),.3)}.message-group .message:nth-child(2):not(:last-child) .text.m{border-bottom-left-radius:4px}.message-group .message:last-child:not(:nth-child(2)) .text.m{border-top-left-radius:4px}.message-group.self .message:nth-child(2):not(:last-child) .text.m{border-bottom-right-radius:4px;border-bottom-left-radius:20px}.message-group.self .message:last-child:not(:nth-child(2)) .text.m{border-top-right-radius:4px;border-top-left-radius:20px}.message-group:not(.self) .message:not(:nth-child(2)):not(:last-child) .text.m{border-top-left-radius:4px;border-bottom-left-radius:4px}.message-group.self .message:not(:nth-child(2)):not(:last-child) .text.m{border-top-right-radius:4px;border-bottom-right-radius:4px}.message-group:not(.self) .message:has(+ .message .text.m.emoji):not(:has(.quoted-message)) .text.m{border-bottom-left-radius:20px!important}.message-group.self .message:has(+ .message .text.m.emoji):not(:has(.quoted-message)) .text.m{border-bottom-right-radius:20px!important}.message-group:not(.self) .message:has(.text.m.emoji):not(:has(.quoted-message))+.message .text.m{border-top-left-radius:20px}.message-group.self .message:has(.text.m.emoji):not(:has(.quoted-message))+.message .text.m{border-top-right-radius:20px}.message .text a{color:rgba(var(--r),var(--g),var(--b),1);text-decoration:underline}.message.text a:hover{color:rgba(var(--r),var(--g),var(--b),.8)}.message .actions{position:absolute;left:40px;right:calc(10px);top:-25px;width:max-content;z-index:2;display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;transition:opacity .3s}.message.self .content:has(.text.m) .actions{left:auto;right:0}.message .content:focus .actions,.message .content:hover .actions{opacity:1;pointer-events:auto}.message .actions .cont{display:flex;gap:2px;align-items:center;padding:2px 5px;border-radius:4px}.message .actions .cont:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.message .actions .cont:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}.message .actions .cont div{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .3s}.message .actions .cont div:hover{background-color:var(--tab-hover-border-bg)}.message .actions div img,.message .actions div svg{width:18px;height:18px}.message-options{position:absolute;z-index:999;border-radius:10px;animation:message .3s}.message-options.hidden{animation:hide-picker .3s forwards}.message-options .options{display:flex;flex-direction:column;color:var(--chat-font-color);overflow:hidden;min-width:150px;max-width:300px;border-radius:inherit}.message-options .option-divider{width:calc(100% - 20px);height:1px;background-color:rgba(150,150,150,.2);margin:5px auto}.message-options .option{position:relative;display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;white-space:nowrap;background:0 0;border:none;transition:background-color .3s}.message-options .option.error{color:#e11}.message-options .option:hover{background-color:var(--tab-hover-border-bg)}.message-options .option.error:hover{background-color:rgba(225,17,17,.1)}.message-options .option img,.message-options .option svg{width:20px;height:20px}.message .files{display:flex;flex-wrap:wrap;width:fit-content;gap:5px;padding:3px;border-radius:inherit;background-color:var(--message-bg)}.message:has(.text-content) .files{border-radius:20px}.message.self .files{background-color:var(--message-self-bg)}.message.self .files{justify-content:flex-end}.message .files:has(:nth-child(2)) .file{max-height:200px}.message .files .file{position:relative;display:flex;align-items:center;border-radius:inherit;max-height:400px;max-width:100%;height:fit-content;width:auto;overflow:hidden}.message .files .file.media-thumb{cursor:pointer;justify-content:center;background:rgba(var(--font-bg),.1);min-width:120px;min-height:70px}.message .files .file.media-thumb.audio{min-width:200px;min-height:40px}.message .files .file.media-thumb .media-play{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .2s ease,background-color .2s ease}.message .files .file.media-thumb:hover .media-play{transform:translate(-50%,-50%) scale(1.05);background:rgba(0,0,0,.55)}.message .files .file.media-thumb .media-play svg{width:22px;height:22px;margin-left:2px}.message .files .file.media-thumb video.media-preview{width:100%;height:100%;object-fit:cover;display:block}.message.animated .files .file{animation:message .3s}body.no-animations .message.animated .files .file{animation:none}.message .files img.file{cursor:pointer;font-size:0}.message .files .file-preview-container{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:inherit}.giphy-attribution{position:absolute;bottom:2px;right:2px;display:flex;justify-content:flex-start;align-items:center}.giphy-attribution img{height:18px;opacity:.85}.gif-item{position:relative}.message .files .file-preview-container:has(img.file)::before{content:url("../images/file.svg");position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);z-index:0;opacity:1}body.dark .message .files .file-preview-container:has(img.file)::before{filter:invert(1)}.message .files audio.file{width:100%;min-width:300px;height:50px}.message .files audio.file::-webkit-media-controls-enclosure{border-radius:inherit}.message .reactions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:5px;padding:5px;margin-top:2px;max-width:300px;width:max-content;margin-left:30px}.message.self .reactions{justify-content:flex-end;margin-left:0}.message .reactions .reaction{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid var(--message-bg);background-color:var(--chat-bg);cursor:pointer;transition:background-color .3s,border-color .3s}.message .reactions .reaction.active{background-color:var(--message-self-bg);border-color:rgba(var(--r),var(--g),var(--b),.8)}.message.self .reactions .reaction{border-color:rgba(var(--r),var(--g),var(--b),.8)}.message .reactions .reaction.animated{animation:react .2s ease}.message .reactions .reaction::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--message-hover-bg);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s}.message .reactions .reaction.active::after{background-color:var(--message-self-hover-bg)}.message .reactions .reaction:hover::after{opacity:.08}#notifications{position:fixed;top:var(--title-height);left:0;width:100%;height:calc(70px * 3 + 5px * 2 + 10px);overflow:hidden;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding:10px;pointer-events:none}#notifications .notification{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;background-color:var(--chat-bg);color:var(--chat-font-color);box-shadow:0 0 5px rgba(0,0,0,.3);max-width:450px;min-width:300px;min-height:70px;height:70px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;pointer-events:auto;font-family:var(--secondary-font);animation:notification .5s;transition:background-color .3s,transform .3s,margin-bottom .3s}#notifications .notification:hover{transform:scale(1.02)}#notifications .notification::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--tab-bg);transition:background-color .3s}#notifications .notification:hover::before{background-color:var(--tab-hover-bg)}#notifications .notification.hidden{animation:hide-notification .3s forwards}#notifications .notification.view{animation:view-notification .3s forwards}#notifications .notification .content{display:flex;align-items:center;gap:10px;padding:10px}#notifications .notification .content img{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;object-fit:cover}#notifications .notification .content img[src="/images/favicon.svg"]{border-radius:0}#notifications .notification .content .text{display:block;overflow:hidden;white-space:nowrap}#notifications .notification .content .text h3{font-size:1.2rem;font-weight:700;opacity:.9;display:block;overflow:hidden;text-overflow:ellipsis}#notifications .notification .content .text p{font-size:.8rem;opacity:.5;display:block;overflow:hidden;text-overflow:ellipsis}#notifications .notification .loader{width:100%;height:5px;background-color:rgba(var(--r),var(--g),var(--b),.8);animation:notification-loading 7.5s .5s linear forwards}#emojis,.emoji-picker,.gif-picker,.language-picker,.user-picker{position:absolute;z-index:999;display:flex;flex-direction:column;width:400px;height:300px;overflow-x:hidden;overflow-y:scroll;background-color:var(--chat-bg);border:1px solid var(--message-self-bg);color:var(--chat-font-color);border-radius:10px;padding:10px;box-shadow:0 0 5px rgba(0,0,0,.1);animation:message .3s}.gif-picker{width:700px;height:400px}.gif-picker .results{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px;padding-top:10px}.gif-picker .results .column{display:flex;flex-direction:column;gap:5px}.gif-picker .results .column img{width:100%;height:100%;object-fit:cover;border-radius:10px;cursor:pointer;transition:filter .3s}.gif-picker .results .column img:hover{filter:brightness(1.2)}#emojis{width:max-content;height:max-content;overflow-y:hidden;bottom:100%;padding:5px}#emojis:empty{display:none}#emojis .emoji-option{position:relative;display:flex;align-items:center;padding:5px;cursor:pointer}#emojis .emoji-option::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--message-hover-bg);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .3s}#emojis .emoji-option:hover::after{opacity:.08}#emojis .emoji-option .emoji{margin-right:5px}#emojis.hidden,.emoji-picker.hidden,.gif-picker.hidden,.language-picker.hidden,.user-picker.hidden{animation:hide-picker .3s forwards}.emoji-picker .search,.gif-picker .search,.language-picker .search,.user-picker .search{position:sticky;top:0;width:100%;z-index:1;padding:10px;border:1px solid var(--message-bg);border-radius:10px;background-color:var(--chat-bg);color:var(--chat-font-color);outline:0;transition:border-color .3s}.emoji-picker .search:focus,.gif-picker .search:focus,.language-picker .search:focus,.user-picker .search:focus{border-color:rgba(var(--r),var(--g),var(--b),.8)}.emoji-picker .group{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-column-start:1;grid-column-end:-1}.emoji-picker .group span{grid-column-start:1;grid-column-end:-1;margin-top:10px;font-weight:700;text-transform:uppercase;font-size:.8rem;color:#666}.emoji-picker .emoji{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:5px;width:40px;height:40px}.emoji-picker .emoji.hidden,.emoji-picker .group.hidden{display:none}.emoji-picker .emoji img{width:100%;height:100%;object-fit:cover}.shortcode{position:fixed;z-index:1000;width:max-content;font-size:.8rem;font-family:var(--font);color:#fff;background-color:#666;padding:2px 5px;border-radius:5px;pointer-events:none;opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}.shortcode:not(.hidden){opacity:1;transform:scale(1)}.emoji-picker .emoji::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;border-radius:50%;background-color:var(--message-hover-bg);opacity:0;pointer-events:none;transition:opacity .3s}.emoji-picker .emoji:hover::after{opacity:.08}.language-picker .language,.user-picker .user{display:flex;align-items:center;gap:10px;padding:5px;border-radius:10px;min-height:40px;background-color:var(--tab-bg);box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer;margin-top:5px;transition:background-color .3s}.language-picker .language:hover,.user-picker .user:hover{background-color:var(--tab-hover-bg)}.language-picker .language.hidden,.user-picker .user.hidden{display:none}.user-picker .user .username{font-size:1rem;color:var(--chat-font-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-picker[data-mentions=true] .user .username::before{content:"@"}.profile-banner{position:relative;width:400px;max-width:95vw;background:var(--chat-bg);overflow-y:auto;font-family:var(--font, "Inter", sans-serif);color:var(--chat-font-color,#fff);animation:message .3s}.profile-banner.hidden{animation:hide-picker .3s forwards}.profile-banner .banner{position:relative;width:100%;min-height:150px;background-color:var(--banner-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.profile-banner .profile{position:absolute;left:32px;top:100px;width:96px;height:96px;border-radius:50%;border:6px solid var(--chat-bg);background:var(--chat-bg);object-fit:cover;z-index:2}.profile-banner .profile .profile-cont,.profile-banner .profile .profile-cont img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-banner .profile .status{width:25px;height:25px}.profile-banner .profile .status::before{border-width:3px}.profile-banner .profile .status.away::after{box-shadow:inset -2px -2px 0 1.2px #ff0}.profile-banner .main-info{margin-top:25px;padding:20px 30px;display:flex;flex-direction:column;gap:4px}.profile-banner .username{font-size:1.3rem;font-weight:700;color:var(--chat-font-color);display:flex;align-items:center;gap:8px}.profile-banner .name{font-size:1rem;color:var(--chat-font-color);opacity:.8;font-weight:500}.profile-banner .email{font-size:.95rem;color:var(--chat-font-color);opacity:.8;margin-top:2px;text-decoration:underline;word-break:break-all}.profile-banner .xp-cont{margin:10px 0;display:flex;align-items:center}.profile-banner .xp-level{color:var(--chat-font-color);border-radius:8px}.profile-banner .xp-level::before{content:"•";margin-right:5px;margin-left:5px;color:var(--banner-bg)}.profile-banner #game-stats,.profile-banner .description,.profile-banner .member-since{font-size:.8rem;color:var(--chat-font-color);border-radius:8px;padding:10px 16px;min-height:40px;word-break:break-word;white-space:pre-wrap;overflow:hidden}.profile-banner .game-activity-share{border-radius:8px;padding:10px 16px;height:80px;display:flex;align-items:center;gap:12px}.profile-banner .game-activity-share .game-image{width:50px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0}.profile-banner .game-activity-share .game-image img{width:100%;height:100%;object-fit:cover}.profile-banner .game-activity-share .game-info{flex:1;min-width:0}.profile-banner .game-activity-share .game-name{font-weight:600;margin-bottom:2px;font-size:14px;color:var(--chat-font-color)}.profile-banner .game-activity-share .game-status{opacity:.7;font-size:12px;color:var(--chat-font-color)}.profile-banner .game-activity-share.animated{animation:show-game .3s}.profile-banner .game-activity-share.animated.first{animation:show-first-game .3s}.profile-loading .profile-loading-line{height:14px;border-radius:8px}.profile-loading .profile-loading-line.short{width:60%}.profile-loading .profile-loading-block{height:44px;border-radius:8px}.profile-loading #game-stats,.profile-loading .description,.profile-loading .member-since{min-height:44px}.profile-banner .game-activity-share.hide{animation:hide-game .3s forwards}@keyframes show-first-game{0%{opacity:0;transform:scale(.9) translateY(-10px);margin-bottom:-84px}100%{opacity:1;transform:scale(1) translateX(0);margin-bottom:0}}@keyframes show-game{0%{opacity:0;transform:scale(.9) translateX(-50%)}100%{opacity:1;transform:scale(1) translateX(0)}}@keyframes hide-game{0%{opacity:1;transform:scale(1) translateX(0);margin-top:-84px}100%{opacity:0;transform:scale(.9) translateX(50%);margin-top:-84px}}.profile-banner #game-stats{padding:0;word-break:normal;white-space:initial}.profile-banner #game-stats .stats-cont{background:0 0;border-radius:0}.profile-banner .roles{display:flex;gap:8px}.profile-banner .roles .tag{margin-left:0;max-width:60px}.custom-tooltip{position:fixed;background:#222;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;z-index:10000;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.2);max-width:300px;text-align:center;word-break:break-word;white-space:pre-line;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}.custom-tooltip.visible{opacity:1;transform:scale(1)}.custom-tooltip.hide{opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}@font-face{font-family:NotoColorEmoji;src:url("../fonts/NotoColorEmoji.ttf") format("truetype");font-display:swap}@font-face{font-family:Inter;src:url("../fonts/Inter.ttf") format("truetype");font-display:swap}@keyframes error{0%{transform:scale(.9);opacity:0;margin-top:-10px;margin-bottom:0}100%{transform:scale(1);opacity:1;margin-top:0;margin-bottom:10px}}@keyframes message{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes switch-bg{0%{background-color:var(--message-bg);color:rgba(var(--font-bg),.6)}100%{background-color:var(--message-self-bg);color:var(--chat-font-color)}}@keyframes profile{0%{transform:translateX(-10px) scale(.9);opacity:0}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes profile-self{0%{transform:translateX(10px) scale(.9);opacity:0}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes hide-picker{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(10px)}}@keyframes meta{0%{transform:translateY(-10px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes react{0%{transform:scale(0);opacity:0;margin:0 -30px}100%{transform:scale(1);opacity:1;margin:0 0}}.message .reactions .reaction.new-reaction .emoji{animation:emoji-slide-in .6s ease}.message .reactions .reaction.new-reaction .count{animation:count-slide-in .3s ease .3s forwards;opacity:0;transform:translateX(20px)}.message .reactions .reaction.updated-reaction .count{animation:count-fall .3s ease-out forwards}.message .reactions .reaction.removing{animation:reaction-remove .2s ease-in forwards}@keyframes emoji-slide-in{0%{scale:0;transform:translateX(8px)}40%{scale:1.2;transform:translateX(8px)}100%{scale:1;transform:translateX(0)}}@keyframes count-slide-in{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}}@keyframes count-fall{0%{transform:translateY(-8px);opacity:0}30%{transform:translateY(-3px);opacity:1}60%{transform:translateY(1px)}100%{transform:translateY(0)}}@keyframes reaction-remove{0%{transform:scale(1);opacity:1;margin:0}100%{transform:scale(.8);opacity:0;margin:0 -30px}}@keyframes notification{0%{opacity:0;transform:scale(.8);margin-top:-70px}100%{opacity:1;transform:scale(1);margin-top:0}}@keyframes hide-notification{0%{opacity:1;transform:scale(1);margin-top:0}100%{opacity:0;transform:scale(.8);margin-top:-70px}}@keyframes view-notification{0%{opacity:1;transform:scale(1);margin-bottom:0}100%{opacity:0;transform:scale(.5);margin-bottom:-70px}}@keyframes notification-loading{0%{width:100%}100%{width:0}}@keyframes gradientAnimation{0%{background-position:200% 0}100%{background-position:100% 0}}@keyframes streaks{0%{background-position:-50% -50%}100%{background-position:150% 150%}}@keyframes typing{0%,100%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.modal-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}.terms-modal-content{background:var(--chat-bg,#fff);color:var(--chat-font-color,#222);max-width:420px;width:90vw;padding:32px 24px;border-radius:12px;box-shadow:0 2px 24px rgba(0,0,0,.18);text-align:left;font-family:var(--font);border:1px solid var(--tab-border-bg,#e3e3e3)}#terms-agree::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid var(--chat-font-color,#222);border-radius:4px;background-color:var(--chat-bg,#fff);vertical-align:middle;box-sizing:border-box;transition:background-color .3s,border-color .3s}#terms-agree:checked::before{background-color:rgba(var(--r),var(--g),var(--b),.8);border-color:rgba(var(--r),var(--g),var(--b),.8);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 12px}.modal-title{color:var(--icon-second-color,#2a7ae2);font-size:1.5em;margin-bottom:10px}.modal-desc{font-size:1.08em;margin-bottom:12px}.modal-link{color:var(--icon-second-color,#2a7ae2);text-decoration:underline;font-size:1em;margin-bottom:18px;display:inline-block}.modal-checkbox-row{margin:18px 0 8px 0}.modal-checkbox-label{font-size:1.1em}.modal-bg .btn.primary{padding:10px 22px}.modal-bg .btn.primary:disabled{opacity:.6;cursor:not-allowed}img[src=""]{position:relative;opacity:.001}img[src=""]::before{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:inherit;transform:translate(-50%,-50%);z-index:1;opacity:1;background-color:var(--message-bg);pointer-events:none}@media (max-width:1024px){#header h1{font-size:1.3rem}#header #btns{gap:10px}.btn{padding:10px 15px}.btn.primary{gap:5px}}@media (max-width:768px){body{--header-height:50px}#header h1{font-size:1.2rem}#header #btns{gap:10px}.btn{padding:10px 15px}.btn:not(.primary) span:not(.mention){display:none}.btn.primary{gap:5px}.alert-box .content,.confirm-box .content,.pro-popup .content,.prompt-box .content{min-width:80%}#notifications{align-items:center}#notifications .notification{min-width:100%;max-width:100%}.message{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.message .content:focus .text.m{box-shadow:none}#chat-box:not(.loading) #messages:empty::before{max-width:100px;max-height:100px}#chat-box:not(.loading) #messages:empty::after{font-size:1rem}.profile-banner{width:100vw;min-width:0;max-width:100vw}.dropdown-menu{border:none;margin-bottom:0}.dropdown-menu .dropdown-item{border-bottom:none}.message .game-info{flex-direction:column}.message .game-info .join-game{margin-left:0}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.download-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.download-option{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(var(--font-bg),.03);border-radius:8px;cursor:pointer;transition:all .2s}.download-option:hover{background:rgba(var(--font-bg),.06)}.download-option input[type=checkbox]{cursor:pointer;width:18px;height:18px;min-width:18px;accent-color:rgb(var(--r),var(--g),var(--b));border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(var(--font-bg),.3);background:rgba(var(--font-bg),.05);position:relative;transition:all .2s ease}.download-option input[type=checkbox]:hover{border-color:rgba(var(--font-bg),.5);background:rgba(var(--font-bg),.08)}.download-option input[type=checkbox]:checked{background:rgb(var(--r),var(--g),var(--b));border-color:rgb(var(--r),var(--g),var(--b))}.download-option input[type=checkbox]:checked::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.download-option span{color:var(--chat-font-color);font-size:.95rem}.download-progress{text-align:center;padding:20px}.download-progress.hidden{display:none}.progress-circle{position:relative;width:120px;height:120px;margin:0 auto 15px}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle .progress-bg{fill:none;stroke:rgba(var(--font-bg),0.15);stroke-width:8}.progress-circle .progress-bar{fill:none;stroke:rgb(var(--r),var(--g),var(--b));stroke-width:8;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--chat-font-color);display:flex;align-items:center;justify-content:center;gap:2px}.progress-text .percent-symbol{font-size:.9rem;opacity:.8}.progress-message{color:var(--chat-font-color);opacity:.7;font-size:.9rem;margin:0}