@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0a1a10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-scroll{overflow:hidden!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:auto}body{margin:0;padding:0;min-height:100%;overflow:visible;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top right,#1e2235,#0c0d12);font-family:Outfit,sans-serif;padding:20px;overflow-y:auto;position:relative}.auth-page:before{content:"";position:absolute;width:300px;height:300px;background:#2ecc7126;filter:blur(100px);border-radius:50%;top:10%;right:15%;z-index:0}.auth-page:after{content:"";position:absolute;width:400px;height:400px;background:#9333ea1a;filter:blur(120px);border-radius:50%;bottom:5%;left:10%;z-index:0}.auth-card{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:1;animation:fadeIn .8s ease-out;text-align:left}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.auth-header p{color:#949ba4;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#b5bac1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.auth-input-wrapper{position:relative}.auth-input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#dbdee1;font-size:15px;transition:all .3s ease;outline:none}.auth-input:focus{border-color:#2ecc71;background:#0000004d;box-shadow:0 0 0 4px #2ecc711a}.auth-error{background:#f047471a;border:1px solid rgba(240,71,71,.2);color:#f04747;padding:12px;border-radius:10px;font-size:14px;text-align:center;margin-bottom:16px}.auth-button{background:#2ecc71;color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-top:10px;box-shadow:0 4px 15px #2ecc714d}.auth-button:hover{background:#27ae60;transform:translateY(-2px);box-shadow:0 8px 25px #2ecc7166}.auth-button:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:#949ba4}.auth-link{color:#00a8fc;text-decoration:none;font-weight:500;margin-left:5px;transition:color .2s}.auth-link:hover{color:#0087cb;text-decoration:underline}.success-view{text-align:center}.success-icon{font-size:48px;margin-bottom:20px;display:block}.success-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.success-text{color:#b9bbbe;line-height:1.6;margin-bottom:24px}.success-email{color:#fff;font-weight:600}@media(max-width:480px){.auth-page{padding:15px}.auth-card{padding:30px 20px;border-radius:20px}.auth-header h2{font-size:24px}.auth-header{margin-bottom:24px}.auth-button{padding:12px}.auth-page:before,.auth-page:after{width:150px;height:150px;opacity:.5}}.friends-list-container{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;background-color:#313338}.friends-header{height:48px;display:flex;align-items:center;padding:0 16px;gap:16px;background:#313338cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.2);flex-shrink:0;z-index:10}.friends-title{display:flex;align-items:center;gap:8px;color:#80848e;font-weight:700;padding-right:16px;border-right:1px solid rgba(255,255,255,.1)}.friends-title-text{color:#f2f3f5;font-size:15px}.mobile-menu-btn{display:none;background:transparent;border:none;color:#b5bac1;cursor:pointer;padding:4px;align-items:center;justify-content:center;transition:color .2s ease}.mobile-menu-btn:hover{color:#fff}@media(max-width:768px){.mobile-menu-btn{display:flex}.friends-header{padding:0 12px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.friends-header::-webkit-scrollbar{display:none}.friends-title{padding-right:8px}.friends-content{padding:16px}.view-button,.view-button-bold,.add-button{white-space:nowrap;flex-shrink:0}}.view-button{padding:2px 8px;border-radius:4px;font-size:14px;font-weight:600;transition:all .2s ease;background:transparent;border:none;cursor:pointer;color:#949ba4}.view-button:hover{background-color:#ffffff0d;color:#dbdee1}.view-button.active{background-color:#ffffff1a;color:#fff}.view-button-bold{padding:2px 8px;border-radius:4px;font-size:14px;font-weight:700;transition:all .2s ease;background:transparent;border:none;cursor:pointer;color:#949ba4}.view-button-bold:active,.view-button-bold.active{background-color:#ffffff1a;color:#fff}.add-button{padding:2px 8px;border-radius:4px;font-size:14px;font-weight:700;transition:all .2s ease;background-color:#248046;color:#fff;border:none;cursor:pointer}.add-button:hover{background-color:#1a6334}.add-button.active{background:transparent;color:#23a55a}.friends-content{padding:24px;flex:1;overflow-y:auto}.list-container{display:flex;flex-direction:column}.section-title{color:#949ba4;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;padding-left:8px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;margin-bottom:2px;transition:all .2s ease;cursor:pointer;border-top:1px solid rgba(255,255,255,.03)}.list-item:first-child{border-top:none}.list-item:hover{background-color:#ffffff0d;transform:scale(1.01)}.item-info{display:flex;align-items:center;gap:12px}.item-avatar-wrapper{position:relative;width:36px;height:36px}.item-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;box-shadow:0 2px 4px #0000001a}.status-dot-large{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;border:3px solid #313338;box-shadow:0 0 10px #0006}.status-dot-large.online{background-color:#23a55a;box-shadow:0 0 8px #23a55a99}.status-dot-large.idle{background-color:#f0b232;box-shadow:0 0 8px #f0b23266}.status-dot-large.dnd{background-color:#f23f43;box-shadow:0 0 8px #f23f4366}.status-dot-large.offline,.status-dot-large.invisible{background-color:#80848e}.item-details{display:flex;flex-direction:column}.item-name{color:#f2f3f5;font-weight:600;font-size:15px}.item-status-text{color:#949ba4;font-size:12px}.item-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.list-item:hover .item-actions{opacity:1}.action-button-circle{width:36px;height:36px;border-radius:50%;background-color:#2b2d31;display:flex;align-items:center;justify-content:center;color:#b5bac1;border:none;cursor:pointer;transition:all .2s ease}.action-button-circle:hover{color:#fff;background-color:#1e1f22;transform:scale(1.1)}.action-button-circle.action-unfriend:hover{color:#f2363b;background-color:#f2363b1a}.add-friend-section{max-width:600px;background:#ffffff08;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.add-friend-title{color:#fff;font-weight:700;font-size:16px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.add-friend-desc{color:#949ba4;font-size:14px;margin-bottom:20px}.add-friend-form{display:flex;align-items:center;background-color:#1e1f22;padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.3);transition:all .2s ease}.add-friend-form:focus-within{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.add-friend-input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;outline:none;padding:4px 8px}.add-friend-submit{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;font-size:14px;padding:8px 24px;border-radius:4px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.add-friend-submit:hover:not(:disabled){box-shadow:0 4px 12px #2ecc714d;transform:translateY(-1px)}.button-badge{background-color:#f23f43;color:#fff;font-size:11px;font-weight:700;padding:0 5px;height:16px;min-width:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle}.view-button-bold{display:flex;align-items:center}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.custom-modal-content{background:#313338d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:440px;max-width:90vw;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffffff0d;color:#dbdee1;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.19,1,.22,1)}.custom-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.custom-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.custom-modal-body{margin-bottom:24px;font-size:16px;line-height:1.5;color:#b5bac1}.custom-modal-input-wrapper{margin-top:16px}.custom-modal-input{width:100%;padding:10px;background-color:#1e1f22;border:none;border-radius:4px;color:#fff;font-size:16px;outline:none;transition:box-shadow .2s}.custom-modal-input:focus{box-shadow:0 0 0 2px #23a55980;border:1px solid #23a559}.custom-modal-footer{display:flex;justify-content:flex-end;gap:12px}.custom-modal-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-modal-btn:active{transform:scale(.98)}.custom-modal-btn.primary{background:linear-gradient(135deg,#23a559,#1a7f45);color:#fff;box-shadow:0 4px 12px #23a5594d}.custom-modal-btn.primary:hover{background:linear-gradient(135deg,#2ecc71,#23a559);box-shadow:0 6px 16px #23a55966;transform:translateY(-1px)}.custom-modal-btn.secondary{background-color:transparent;color:#fff}.custom-modal-btn.secondary:hover{text-decoration:underline}.admin-panel{height:100%;overflow-y:auto;background-color:#313338;color:#dbdee1;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:24px}.admin-panel::-webkit-scrollbar{width:8px}.admin-panel::-webkit-scrollbar-track{background:#2e3035}.admin-panel::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-header h1{font-size:22px;font-weight:800;color:#fff;margin:0}.admin-nav{display:flex;gap:12px;background:#1e1f2299;padding:6px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-nav button{background:transparent;border:none;color:#b5bac1;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-nav button.active{background:#2ecc71;color:#fff;box-shadow:0 4px 12px #2ecc7133}.admin-nav button:hover:not(.active){background:#ffffff0d;color:#fff}.admin-main{max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-staff-section,.staff-list-section,.user-list-section,.reports-section,.tickets-section{margin-bottom:40px}.add-staff-section h2,.staff-list-section h2,.user-list-section h2,.reports-section h2,.tickets-section h2{font-size:14px;font-weight:700;text-transform:uppercase;color:#949ba4;margin-bottom:16px;letter-spacing:.5px}.add-form{display:flex;gap:12px;background:#1e1f2266;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.add-form input{background:#1e1f22;border:1px solid rgba(0,0,0,.3);color:#dbdee1;padding:10px 14px;border-radius:8px;flex:1;outline:none;transition:border-color .2s}.add-form input:focus{border-color:#2ecc71}.add-form button{background:#2ecc71;border:none;color:#fff;padding:0 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s}.add-form button:hover:not(:disabled){background:#27ae60}.add-form button:disabled{opacity:.5;cursor:not-allowed}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.staff-card{background:#2b2d31;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;gap:12px;transition:transform .2s,background-color .2s}.staff-card:hover{background:#35373c;transform:translateY(-2px)}.staff-card-header{display:flex;align-items:center;gap:14px}.staff-card img,.avatar-placeholder{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px #0003}.avatar-placeholder{background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff}.staff-info h3{margin:0;font-size:15px;color:#f2f3f5}.staff-info span{font-size:11px;color:#949ba4;font-weight:600}.demote-btn{background:#f23f431a;border:1px solid rgba(242,63,67,.25);color:#f23f43;padding:8px;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;transition:all .2s}.demote-btn:hover:not(:disabled){background:#f23f43;color:#fff}.user-table-container{background:#2b2d31;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.03)}.user-table{width:100%;border-collapse:collapse;text-align:left}.user-table th{padding:14px 20px;background:#1e1f2266;color:#949ba4;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.8px}.user-table td{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;color:#dbdee1}.user-table tr:hover td{background:#ffffff05}.status-badge{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase}.status-badge.active{background:#23a55926;color:#23a559}.status-badge.banned{background:#f23f4326;color:#f23f43}.status-badge.deleted{background:#4e505826;color:#949ba4}.action-btn{border:none;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.action-btn.rename{background:#ffffff0d;color:#dbdee1}.action-btn.rename:hover{background:#ffffff1f}.action-btn.ban{background:#f23f431a;color:#f23f43;border:1px solid rgba(242,63,67,.2)}.action-btn.ban:hover{background:#f23f43;color:#fff}.action-btn.unban{background:#23a5591a;color:#23a559;border:1px solid rgba(35,165,89,.2)}.action-btn.unban:hover{background:#23a559;color:#fff}.action-btn.delete{background:#f23f431a;color:#f23f43;border:1px solid rgba(242,63,67,.2);margin-left:8px}.action-btn.delete:hover{background:#f23f43;color:#fff}.reports-list{display:flex;flex-direction:column;gap:16px}.report-item{background:#2b2d31;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.03);transition:border-left .2s}.report-item.status-accepted{border-left:4px solid #23a559}.report-item.status-refused{border-left:4px solid #f23f43}.report-item.status-replied{border-left:4px solid #23a559}.report-item.status-pending{border-left:4px solid #949ba4}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px}.report-id{font-weight:800;color:#fff;font-size:15px}.status-tag{padding:4px 10px;border-radius:6px;font-size:10px;text-transform:uppercase;font-weight:800}.status-tag.pending{background:#4e5058;color:#dbdee1}.status-tag.accepted{background:#23a55933;color:#23a559}.status-tag.refused{background:#f23f4333;color:#f23f43}.status-tag.replied{background:#23a55933;color:#23a559}.report-body{display:flex;flex-direction:column;gap:16px}.report-field{font-size:14px}.report-field label{color:#949ba4;font-weight:600;margin-right:8px}.reason-text{font-weight:700;color:#f23f43}.content-box,.updates-box{background:#1e1f22;padding:16px;border-radius:8px;border:1px solid rgba(0,0,0,.2)}.content-box label,.updates-box label{font-size:11px;font-weight:800;text-transform:uppercase;color:#4e5058;margin-bottom:8px;display:block}.content-box p{margin:0;color:#dbdee1;font-family:JetBrains Mono,Courier New,monospace;font-size:14px}.update-entry{font-size:13px;margin-bottom:10px;color:#dbdee1;border-left:2px solid #23a559}.update-entry.staff-upd{border-left-color:#2ecc71;background:#2ecc710d;padding:8px 10px;border-radius:4px}.update-entry:last-child{margin-bottom:0}.report-actions{display:flex;gap:12px;margin-top:24px}.action-btn.accept{background:#23a559;color:#fff}.action-btn.refuse{background:#f23f43;color:#fff}.action-btn.reply{background:#23a559;color:#fff}.admin-loading,.no-data{text-align:center;padding:60px;color:#949ba4;font-weight:600;font-style:italic}@media(max-width:768px){.admin-panel{padding:16px}.admin-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.admin-nav{width:100%;overflow-x:auto;padding:4px;-webkit-overflow-scrolling:touch}.admin-nav button{padding:8px 12px;font-size:13px;white-space:nowrap}.add-form{flex-direction:column}.add-form button{padding:10px}.staff-grid{grid-template-columns:1fr}.user-table-container{overflow-x:auto}.user-table th,.user-table td{padding:12px;font-size:13px}.report-actions{flex-direction:column}.mobile-menu-btn{display:flex;margin-bottom:8px}}.ban-modal-field{display:flex;flex-direction:column;gap:8px}.ban-modal-field label{font-size:11px;font-weight:800;text-transform:uppercase;color:#949ba4;letter-spacing:.5px}.ban-modal-field .custom-modal-input{width:100%}.ban-modal-field textarea.custom-modal-input{font-family:inherit;font-size:14px;line-height:1.4}.others-section{background:#2b2d31;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.03)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#1e1f2266;border-radius:10px}.setting-info h3{margin:0;font-size:16px;color:#fff}.setting-info p{margin:4px 0 0;font-size:13px;color:#949ba4}.switch{position:relative;display:inline-block;width:48px;height:24px}.slider{position:absolute;cursor:pointer;inset:0;background-color:#4e5058;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#2ecc71}input:checked+.slider:before{transform:translate(24px)}input:disabled+.slider{opacity:.5;cursor:not-allowed}.sidebar-dm{width:240px;background:linear-gradient(180deg,#2b2d31,#1e1f22);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.05)}.sidebar-header{height:48px;padding:0 12px;display:flex;align-items:center;background:#2b2d31cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px #0003;z-index:2}.search-input{width:100%;height:28px;background-color:#1e1f22;color:#dbdee1;border:none;border-radius:4px;font-size:13px;padding:0 8px;outline:none;transition:background-color .2s ease}.search-input::placeholder{color:#949ba4}.search-input:focus{background-color:#0b0c0d}.sidebar-nav{padding:12px 8px 30px;overflow-y:auto;flex:1}.nav-item{padding:2px 0;margin-bottom:4px}.nav-item-content{display:flex;align-items:center;padding:0 12px;height:44px;border-radius:8px;cursor:pointer;color:#949ba4;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item.active .nav-item-content{background:linear-gradient(90deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 4px 12px #2ecc714d}.nav-item-content:hover:not(.active .nav-item-content){background-color:#ffffff0d;color:#dbdee1;transform:translate(4px)}.nav-icon{font-size:20px;margin-right:14px;display:flex;align-items:center;justify-content:center;color:#949ba4}.nav-item.active .nav-icon{color:#fff}.nav-label{font-size:15px;font-weight:600}.section-divider{display:flex;align-items:center;justify-content:space-between;padding:24px 8px 8px 16px}.section-title{font-size:11px;font-weight:700;color:#80848e;text-transform:uppercase;letter-spacing:.08em}.add-dm-btn{background:#ffffff0d;border:none;color:#dbdee1;font-size:18px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s ease}.add-dm-btn:hover{color:#fff;background:#ffffff26}.dm-list-container{margin-top:8px}.dm-item{display:flex;align-items:center;padding:0 12px;height:48px;margin-bottom:2px;border-radius:8px;cursor:pointer;color:#949ba4;transition:all .2s ease}.dm-item:hover{background-color:#ffffff0d;color:#dbdee1;transform:translate(4px)}.dm-item.active{background-color:#ffffff14;color:#fff}.avatar-wrapper{position:relative;width:36px;height:36px;margin-right:12px}.avatar-small{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;box-shadow:0 2px 8px #0003}.status-dot{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;border:3px solid #313338;box-shadow:0 0 10px #0006}.dm-item.active .status-dot{border-color:#2b2d31}.status-dot.online{background-color:#23a55a;box-shadow:0 0 8px #23a55a99}.status-dot.idle{background-color:#f0b232;box-shadow:0 0 8px #f0b23266}.status-dot.dnd{background-color:#f23f43;box-shadow:0 0 8px #f23f4366}.status-dot.offline{background-color:#80848e}.dm-username{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{height:70px;background:#1e1f22f2;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 8px;position:relative;z-index:5}.user-profile-section{display:flex;align-items:center;width:100%;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .1s ease;margin:0 -4px}.user-profile-section:hover{background-color:#ffffff1a}.user-info-text{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.user-display-name{font-size:14px;font-weight:700;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-status-msg{font-size:12px;color:#b5bac1;line-height:1.2;margin-top:2px}.status-picker-menu{position:absolute;bottom:74px;left:8px;width:calc(100% - 16px);background:#111214;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;z-index:100;animation:menu-pop .2s cubic-bezier(.18,.89,.32,1.28)}@keyframes menu-pop{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.status-option{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#dbdee1;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.status-option:hover{background-color:#2ecc71;color:#fff}.status-option .status-dot{position:relative;bottom:0;right:0;border:2px solid transparent;box-shadow:none;margin-right:12px}.menu-divider{height:1px;background-color:#ffffff14;margin:6px 0}.nav-badge{background-color:#f23f43;color:#fff;font-size:12px;font-weight:700;padding:0 6px;height:18px;min-width:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-left:auto;box-shadow:0 2px 4px #0003}.support-section{border-top:1px solid rgba(255,255,255,.05);margin-top:16px}.support-item:hover .support-icon{color:#2ecc71}.support-icon{margin-right:12px;display:flex;align-items:center;color:#949ba4;transition:color .2s ease}.context-menu{position:fixed;background-color:#111214;border-radius:4px;padding:6px 8px;min-width:188px;box-shadow:0 8px 16px #0000003d;z-index:10000}.context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:2px;color:#b5bac1;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .1s ease,color .1s ease}.context-menu-item:hover{background-color:#4752c4;color:#fff}.context-menu-item.danger{color:#f23f43}.context-menu-item.danger:hover{background-color:#f23f43;color:#fff}.context-menu-item svg{margin-left:8px;opacity:.7}.context-menu-item:hover svg{opacity:1}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.create-group-modal{background:#313338e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:440px;max-width:90vw;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffffff0d;color:#dbdee1;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.19,1,.22,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.close-btn{background:transparent;border:none;color:#949ba4;font-size:28px;cursor:pointer;line-height:1;transition:color .2s}.close-btn:hover{color:#dbdee1}.friends-selection-list{background-color:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.05);max-height:240px;overflow-y:auto;padding:8px 0}.friend-select-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .15s ease}.friend-select-item:hover{background-color:#ffffff0d}.friend-select-item .username{flex-grow:1;font-weight:500}.friend-select-item .checkbox-indicator{width:20px;height:20px;border-radius:4px;border:1px solid #949ba4;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.friend-select-item.selected .checkbox-indicator{background:linear-gradient(135deg,#23a559,#1a7f45);border-color:#23a559;color:#fff}.no-friends-msg{padding:16px;text-align:center;color:#949ba4;font-size:14px}.cancel-btn{background-color:transparent;border:none;color:#dbdee1;font-size:14px;cursor:pointer;padding:8px 16px;transition:text-decoration .2s}.cancel-btn:hover{text-decoration:underline}.friends-selection-list::-webkit-scrollbar{width:8px}.friends-selection-list::-webkit-scrollbar-track{background:#2b2d31}.friends-selection-list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.group-settings-modal{max-width:440px;background:#313338}.avatar-upload-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.avatar-preview-container{position:relative;width:100px;height:100px;margin-top:10px}.avatar-large{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#2b2d31;color:#dbdee1}.avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer;color:#fff;font-size:14px;font-weight:600}.avatar-preview-container:hover .avatar-edit-overlay{opacity:1}.group-icon-bg svg{width:50px;height:50px}.profile-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-modal-content{background:#1e1f22d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:440px;max-width:90vw;border-radius:16px;position:relative;box-shadow:0 12px 48px #000000b3,inset 0 0 0 1px #ffffff0d;color:#dbdee1;overflow:hidden;animation:scaleIn .3s cubic-bezier(.19,1,.22,1);border:1px solid rgba(255,255,255,.03)}.profile-banner{width:100%;height:140px;position:relative;background:linear-gradient(135deg,#23a559,#1a7f45)}.profile-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0003)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:24px;z-index:10}.profile-header{display:flex;flex-direction:column;padding:0 20px 20px;margin-top:-50px;position:relative;z-index:2}.profile-avatar-large{width:94px;height:94px;border-radius:50%;object-fit:cover;border:7px solid #1e1f22;background-color:#1e1f22;box-shadow:0 4px 12px #0000004d}.profile-avatar-placeholder{width:94px;height:94px;border-radius:50%;background:linear-gradient(135deg,#23a559,#1a7f45);display:flex;justify-content:center;align-items:center;font-size:38px;font-weight:700;color:#fff;border:7px solid #1e1f22;box-shadow:0 4px 12px #0000004d}.profile-username{margin:12px 0 0;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.profile-badges-container{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.badge-item{font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;background:#ffffff0d;color:#dbdee1;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.badge-staff{background:linear-gradient(135deg,#23a55933,#23a5591a);color:#2ecc71;border:1px solid rgba(35,165,89,.3)}.profile-details{padding:20px;background:#00000026;margin:0 20px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.detail-row{margin-bottom:12px}.detail-label{font-size:11px;font-weight:800;color:#b5bac1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.detail-value{font-size:14px;color:#fff;font-family:JetBrains Mono,Consolas,monospace}.mutual-friends-section{padding:20px;background-color:#1e1f2266;border-top:1px solid rgba(255,255,255,.03)}.section-title{font-size:12px;font-weight:800;color:#b5bac1;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.mutual-friends-list{display:flex;flex-wrap:wrap;gap:16px}.mutual-friend-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:60px}.mutual-avatar,.mutual-avatar-placeholder{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.05);transition:transform .2s,border-color .2s}.mutual-friend-item:hover .mutual-avatar,.mutual-friend-item:hover .mutual-avatar-placeholder{transform:translateY(-2px);border-color:#23a559}.mutual-avatar-placeholder{align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fffc}.mutual-username{font-size:11px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffb3}.profile-popover{position:fixed;width:300px;background:#1e1f22e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffffff0d;z-index:1000;overflow:hidden;color:#dbdee1;border:1px solid rgba(255,255,255,.03);animation:scaleIn .2s cubic-bezier(.19,1,.22,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover-header{height:60px;position:relative}.popover-avatar-wrapper{position:absolute;top:20px;left:16px}.popover-avatar{width:64px;height:64px;border-radius:50%;border:4px solid #2b2d31;background-color:#2b2d31;object-fit:cover}.popover-avatar-placeholder{width:64px;height:64px;border-radius:50%;border:4px solid #2b2d31;background-color:#23a559;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;color:#fff}.popover-body{padding:36px 16px 16px}.popover-user-info{margin-bottom:12px}.popover-username{margin:0;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px;display:inline-block}.popover-userid{font-size:12px;color:#b5bac1;margin-left:6px;font-family:JetBrains Mono,Consolas,monospace}.popover-badges{display:flex;gap:4px;margin-top:8px;margin-bottom:16px;background:#0003;padding:8px;border-radius:8px}.popover-badge{padding:2px 6px;border-radius:3px;background:#ffffff0d;color:#dbdee1;display:flex;align-items:center;cursor:help}.popover-badge.certified{color:#23a559}.popover-section{margin-bottom:16px}.section-header{font-size:11px;font-weight:700;color:#b5bac1;margin-bottom:8px;letter-spacing:.02em}.popover-roles-list{display:flex;flex-wrap:wrap;gap:4px}.popover-role-tag{display:flex;align-items:center;padding:4px 8px;background:#1e1f22cc;border:1px solid transparent;border-radius:4px;font-size:11px;color:#dbdee1;transition:all .2s ease;cursor:default}.popover-role-tag:hover{background:#2b2d31e6}.role-dot{width:8px;height:8px;border-radius:50%;margin-right:6px}.role-remove{margin-left:6px;cursor:pointer;font-size:14px;opacity:.6}.role-remove:hover{opacity:1}.add-role-container{position:relative;display:inline-block}.add-role-btn{width:24px;height:24px;background:#2b2d31cc;border:1px solid rgba(255,255,255,.1);color:#b5bac1;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.add-role-btn:hover{background:#4e505899;color:#fff;border-color:#fff3}.add-role-menu{position:absolute;bottom:30px;left:0;width:200px;background:#1e1f22;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10001;padding:6px;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-option{display:flex;align-items:center;padding:8px 10px;color:#dbdee1;font-size:13px;border-radius:4px;cursor:pointer}.role-option:hover{background:#6af258;color:#fff}.no-roles{padding:8px;font-size:12px;color:#b5bac1;text-align:center}.view-profile-btn{width:100%;margin-top:16px;border:none;padding:10px;background:#23a55926;border:1px solid rgba(35,165,89,.3);color:#23a559;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.view-profile-btn:hover{background:#23a559;color:#fff}.chat-window{display:flex;flex-direction:column;height:100%;background-color:#313338;position:relative;overflow:hidden;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.chat-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#313338f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.2);z-index:10}.header-left{display:flex;align-items:center;gap:12px}.header-at{font-size:20px;font-weight:600;color:#80848e}.header-username{font-size:16px;font-weight:700;color:#fff}.header-avatar-wrapper{display:flex;align-items:center;justify-content:center}.header-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.group-icon-bg{background:#2b2d31!important;color:#949ba4!important}.header-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.header-status-indicator{display:flex;align-items:center;gap:8px;margin-left:4px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.status-dot-small{width:10px;height:10px;border-radius:50%}.status-dot-small.online{background-color:#23a559;box-shadow:0 0 8px #23a55966}.status-dot-small.idle{background-color:#f0b232}.status-dot-small.dnd{background-color:#f23f43}.status-dot-small.invisible,.status-dot-small.offline{background-color:#80848e}.status-text{font-size:12px;color:#949ba4;font-weight:500}.header-actions{display:flex;align-items:center;gap:8px}.header-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#b5bac1;cursor:pointer;border-radius:4px;transition:all .2s ease}.header-action-btn:hover{background-color:#ffffff1a;color:#fff}.header-divider{width:1px;height:24px;background-color:#ffffff1a;margin:0 4px}.mobile-menu-btn,.mobile-back-btn{display:none;background:transparent;border:none;color:#b5bac1;cursor:pointer;padding:4px;margin-right:4px;align-items:center;justify-content:center;transition:color .2s ease}.mobile-menu-btn:hover,.mobile-back-btn:hover{color:#fff}@media(max-width:768px){.mobile-menu-btn,.mobile-back-btn{display:flex}.chat-header{padding:0 12px}.header-left{gap:8px}.header-status-indicator{display:none}.chat-input-container{padding:0 8px 16px}.chat-input-wrapper{padding:8px 12px;gap:12px}.group-members-dropdown{right:12px;width:calc(100% - 24px);max-width:280px}}.chat-messages{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#2e3035}.chat-messages::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.bubble-row{display:flex;align-items:flex-end;gap:8px;padding:0 16px;position:relative}.bubble-row-other{justify-content:flex-start;padding-right:60px}.bubble-row-me{justify-content:flex-end;padding-left:60px}.bubble-first{margin-top:10px}.bubble-continuation{margin-top:2px}.bubble-avatar-col{flex-shrink:0;width:36px;display:flex;align-items:flex-end}.bubble-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.bubble-avatar-me{background:linear-gradient(135deg,#2ecc71,#27ae60)}.bubble-avatar-spacer{width:36px;height:0}.bubble-content-col{display:flex;flex-direction:column;min-width:0;max-width:75%}.bubble-author{font-weight:600;color:#949ba4;font-size:12px;margin-bottom:3px;margin-left:4px}.bubble-container{display:flex;align-items:center;gap:8px;width:100%}.bubble-row-me .bubble-container{flex-direction:row-reverse}.bubble{padding:8px 14px;display:inline-flex;align-items:flex-end;gap:8px;word-wrap:break-word;transition:filter .1s ease}.bubble:hover{filter:brightness(1.1)}.bubble-me{background-color:#2ecc71;color:#fff}.bubble-other{background-color:#2b2d31;border:1px solid rgba(255,255,255,.08);color:#dbdee1}.bubble-me.bubble-first-shape{border-radius:18px 18px 6px}.bubble-me.bubble-continuation-shape{border-radius:6px 6px 6px 18px}.bubble-other.bubble-first-shape{border-radius:18px 18px 18px 6px}.bubble-other.bubble-continuation-shape{border-radius:6px 18px 18px 6px}.bubble-text{font-size:15px;line-height:1.35;white-space:pre-wrap;word-break:break-word}.bubble-time{font-size:10px;opacity:.6;white-space:nowrap;flex-shrink:0;align-self:flex-end}.bubble-e2ee{font-size:10px;opacity:.5;flex-shrink:0;cursor:default;margin-left:-4px}.typing-indicator{height:24px;padding:0 72px;font-size:11px;color:#b5bac1;display:flex;align-items:center;gap:8px;margin-bottom:8px}.typing-dots{display:flex;gap:3px}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.typing-dot{width:4px;height:4px;background-color:#b5bac1;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-input-container{padding:0 16px 24px}.chat-input-wrapper{background-color:#383a40;border-radius:8px;display:flex;align-items:flex-start;padding:10px 16px;gap:16px;box-shadow:0 2px 10px #0000001a}.attach-btn{width:28px;height:28px;border-radius:50%;background-color:#23a559;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-top:0;transition:all .2s ease;padding:0;overflow:hidden}.attach-btn:hover{background-color:#1a8f4a;transform:scale(1.05)}.attach-btn:active{transform:scale(.95)}.attach-btn svg{width:16px;height:16px;stroke-width:3px}.chat-input-form{flex:1;display:flex;align-items:center}.chat-input{flex:1;background:transparent;border:none;color:#dbdee1;font-size:15px;outline:none;width:100%;padding:2px 0}.chat-input::placeholder{color:#4e5058}.send-btn{background:transparent;border:none;color:#b5bac1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease}.send-btn:hover:not(:disabled){color:#fff}.send-btn:disabled{opacity:.3;cursor:not-allowed}.input-actions-wrapper{display:flex;align-items:center;gap:8px;margin-left:8px}.emoji-btn{background:transparent;border:none;color:#b5bac1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.emoji-btn:hover{color:#ffcc4d;background-color:#ffffff0d}.emoji-picker-container{position:absolute;bottom:80px;right:16px;z-index:1000;box-shadow:0 8px 16px #0000004d;border-radius:8px;overflow:hidden;animation:pickerFadeIn .2s ease-out}@keyframes pickerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-container .EmojiPickerReact{--epr-bg-color: #2b2d31;--epr-category-label-bg-color: #2b2d31;--epr-picker-border-color: rgba(0, 0, 0, .2);--epr-search-input-bg-color: #1e1f22;--epr-hover-bg-color: rgba(255, 255, 255, .05);--epr-focus-bg-color: rgba(255, 255, 255, .1);border:1px solid rgba(0,0,0,.2)!important}.custom-emoji-panel{background:#2b2d31;max-height:220px;overflow-y:auto;padding:8px 10px 4px;border:1px solid rgba(0,0,0,.2);border-bottom:none;border-radius:8px 8px 0 0}.custom-emoji-panel::-webkit-scrollbar{width:6px}.custom-emoji-panel::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.custom-emoji-panel::-webkit-scrollbar-track{background:transparent}.custom-emoji-group{margin-bottom:6px}.custom-emoji-group:last-child{margin-bottom:2px}.custom-emoji-group-header{display:flex;align-items:center;gap:6px;padding:6px 4px 4px;font-size:11px;font-weight:700;text-transform:uppercase;color:#949ba4;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.custom-emoji-guild-icon{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.custom-emoji-guild-icon-placeholder{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;flex-shrink:0;line-height:1}.custom-emoji-grid{display:flex;flex-wrap:wrap;gap:2px;padding:2px 0}.custom-emoji-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;cursor:pointer;padding:4px;transition:background .15s ease,transform .15s ease}.custom-emoji-btn:hover{background:#ffffff0f;transform:scale(1.15)}.custom-emoji-btn:active{transform:scale(.95)}.custom-emoji-btn img{width:28px;height:28px;object-fit:contain}.custom-emoji-panel+.EmojiPickerReact{border-radius:0 0 8px 8px!important;border-top:1px solid #3f4147!important}.loading-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:#313338}.chat-content-container{display:flex;flex:1;overflow:hidden}.chat-main-area{display:flex;flex-direction:column;flex:1;min-width:0}.group-members-sidebar{width:240px;background-color:#2b2d31;display:flex;flex-direction:column;height:100%;border-left:1px solid rgba(0,0,0,.2);flex-shrink:0}.group-members-dropdown{position:absolute;top:50px;right:16px;width:260px;max-height:calc(100% - 120px);background-color:#2b2d31;border:1px solid rgba(0,0,0,.4);border-radius:8px;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column;z-index:1000;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.members-title{font-size:12px;font-weight:700;text-transform:uppercase;color:#949ba4;padding:16px 16px 8px;margin:0}.header-action-btn:hover{color:#fff;background-color:#ffffff0d}.header-action-btn.active{color:#2ecc71!important;background-color:#2ecc711a}.members-list{flex:1;overflow-y:auto;padding:0 8px}.members-list::-webkit-scrollbar{width:4px}.members-list::-webkit-scrollbar-track{background:transparent}.members-list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.member-item{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .1s}.member-item:hover{background-color:#ffffff0d}.member-avatar-wrapper{position:relative;width:32px;height:32px;flex-shrink:0}.member-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.member-status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid #2b2d31}.member-status-dot.online{background-color:#23a559}.member-status-dot.idle{background-color:#f0b232}.member-status-dot.dnd{background-color:#f23f43}.member-status-dot.offline,.member-status-dot.invisible{background-color:#80848e}.member-info{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;flex:1}.member-name{font-size:15px;font-weight:500;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-item:hover .member-name{color:#dbdee1}.header-active-call-banner{display:flex;align-items:center;gap:8px;padding:4px 12px;background-color:#23a55926;border:1px solid rgba(35,165,89,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:600;color:#23a559;margin-left:auto;margin-right:8px}.header-active-call-banner:hover{background-color:#23a55940;border-color:#23a55980}.active-call-pulse{width:8px;height:8px;border-radius:50%;background-color:#23a559;animation:callPulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes callPulse{0%,to{box-shadow:0 0 #23a55980;opacity:1}50%{box-shadow:0 0 0 6px #23a55900;opacity:.7}}.context-menu{position:fixed;background:#1e1f22e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:200px;z-index:10001;box-shadow:0 8px 24px #00000080;animation:contextFadeIn .2s cubic-bezier(.19,1,.22,1)}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;font-weight:500;color:#dbdee1;cursor:pointer;border-radius:6px;transition:all .15s ease}.context-menu-item:hover{background:linear-gradient(135deg,#23a5591a,#23a55933);color:#23a559}.context-menu-item.danger:hover{background:#f23f421a;color:#f23f42}.context-menu-separator{height:1px;background-color:#ffffff0f;margin:4px}.system-message-row{display:flex;justify-content:center;padding:12px 16px;margin:8px 0}.system-message-content{background:#ffffff08;color:#a6abb1;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:6px 16px;border-radius:20px;text-align:center;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0000001a}.join-call-btn{background-color:#23a559;color:#fff;border:none;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s ease;margin-left:4px}.join-call-btn:hover{background-color:#1a8f4a}.report-btn,.delete-msg-btn{opacity:0;cursor:pointer;color:#949ba4;transition:opacity .2s ease,color .2s ease,transform .2s ease;padding:4px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;width:32px;height:32px;margin:0 4px;flex-shrink:0}.bubble-row:hover .report-btn,.bubble-row:hover .delete-msg-btn{opacity:1}.report-btn:hover,.delete-msg-btn:hover{background-color:#f23f4333;color:#f23f43}.date-separator{display:flex;align-items:center;justify-content:center;margin:24px 16px 16px;position:relative;-webkit-user-select:none;user-select:none;pointer-events:none}.date-separator-line{height:1px;flex:1;background-color:#ffffff0f}.date-separator-text{padding:0 12px;color:#949ba4;font-size:11px;font-weight:700;line-height:1;background-color:transparent;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}@media(max-width:768px){.date-separator{margin:20px 12px 12px}}.message-link{color:#00a8fc;text-decoration:none}.message-link:hover{text-decoration:underline}.invite-embed{background:linear-gradient(135deg,#2b2d31,#313338);border-radius:12px;padding:16px;margin:8px 0;width:100%;max-width:432px;border:4px solid #23a559;box-shadow:0 4px 20px #23a55933;-webkit-user-select:none;user-select:none;cursor:default;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.invite-embed:hover{transform:translateY(-2px);box-shadow:0 6px 25px #23a5594d}.invite-embed:after{content:"";position:absolute;top:0;right:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,rgba(35,165,89,.1));pointer-events:none}.invite-header{color:#b5bac1;font-size:12px;font-weight:700;margin-bottom:12px;text-transform:uppercase}.invite-body{display:flex;align-items:center;justify-content:space-between;gap:16px}.invite-guild-info{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.invite-guild-icon{width:50px;height:50px;border-radius:15px;object-fit:cover}.invite-guild-icon-placeholder{width:50px;height:50px;border-radius:15px;background-color:#23a559;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.invite-guild-details{display:flex;flex-direction:column;min-width:0;flex:1}.invite-guild-name{color:#fff;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.invite-member-count{color:#b5bac1;font-size:12px;display:flex;align-items:center;gap:4px;margin-top:2px}.online-dot{width:8px;height:8px;background-color:#23a559;border-radius:50%}.invite-join-btn{background-color:#23a559;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.invite-join-btn:hover:not(:disabled){background-color:#1a8f4a}.invite-join-btn.joined{background-color:#4e5058;cursor:default}.invite-embed-loading{padding:8px;color:#b5bac1;font-size:14px;font-style:italic}.file-embed{display:flex;align-items:center;background-color:#2b2d31;border:1px solid #1e1f22;border-radius:8px;padding:12px;margin-top:8px;max-width:320px;transition:background-color .2s ease;cursor:default;-webkit-user-select:none;user-select:none}.file-embed:hover{background-color:#313338}.file-icon{background-color:#1e1f22;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#b5bac1;flex-shrink:0}.file-info{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:4px}.file-name{color:#f2f3f5;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-download-link{color:#b5bac1;transition:color .2s ease;width:fit-content;display:flex;align-items:center;gap:4px;cursor:pointer;text-decoration:none}.file-download-link:hover{color:#fff;text-decoration:underline}.attached-files-preview{display:flex;gap:12px;padding:12px;background-color:#2b2d31;border-top:1px solid #1e1f22;border-radius:8px 8px 0 0;margin-bottom:-8px;overflow-x:auto;width:100%}.attached-file-item{position:relative;width:64px;height:64px;background-color:#1e1f22;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attached-image-thumb{width:100%;height:100%;object-fit:cover;border-radius:4px}.remove-attach-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background-color:#f23f43;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;box-shadow:0 2px 4px #0003;z-index:2}.remove-attach-btn:hover{background-color:#d83c3e}.certified-badge{color:#23a559;font-size:12px}.screen-picker-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.screen-picker-modal{background:#2b2d31;border-radius:12px;width:80%;max-width:800px;max-height:80%;display:flex;flex-direction:column;color:#f2f3f5;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.screen-picker-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e1f22}.screen-picker-header h2{margin:0;font-size:1.25rem}.close-button{background:transparent;border:none;color:#b5bac1;font-size:24px;cursor:pointer}.sources-container{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;overflow-y:auto;flex-grow:1}.source-item{background:#1e1f22;border-radius:8px;padding:10px;cursor:pointer;transition:background .2s,transform .1s;display:flex;flex-direction:column;gap:8px;align-items:center;border:2px solid transparent}.source-item:hover{background:#35373c;transform:translateY(-2px)}.source-item:active{transform:scale(.98)}.thumbnail-wrapper{width:100%;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.source-item img{width:100%;height:100%;object-fit:cover}.source-item span{font-size:.85rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.screen-picker-footer{padding:16px 20px;display:flex;justify-content:flex-end;border-top:1px solid #1e1f22}.cancel-button{background:#4e5058;color:#fff;border:none;padding:8px 24px;border-radius:4px;cursor:pointer;font-weight:500}.cancel-button:hover{background:#6d6f78}.loading-spinner,.no-sources{grid-column:1 / -1;text-align:center;padding:60px;color:#b5bac1;font-style:italic}.sources-container::-webkit-scrollbar{width:8px}.sources-container::-webkit-scrollbar-track{background:#2b2d31}.sources-container::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:4px}.sources-container::-webkit-scrollbar-thumb:hover{background:#1a1b1e}@keyframes tremble{0%{transform:scale(1)}25%{transform:scale(1.05) rotate(1deg)}50%{transform:scale(1.05) rotate(-1deg)}75%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1)}}.call-avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;background:linear-gradient(180deg,#2f313666,#202225cc);border-radius:8px}.call-avatar-wrapper{position:relative;width:80px;height:80px;border-radius:50%;transition:all .2s ease;border:2px solid transparent}.call-avatar-wrapper.call-speaking{animation:tremble .3s infinite;border-color:#43b581;box-shadow:0 0 15px #43b58199}.call-avatar-wrapper.mini{width:40px;height:40px}.call-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:#2ecc71}.call-avatar-name{font-size:14px;font-weight:600;color:#fff}.call-speaking-indicator{position:absolute;bottom:0;right:0;width:20px;height:20px;background-color:#43b581;border:3px solid #313338;border-radius:50%;display:none}.call-avatar-wrapper.call-speaking .call-speaking-indicator{display:block}.call-avatars-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;justify-items:center}.call-avatar-item.focused{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.call-avatar-item.mini{width:60px;height:60px;position:absolute!important;bottom:10px;z-index:5;background:#0006;border-radius:8px;padding:4px}.call-avatar-item.mini:nth-of-type(1){left:10px}.call-avatar-item.mini:nth-of-type(2){left:80px}.call-avatar-item.mini:nth-of-type(3){left:150px}.call-avatar-item.mini:nth-of-type(4){left:220px}.mini-speaking-border{position:absolute;inset:0;border:2px solid #43b581;border-radius:8px;pointer-events:none;box-shadow:inset 0 0 10px #43b58166}.main-chat-container{display:flex;height:100vh;width:100%;background-color:#313338;overflow:hidden}.main-chat-sidebar-icons{width:4.5rem;background-color:#1e1f22;display:flex;flex-direction:column;align-items:center;padding-top:.75rem;padding-bottom:.75rem;flex-shrink:0}.home-icon-button{width:3rem;height:3rem;border-radius:1.5rem;transition:all .15s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#313338;color:#fff}.home-icon-button:hover,.home-icon-button.active{border-radius:1rem;background-color:#2ecc71}.home-icon-button svg{width:28px;height:28px;transition:transform .2s ease}.home-icon-button:hover svg{transform:scale(1.1)}.sidebar-separator{width:2rem;height:.125rem;background-color:#35363c;margin-top:.5rem;margin-bottom:.5rem}.main-chat-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.user-profile-sidebar{width:3rem;height:3rem;border-radius:1.5rem;transition:all .15s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent;margin-bottom:.5rem;position:relative}.user-profile-sidebar:hover{border-radius:1rem;background-color:#ffffff14}.user-profile-sidebar .avatar-wrapper{margin:0;width:32px;height:32px}.user-profile-sidebar .avatar-small{width:32px;height:32px;border-radius:50%;font-size:14px}.user-profile-sidebar:hover .avatar-small{border-radius:10px}.user-profile-sidebar .status-dot{width:12px;height:12px;bottom:-1px;right:-1px;border-width:2px;border-color:#1e1f22}.main-sidebar-menu.status-picker-menu{bottom:0;left:4.5rem;width:220px;transform-origin:bottom left}.audio-blocked-overlay{position:fixed;top:50px;left:50%;transform:translate(-50%);background-color:#23a559;color:#fff;padding:12px 24px;border-radius:8px;z-index:9999;cursor:pointer;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;gap:12px;animation:slideDown .3s ease-out}.audio-blocked-overlay:hover{background-color:#4752c4}.audio-blocked-content{display:flex;align-items:center;gap:10px;font-weight:600}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:768px){.main-chat-container.is-mobile-ui{flex-direction:column}.is-mobile-ui .main-chat-sidebars-wrapper{width:100%;height:calc(100% - 56px);display:flex;flex-direction:column;flex-shrink:0;transform:none!important;position:relative!important}.is-mobile-ui .main-chat-sidebar-icons{display:none}.is-mobile-ui .sidebar-dm{width:100%!important}.is-mobile-ui .main-chat-content{position:absolute;top:0;left:0;width:100%;height:calc(100% - 56px);z-index:10;background-color:transparent;pointer-events:none}.is-mobile-ui .main-chat-content.mobile-full-view{background-color:#313338;pointer-events:auto}.mobile-bottom-nav{height:56px;background-color:#1e1f22;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:1000}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#949ba4;font-size:11px;font-weight:600;cursor:pointer;transition:color .2s;padding:8px}.mobile-bottom-nav .nav-item.active{color:#fff}.mobile-bottom-nav .nav-item.active svg{stroke:#2ecc71}.mobile-empty-state{position:absolute;bottom:0;right:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:100}.fab-container{padding:24px;pointer-events:auto}.mobile-fab{width:56px;height:56px;border-radius:28px;background-color:#2ecc71;border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #0006;cursor:pointer;transition:transform .2s}.mobile-fab:active{transform:scale(.9)}}@media(min-width:769px){.sidebar-overlay{display:none}}.main-chat-sidebars-wrapper{display:flex;flex-shrink:0}.loading-spinner-discord{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #23a559;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-server-sidebar-container{width:100%;height:100%}.mobile-server-sidebar-container .server-sidebar{display:flex!important;width:100%!important;height:100%!important;background-color:#1e1f22;padding:16px 0}.mobile-server-sidebar-container .server-list-content{flex-direction:row!important;flex-wrap:wrap;justify-content:center;padding:0 16px;align-items:flex-start}.mobile-server-sidebar-container .server-icon-wrapper{margin:8px}.mobile-server-sidebar-container .server-sidebar-footer{display:none}.server-sidebar{width:72px;background-color:#1e1f22;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;flex-shrink:0;height:100vh;position:relative;z-index:100}.server-sidebar::-webkit-scrollbar{display:none}.server-list-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.server-sidebar-footer{display:flex;flex-direction:column;align-items:center;padding-bottom:12px}.server-icon-wrapper{width:48px;height:48px;background-color:var(--secondary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;color:var(--text-muted)}.user-profile-sidebar{position:relative;cursor:pointer;margin-top:8px}.user-profile-sidebar .avatar-wrapper{position:relative;width:48px;height:48px}.user-profile-sidebar .avatar-small{width:48px;height:48px;border-radius:50%;object-fit:cover;background-color:var(--secondary-bg);display:flex;align-items:center;justify-content:center;font-weight:600}.user-profile-sidebar .avatar-wrapper>.status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border:3px solid var(--sidebar-bg);border-radius:50%;z-index:1}.server-sidebar-menu{position:absolute;left:64px;bottom:0;background-color:#111214;border-radius:4px;padding:8px;box-shadow:0 8px 16px #0000003d;z-index:1000;width:200px;display:flex;flex-direction:column;gap:2px;pointer-events:auto}.status-option{display:flex;align-items:center;gap:12px;padding:8px 12px;background:none;border:none;color:#dbdee1;cursor:pointer;border-radius:2px;width:100%;text-align:left;font-size:14px;transition:background-color .1s}.status-option:hover{background-color:#4752c4;color:#fff}.status-option.active{background-color:#23a559;color:#fff}.menu-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.menu-status-dot.online{background-color:#23a559}.menu-status-dot.idle{background-color:#f0b232}.menu-status-dot.dnd{background-color:#f23f43}.menu-status-dot.offline,.menu-status-dot.invisible{background-color:#80848e}.menu-divider{height:1px;background-color:var(--border-color);margin:4px 8px;opacity:.3}.server-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.server-icon-wrapper:hover,.server-icon-wrapper.active{border-radius:16px;background-color:var(--primary-color);color:#fff}.server-separator{width:32px;height:2px;background-color:var(--border-color);margin:8px 0;opacity:.5}.unread-badge{position:absolute;top:0;right:0;width:12px;height:12px;background-color:#f23f43;border:2px solid var(--sidebar-bg);border-radius:50%}.active-indicator{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:0;background-color:#fff;border-radius:0 4px 4px 0;transition:height .2s ease}.server-icon-wrapper:hover .active-indicator{height:20px}.server-icon-wrapper.active .active-indicator,.server-icon-wrapper.active:hover .active-indicator{height:40px}.server-icon{width:48px;height:48px;background-color:#313338;color:#dbdee1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:600}.server-icon-wrapper:hover .server-icon,.server-icon-wrapper.active .server-icon{border-radius:16px;background-color:#23a559;color:#fff}.server-icon-wrapper.add-server .server-icon{background-color:transparent;color:#23a559}.server-icon-wrapper.download-sidebar-btn .server-icon{color:var(--primary-color);background-color:transparent}.server-icon-wrapper.download-sidebar-btn:hover .server-icon{background-color:var(--primary-color);color:#fff}@media(max-width:768px){.server-sidebar{display:none}}.download-modal-content{background-color:#313338;border-radius:8px;width:440px;max-width:90vw;box-shadow:0 8px 16px #0000003d;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.download-modal-header{padding:24px 16px 12px;text-align:center;position:relative}.download-modal-header h2{font-size:24px;font-weight:700;color:#fff}.download-modal-header .close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#b5bac1;font-size:28px;cursor:pointer;line-height:1}.download-modal-header .close-btn:hover{color:#fff}.download-modal-body{padding:0 16px 24px;display:flex;flex-direction:column;align-items:center}.download-subtitle{color:#b5bac1;font-size:14px;margin-bottom:20px}.download-options-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%}.download-option-card{display:flex;align-items:center;gap:16px;background-color:#2b2d31;border:1px solid rgba(255,255,255,.05);padding:12px 16px;border-radius:8px;text-decoration:none;transition:all .2s ease}.download-option-card:hover{background-color:#404249;transform:translate(4px);border-color:#23a559}.option-icon{font-size:32px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.option-info{display:flex;flex-direction:column}.option-name{color:#fff;font-weight:600;font-size:16px}.option-desc{color:#b5bac1;font-size:12px}.download-modal-footer{padding:16px;background-color:#2b2d31;display:flex;justify-content:flex-end}.channel-sidebar{width:240px;background-color:#2b2d31;display:flex;flex-direction:column;flex-shrink:0;height:100vh;border-right:1px solid rgba(0,0,0,.2)}.server-banner{width:240px;height:120px;overflow:hidden;position:relative;flex-shrink:0}.server-banner img{width:100%;height:100%;object-fit:cover}.server-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0003,0 1.5px #0000000d;cursor:pointer;transition:background-color .1s}.server-header:hover{background-color:#ffffff0d}.server-header h3{margin:0;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-content{flex:1;overflow-y:auto;padding:2px 8px}.channel-content::-webkit-scrollbar{width:4px}.channel-content::-webkit-scrollbar-track{background:transparent}.channel-content::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.section-header{padding:0 8px;margin:18px 0 2px;height:24px;display:flex;align-items:center;justify-content:space-between;color:#949ba4;font-size:12px;font-weight:700;letter-spacing:.02em}.add-channel-btn{background:transparent;border:none;color:#949ba4;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.add-channel-btn:hover{color:#dbdee1}.channel-item{margin:0;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#949ba4;transition:all .1s;min-height:32px}.channel-item:hover{background-color:#ffffff0d;color:#dbdee1}.channel-item.active{background-color:#ffffff1a;color:#fff}.channel-hash{font-size:20px;color:#80848e}.channel-item.active .channel-hash{color:#fff}.channel-name{font-weight:500;font-size:15px}.channel-section,.category-channels,.channel-container{margin:0;padding:0;display:flex;flex-direction:column;gap:0}.server-header-dropdown{position:absolute;top:42px;left:10px;right:10px;background-color:#111214;border-radius:4px;padding:8px;z-index:100;box-shadow:0 8px 16px #0000003d}.dropdown-item{padding:8px;border-radius:2px;color:#b5bac1;font-size:14px;cursor:pointer;transition:background-color .1s,color .1s;display:flex;align-items:center;justify-content:space-between}.dropdown-item:hover{background-color:#4752c4;color:#fff}.section-title{cursor:default}.channel-icon{display:flex;align-items:center;justify-content:center;width:20px;color:#80848e}.channel-item.active .channel-icon{color:#fff}.channel-item.voice .channel-name{color:#949ba4}.channel-item.voice:hover .channel-name,.channel-item.voice.active .channel-name{color:#fff}@media(max-width:768px){.channel-sidebar{display:none}}.sidebar-context-menu{position:fixed;background-color:#111214;border-radius:4px;padding:8px;z-index:1000;box-shadow:0 8px 16px #0000003d;min-width:180px}.sidebar-context-menu .context-menu-item{padding:8px 12px;border-radius:2px;color:#b5bac1;font-size:14px;cursor:pointer;transition:background-color .1s,color .1s;display:flex;align-items:center;justify-content:space-between}.sidebar-context-menu .context-menu-item:hover{background-color:#4752c4;color:#fff}.sidebar-context-menu .plus-icon{font-size:18px;font-weight:300}.voice-user-list{margin-left:24px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.voice-user-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color .1s}.voice-user-item:hover{background-color:#ffffff0d}.voice-user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.voice-user-avatar-placeholder{width:24px;height:24px;border-radius:50%;background-color:#35363c;display:flex;align-items:center;justify-content:center;font-size:10px;color:#dbdee1;font-weight:600}.voice-user-name{font-size:14px;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-user-item:hover .voice-user-name{color:#dbdee1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000}.create-server-modal-custom{background:#313338d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:440px;max-width:90vw;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffffff0d}.modal-header{text-align:center;margin-bottom:24px}.modal-header h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700}.modal-header p{color:#b5bac1;font-size:16px;line-height:20px}.icon-upload-section-custom{display:flex;justify-content:center;margin-bottom:32px}.icon-upload-label-custom{width:100px;height:100px;border-radius:50%;border:2px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);background:#1e1f2280}.icon-upload-label-custom:hover{border-color:#23a559;background:#1e1f22cc;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.icon-preview-custom{width:100%;height:100%;object-fit:cover}.icon-placeholder-custom{display:flex;flex-direction:column;align-items:center;color:#b5bac1}.icon-placeholder-custom span{font-size:11px;font-weight:700;margin-top:6px;letter-spacing:.5px}.input-group{margin-bottom:16px}.input-group label{display:block;color:#b5bac1;font-size:12px;font-weight:700;margin-bottom:8px}.input-group input{width:100%;padding:10px;background-color:#1e1f22;border:none;border-radius:3px;color:#dbdee1;font-size:16px}.input-group input:focus{outline:none}.modal-error-custom{color:#f23f43;font-size:14px;margin-top:12px;text-align:center}.modal-footer{display:flex;justify-content:space-between;align-items:center;background-color:#2b2d31;margin:24px -24px -24px;padding:16px 24px;border-radius:0 0 8px 8px}.back-button{background:none;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.create-button{background-color:#23a559;color:#fff;padding:10px 24px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.create-button:hover{background-color:#4752c4}.create-button:disabled{opacity:.5;cursor:not-allowed}.server-settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}.server-settings-window{width:800px;height:600px;background:#1e1f22;border-radius:12px;display:flex;overflow:hidden;box-shadow:0 16px 40px #0009;animation:scaleIn .2s cubic-bezier(.18,.89,.32,1.28)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.settings-sidebar{width:230px;background:#2b2d31;padding:24px 8px;display:flex;flex-direction:column;gap:4px}.sidebar-section-title{font-size:11px;font-weight:700;color:#80848e;text-transform:uppercase;padding:0 12px;margin-bottom:8px;letter-spacing:.05em}.sidebar-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;color:#949ba4;font-size:15px;font-weight:500;transition:all .2s ease}.sidebar-item:hover{background:#ffffff0d;color:#dbdee1}.sidebar-item.active{background:#ffffff1a;color:#fff}.sidebar-item.danger{color:#fa777c}.sidebar-item.danger:hover{background:#fa777c1a}.sidebar-divider{height:1px;background:#ffffff0f;margin:12px}.settings-main{flex:1;background:#313338;display:flex;flex-direction:column;position:relative}.settings-header{height:60px;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.settings-header h3{margin:0;font-size:20px;font-weight:700;color:#fff}.settings-close{background:none;border:none;color:#949ba4;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-close:hover{background:#ffffff0f;color:#dbdee1}.settings-scroll-area{flex:1;padding:0 32px 32px;overflow-y:auto}.settings-scroll-area::-webkit-scrollbar{width:8px}.settings-scroll-area::-webkit-scrollbar-track{background:transparent}.settings-scroll-area::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:10px}.settings-group{margin-bottom:24px}.settings-label{display:block;margin-bottom:8px;color:#b5bac1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.settings-input{width:100%;padding:10px 12px;background:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:16px;outline:none;transition:background .2s}.settings-input:focus{background:#000}.banner-preview{width:100%;height:120px;background:#2b2d31;border-radius:8px;cursor:pointer;background-size:cover;background-position:center;border:1px dashed #4e5058;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s}.banner-preview:hover{border-color:#2ecc71}.icon-preview-container{display:flex;align-items:center;gap:20px}.icon-circle{width:80px;height:80px;background:#2b2d31;border-radius:50%;cursor:pointer;border:1px dashed #4e5058;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s}.icon-circle:hover{border-color:#2ecc71}.icon-circle img{width:100%;height:100%;object-fit:cover}.save-bar{position:absolute;bottom:20px;left:20px;right:20px;background:#111214;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 12px #0000004d;animation:slideUp .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.save-text{color:#fff;font-weight:500;font-size:14px}.save-actions{display:flex;gap:12px}.btn-reset{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.btn-save{background:#23a559;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600}.btn-save:hover{background:#1a8347}.btn-save:disabled{opacity:.5;cursor:not-allowed}.member-row{display:flex;align-items:center;padding:12px;border-radius:8px;background:#ffffff05;margin-bottom:8px}.member-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px}.member-name{flex:1;color:#fff;font-weight:500}.member-actions{display:flex;gap:8px}.role-editor{display:flex;flex-direction:column;gap:20px;animation:fadeIn .2s ease-out}.back-link{background:none;border:none;color:#00a8fc;cursor:pointer;font-size:14px;padding:0;text-align:left;width:fit-content}.back-link:hover{text-decoration:underline}.role-editor-header{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.role-editor-info{display:flex;align-items:center;gap:16px}.role-name-input-large{background:var(--background-tertiary);border:none;border-radius:4px;color:#fff;font-size:20px;font-weight:600;padding:8px 12px;flex:1}.role-color-picker{width:44px;height:44px;border:none;background:none;cursor:pointer;padding:0}.permissions-list{display:flex;flex-direction:column;gap:16px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.perm-info{flex:1}.perm-name{color:#fff;font-size:16px;font-weight:500;margin-bottom:4px}.perm-desc{color:#b5bac1;font-size:13px;line-height:1.4}.switch{position:relative;display:inline-block;width:40px;height:24px;margin-left:16px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#4e5058;transition:.2s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s}input:checked+.slider{background-color:#23a559}input:checked+.slider:before{transform:translate(16px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.role-drag-handle{color:#4e5058;cursor:ns-resize;margin-right:12px;font-family:monospace;font-size:18px;-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.action-btn{background:#ffffff0d;border:none;color:#dbdee1;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.action-btn:hover{background:#ffffff1a;color:#fff}.action-btn.danger{color:#fa777c}.action-btn.danger:hover{background:#fa777c26}.invite-item{display:flex;align-items:center;gap:12px;background:#111214;padding:12px;border-radius:6px;margin-bottom:12px}.invite-code{flex:1;color:#2ecc71;font-family:monospace;font-weight:700}.emoji-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;padding-bottom:20px}.emoji-item-card{background:#1e1f22;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease;position:relative}.emoji-item-card:hover{border-color:#23a559;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.emoji-preview-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center;position:relative}.emoji-preview-img{max-width:100%;max-height:100%;object-fit:contain}.emoji-shortname{color:#dbdee1;font-size:11px;font-family:Consolas,Monaco,monospace;background:#0000004d;padding:2px 6px;border-radius:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-delete-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#fa777c;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;opacity:0;transition:all .2s;box-shadow:0 2px 4px #0003}.emoji-item-card:hover .emoji-delete-btn{opacity:1}.emoji-delete-btn:hover{background:#f23f43;transform:scale(1.1)}.edit-channel-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.edit-channel-window{background:#313338;width:100%;height:100%;max-width:100vw;max-height:100vh;display:flex;color:#dbdee1;overflow:hidden}.ecm-sidebar{width:232px;background:#2b2d31;padding:60px 6px 20px 20px;display:flex;flex-direction:column;gap:2px}.ecm-sidebar-section-title{padding:0 10px 6px;font-size:12px;font-weight:700;color:#949ba4;text-transform:uppercase;margin-top:20px}.ecm-sidebar-item{padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px;color:#949ba4;display:flex;align-items:center;justify-content:space-between;transition:background .1s,color .1s}.ecm-sidebar-item:hover{background:#4e50584d;color:#dbdee1}.ecm-sidebar-item.active{background:#4e505899;color:#fff}.ecm-sidebar-item.danger:hover{background:#f23f42;color:#fff}.ecm-sidebar-divider{height:1px;background:#4e50587a;margin:8px 10px}.ecm-main{flex:1;background:#313338;display:flex;flex-direction:column;position:relative;padding-left:40px;padding-right:40px}.ecm-header{height:60px;display:flex;align-items:center;justify-content:space-between;margin-top:40px;margin-bottom:20px}.ecm-header h3{font-size:20px;font-weight:600;color:#fff}.ecm-close{width:36px;height:36px;border-radius:50%;border:2px solid #b5bac1;background:transparent;color:#b5bac1;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s}.ecm-close:hover{border-color:#dbdee1;color:#dbdee1}.ecm-scroll-area{flex:1;overflow-y:auto;padding-bottom:120px}.ecm-tab-content{max-width:660px}.ecm-group{margin-bottom:24px}.ecm-label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:#b5bac1;text-transform:uppercase}.ecm-input{width:100%;background:#1e1f22;border:none;border-radius:3px;padding:10px;color:#dbdee1;font-size:16px;outline:none}.ecm-input:focus{box-shadow:0 0 0 1px #5865f2}.ecm-slider-group{display:flex;flex-direction:column;gap:8px}.ecm-slider-header{display:flex;justify-content:space-between;align-items:center}.ecm-slider-value{color:#dbdee1;font-size:14px}.ecm-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#1e1f22;outline:none}.ecm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0003}.ecm-save-bar{position:absolute;bottom:20px;left:40px;right:40px;background:#111214;padding:10px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;animation:slideUp .2s ease-out}.ecm-save-text{color:#fff;font-size:14px}.ecm-save-actions{display:flex;gap:12px}.ecm-btn-reset{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer}.ecm-btn-save{background:#248046;color:#fff;border:none;padding:8px 16px;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s}.ecm-btn-save:hover{background:#1a6334}.ecm-btn-save:disabled{opacity:.5;cursor:not-allowed}.ecm-permissions-layout{display:flex;flex-direction:column;gap:16px}.ecm-role-list{display:flex;flex-direction:column;gap:2px}.ecm-role-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:4px;cursor:pointer;color:#b5bac1}.ecm-role-item:hover{background:#4e50584d}.ecm-role-item.active{background:#4e505899;color:#fff}.ecm-permission-entry{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;margin-bottom:20px}.ecm-perm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ecm-perm-name{color:#fff;font-weight:600}.ecm-perm-desc{color:#949ba4;font-size:13px}.ecm-perm-toggles{display:flex;background:#1e1f22;border-radius:4px;overflow:hidden}.ecm-perm-toggle{flex:1;padding:8px;text-align:center;cursor:pointer;font-size:13px;font-weight:500;color:#949ba4;transition:background .1s,color .1s}.ecm-perm-toggle:hover{background:#ffffff0d}.ecm-perm-toggle.selected.deny{background:#f23f42;color:#fff}.ecm-perm-toggle.selected.inherit{background:#4e5058;color:#fff}.ecm-perm-toggle.selected.allow{background:#23a559;color:#fff}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.geoblock-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:99999;padding:20px;animation:fadeInOverlay .5s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.geoblock-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:50px 32px;max-width:450px;width:100%;text-align:center;box-shadow:0 50px 100px -20px #000000b3;transform:translateY(20px);animation:slideUpCard .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpCard{to{transform:translateY(0)}}.geoblock-icon{font-size:56px;margin-bottom:24px;display:block;filter:drop-shadow(0 0 15px rgba(240,71,71,.3))}.geoblock-card h1{color:#fff;font-size:28px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.geoblock-card p{color:#b9bbbe;font-size:16px;line-height:1.6;margin-bottom:0}.geoblock-footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);font-size:13px;color:#4f545c;text-transform:uppercase;letter-spacing:1px;font-weight:600}.maintenance-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#0c0d12;font-family:Outfit,sans-serif;padding:24px;position:relative;overflow:hidden;color:#fff}.maintenance-content{text-align:center;max-width:480px;position:relative;z-index:2;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wrench-icon-container{width:80px;height:80px;background:#f0b2321a;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 32px;border:2px solid rgba(240,178,50,.2)}.wrench-icon{width:40px;height:40px;color:#f0b232}.maintenance-content h1{font-size:32px;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.maintenance-content p{color:#949ba4;font-size:16px;line-height:1.6;margin-bottom:40px}.wait-pill{display:inline-flex;align-items:center;gap:12px;background:#f0b2321a;border:1px solid rgba(240,178,50,.3);padding:12px 24px;border-radius:12px;color:#f0b232;font-size:14px;font-weight:600}.spinner{width:16px;height:16px;border:2px solid rgba(240,178,50,.3);border-top-color:#f0b232;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(140px);z-index:1;pointer-events:none}.glow.top{background:#f0b2320d;top:-200px;left:50%;transform:translate(-50%)}.glow.bottom{background:#9333ea0d;bottom:-200px;left:50%;transform:translate(-50%)}@media(max-width:480px){.maintenance-content h1{font-size:26px}.maintenance-content p{font-size:15px}}:root{--primary-green: #2ecc71;--secondary-green: #27ae60;--dark-bg: #0b0f14;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--card-hover: rgba(255, 255, 255, .07);--neon-green: #4ade80;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b}.home-page{height:100vh;background:var(--dark-bg);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden;overflow-y:auto}.home-glow{position:absolute;border-radius:50%;filter:blur(160px);z-index:0;pointer-events:none}.home-glow.top-left{width:700px;height:700px;top:-350px;left:-200px;background:#2ecc711f}.home-glow.bottom-right{width:600px;height:600px;bottom:-200px;right:-200px;background:#2ecc7114}.home-glow.center{width:900px;height:900px;top:30%;left:50%;transform:translate(-50%,-50%);background:#2ecc710d}.home-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 8%;position:relative;z-index:100}.nav-logo{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px;letter-spacing:-.5px}.nav-logo span{color:var(--neon-green)}.logo-icon{font-size:24px}.nav-links{display:flex;gap:16px;align-items:center}.nav-link{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:14px;padding:8px 16px;border-radius:10px;transition:all .25s ease}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.btn{background:var(--primary-green);color:#fff;font-weight:600}.nav-link.btn:hover{background:var(--secondary-green);transform:translateY(-1px)}.hero-section{padding:80px 8% 100px;text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.badge{padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.badge.alpha{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.badge.free{background:#4ade801a;color:var(--neon-green);border:1px solid rgba(74,222,128,.2)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.badge.alpha .dot{background:#fbbf24}.badge.free .dot{background:var(--neon-green)}@keyframes pulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}}.hero-section h1{font-size:64px;font-weight:900;line-height:1.05;letter-spacing:-3px;margin-bottom:24px}.highlight{background:linear-gradient(135deg,var(--neon-green),#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-section p{font-size:18px;color:var(--text-muted);max-width:560px;margin:0 auto 40px;line-height:1.7}.hero-cta{display:flex;gap:14px;justify-content:center}.cta-button{padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none}.cta-button.primary{background:var(--primary-green);color:#fff;box-shadow:0 8px 24px #2ecc7140}.cta-button.primary:hover{background:var(--secondary-green);transform:translateY(-3px);box-shadow:0 12px 32px #2ecc7159}.cta-button.secondary{background:#ffffff0f;color:#fff;border:1px solid var(--card-border)}.cta-button.secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.features-section{padding:80px 8%;position:relative;z-index:2}.section-header-home{text-align:center;margin-bottom:48px}.section-header-home h2{font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.text-green{color:var(--neon-green)}.underline{width:48px;height:3px;background:var(--neon-green);margin:0 auto;border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:36px 28px;border-radius:20px;background:var(--card-bg);border:1px solid var(--card-border);transition:all .3s ease}.feature-card:hover{background:var(--card-hover);border-color:#4ade8033;transform:translateY(-4px)}.feature-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;background:#4ade801a}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:10px;color:#fff}.feature-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.download-section{padding:80px 8%;position:relative;z-index:2}.download-container{max-width:720px;margin:0 auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:48px 40px;text-align:center}.download-container h3{font-size:24px;font-weight:700;margin-bottom:8px}.download-container>p{color:var(--text-muted);font-size:14px;margin-bottom:32px}.download-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.platform-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:var(--text-main);transition:all .25s ease}.platform-card:hover{background:#4ade8014;border-color:#4ade8040;transform:translateY(-3px)}.platform-card .platform-icon{font-size:32px;margin-bottom:0;display:flex;align-items:center;justify-content:center}.platform-card .platform-name{font-size:13px;font-weight:600}.platform-card .platform-ext{font-size:11px;color:var(--text-dim)}.download-note{font-size:12px;color:var(--text-dim);margin-top:8px}.dev-status-section{padding:40px 8% 80px;display:flex;justify-content:center;position:relative;z-index:2}.glass-container{background:#fbbf240a;border:1px dashed rgba(251,191,36,.2);padding:32px 40px;border-radius:20px;max-width:640px;text-align:center}.glass-container h3{font-size:20px;margin-bottom:10px;color:#fbbf24}.glass-container p{color:var(--text-muted);font-size:14px;line-height:1.6}.home-footer{padding:32px 8%;text-align:center;border-top:1px solid var(--card-border)}.footer-content p{color:var(--text-dim);font-size:13px;margin-bottom:6px}.copyright{font-size:12px;opacity:.6}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-links{display:none}.hero-section{padding:48px 6% 64px}.hero-section h1{font-size:38px;letter-spacing:-1.5px}.hero-section p{font-size:16px}.hero-cta{flex-direction:column;gap:10px}.cta-button{width:100%;text-align:center;padding:14px 24px}.section-header h2{font-size:28px}.features-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:28px 24px}.download-container{padding:32px 20px}.download-platforms{grid-template-columns:repeat(2,1fr);gap:10px}.glass-container{padding:24px 20px}.home-nav{padding:16px 5%}}@media(max-width:400px){.hero-section h1{font-size:32px}.hero-badges{flex-direction:column;align-items:center}.download-platforms{grid-template-columns:1fr}}.banned-screen{height:100vh;width:100vw;background-color:#0f172a;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Inter,sans-serif}.banned-content{background:#ffffff08;padding:48px;border-radius:24px;text-align:center;max-width:400px;border:1px solid rgba(242,63,67,.2);box-shadow:0 0 40px #00000080}.banned-icon{color:#f23f43;margin-bottom:24px}.banned-content h1{font-size:32px;font-weight:800;margin-bottom:16px}.banned-content p{color:#fff9;line-height:1.6;margin-bottom:32px}.logout-btn{background:#ffffff1a;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#fff3}.appeal-section{margin:30px 0;padding:20px;background:#ffffff0d;border-radius:12px;width:100%}.appeal-form{display:flex;flex-direction:column;gap:15px}.appeal-form h3{font-size:16px;color:#fff;margin:0}.appeal-form textarea{background:#1e1f22;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#dbdee1;min-height:100px;resize:vertical;outline:none}.appeal-form textarea:focus{border-color:#2ecc71}.submit-appeal-btn{background:#2ecc71;color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;cursor:pointer;transition:background .2s}.submit-appeal-btn:hover{background:#27ae60}.appeal-status{text-align:left;display:flex;flex-direction:column;gap:10px}.appeal-status.pending{color:#f0b232}.appeal-status.accepted{color:#2ecc71}.appeal-status.refused{color:#f23f43}.staff-note{background:#0003;padding:15px;border-radius:8px;margin-top:10px}.staff-note strong{font-size:12px;color:#94a3b8;text-transform:uppercase}.staff-note p{margin:5px 0 0;color:#dbdee1}.feedback-text{font-size:13px;margin:0}.retry-appeal-btn{background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:8px 15px;cursor:pointer;margin-top:5px}.ban-timer{background:#f23f431a;border:1px solid rgba(242,63,67,.3);border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.ban-timer h3{font-size:14px;color:#f23f43;text-transform:uppercase;margin:0 0 8px;letter-spacing:.5px}.timer-value{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;color:#fff}.ban-reason{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left;border-left:4px solid #f23f43}.ban-reason h3{font-size:14px;color:#94a3b8;text-transform:uppercase;margin:0 0 8px;letter-spacing:.5px}.ban-reason p{margin:0!important;color:#dbdee1!important;font-size:15px!important;line-height:1.5!important;text-align:left!important}.invite-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out;font-family:Gg Sans,Helvetica Neue,Helvetica,Arial,sans-serif;z-index:1000}.invite-content{background:#313338d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:440px;max-width:90vw;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffffff0d;color:#dbdee1;display:flex;flex-direction:column;align-items:center;animation:scaleIn .3s cubic-bezier(.19,1,.22,1)}.invite-icon-container{margin-bottom:24px}.invite-guild-icon{width:80px;height:80px;border-radius:24px;object-fit:cover}.invite-guild-icon-placeholder{width:80px;height:80px;border-radius:24px;background-color:#23a559;color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;font-weight:700}.invite-content h2{color:#b5bac1;font-size:16px;font-weight:500;margin:0 0 8px}.invite-guild-name{color:#fff;font-size:24px;font-weight:700;margin:0 0 16px}.invite-stats{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.member-count{color:#b5bac1;font-size:14px;display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.online{background-color:#23a559}.invite-btn-primary{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#23a559,#1a7f45);color:#fff;box-shadow:0 4px 12px #23a5594d;width:100%;margin-bottom:8px}.invite-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#23a559);box-shadow:0 6px 16px #23a55966;transform:translateY(-1px)}.invite-btn-primary:active:not(:disabled){transform:scale(.98)}.invite-btn-primary:disabled{opacity:.6;cursor:not-allowed}.invite-btn-secondary{background-color:transparent;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.invite-btn-secondary:hover{text-decoration:underline}.invite-btn-secondary:active{transform:scale(.98)}.error-card{border-top:4px solid #FA777C}.invite-error-text{color:#fa777c;font-size:14px;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#root{width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}