@charset "UTF-8";*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}body{color:#fff}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}*,:after,:before{border-color:#e5e7eb;border-style:solid;border-width:0;box-sizing:border-box}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}body{font-family:sans-serif;overflow:hidden;transition:background .3s,color .3s;background:#1e1e1e;color:#e2e2e2}html,body,#app{height:100%;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--color-bg-other);color:#1f1f1f;overflow:hidden}::-webkit-scrollbar{height:6px;width:6px;margin:10px}::-webkit-scrollbar-track{background:var(--color-bg-accent);border-radius:20px}::-webkit-scrollbar-thumb{background-color:var(--color-text-secondary);border-radius:20px}#app{display:flex;height:100vh;width:100vw}*{box-sizing:border-box}::placeholder{color:var(--color-text-secondary)}.w100{width:100%}.ml-auto{margin-left:auto}.app-container{height:100vh;width:100vw;display:flex;overflow:hidden;background:var(--color-bg-other);color:var(--color-text-main)}.main-area{display:flex;flex:1;overflow:hidden;position:relative}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--color-bg-accent)}.auth-container{max-width:380px;width:100%;padding:40px;top:50%;left:50%;background:var(--color-bg-secondary);border-radius:8px;color:var(--color-text-main);display:flex;gap:24px;flex-direction:column;transform:translate(-50%,-50%);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.auth-container form{display:flex;gap:16px;flex-direction:column}.auth-container button:hover{background:#2e6cd1}.auth-container h2{font-size:24px;color:var(--color-text-main)}.auth-container p{color:var(--color-text)}.auth-container p a{color:var(--color-primary)}ul.channels{display:flex;gap:8px;flex-direction:column;height:calc(100% - 50px);padding-right:10px}.channel-list{width:330px;background:var(--color-bg-secondary);display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#e2e2e2;gap:20px}.channel-list .channel-label{display:flex;align-items:center;padding:0;gap:8px}.channel-list .top{flex:1;overflow-y:auto}.channel-list .section-title{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--color-text-secondary)}.channel-list .channel-item{padding:0 12px;margin-bottom:6px;border-radius:6px;transition:.2s;cursor:pointer;display:flex;align-content:center;justify-content:flex-start;gap:8px;flex-direction:column;line-height:42px}.channel-list .channel-item:hover{background:var(--color-bg-accent)}.channel-list .channel-item.active{background:var(--color-primary);color:var(--color-text-main);font-weight:600}.channel-list .channel-item span{width:20px;height:20px;display:block;line-height:20px}.channel-list .channel-item .icon{width:20px;height:20px;fill:none;color:var(--color-primary-hover)}.channel-list .channel-item.active .icon{color:var(--color-warning)}.chat-area{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#1e1e1e}.chat-area .messages{flex:1;overflow-y:auto;padding:16px 20px;background:var(--color-bg-other);color:#e2e2e2;gap:4px}.chat-area .input-area{padding:12px 16px;background:var(--color-bg-secondary);border-top:1px solid var(--color-bg-accent)}.chat-area .input-area input{width:100%;padding:10px 14px 10px 44px;font-size:14px;border:1px solid var(--color-bg-accent);border-radius:6px;outline:none;transition:border-color .2s;background:var(--color-bg-accent);color:#f1f1f1}.chat-area .input-area input:focus{background:var(--color-bg-accent);border-color:var(--color-primary)}.chat-area .input-area input::placeholder{color:var(--color-text-secondary)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;color:var(--color-text-main);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;font-size:18px}.loading-overlay .loading-bg{background:#1a1b26d9;width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-overlay .loading{display:flex;justify-content:center;align-items:center;gap:30px}.loading-overlay .dot-wrapper{position:relative;width:20px;height:20px}.loading-overlay .dot{position:relative;display:block;width:100%;height:100%;border-radius:50%;z-index:2;filter:blur(1px)}.loading-overlay .pulse{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;border:3px solid;transform:translate(-50%,-50%) scale(.5);opacity:.6;z-index:1;animation:pulseWave 2s infinite ease-out;filter:blur(2px)}@keyframes pulseWave{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.loading-overlay .progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success),var(--color-error));transition:width .05s linear}.loading-overlay .bottom-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#ffffff1a;overflow:hidden}.loading-overlay .status-text{position:absolute;bottom:10px;color:#888;font-size:13px;opacity:.8;transition:opacity .3s ease;animation:fadeIn 1s ease forwards}.loading-overlay .debug-panel{position:absolute;bottom:0;left:0;padding:10px 16px;background:#0000004d;color:#aaa;font-family:monospace;font-size:12px;border-top:1px solid rgba(255,255,255,.1)}.loading-overlay .debug-title{color:#6b8af7;font-weight:600;margin-bottom:4px}.loading-overlay .debug-list{list-style:none;padding:0;margin:0}.loading-overlay .debug-list li{margin:2px 0}.message{display:flex;gap:10px;border-bottom:1px solid var(--color-bg-accent);box-shadow:0 1px 2px #00000008;transition:.3s all ease;margin:0 0 4px;position:relative}.message:hover{background:var(--color-bg-accent);border-radius:8px}.message .button-block{display:none;position:absolute;right:20px;top:-34px;margin-top:8px;background:#1e1e2f;color:var(--color-text-main);padding:12px 16px;border-radius:6px;font-size:13px;z-index:20;box-shadow:0 2px 10px #0006;min-width:240px;gap:8px}.message:hover .button-block{display:flex}.message .avatar{width:32px;height:32px;min-width:32px;border-radius:6px;margin:8px 0 0 8px}.message .avatar.placeholder{text-align:center;line-height:32px;background:var(--color-primary)}.message .message-content{border-radius:6px;padding:8px 12px;max-width:600px;display:flex;flex-direction:column;min-width:180px;color:#ddd}.message .meta{display:flex;justify-content:flex-start;font-size:12px;color:var(--color-text-muted);margin-bottom:4px;gap:8px}.message .author{font-weight:600;color:var(--color-text-secondary)}.message .text{font-size:14px;color:var(--color-text-main);line-height:1.45;word-wrap:break-word}.sidebar{width:72px;background:var(--color-bg-secondary);display:flex;flex-direction:column;align-items:center;padding:12px 0;border-right:1px solid var(--color-bg-accent);gap:10px;overflow-y:auto}.sidebar .server-icon{width:44px;height:44px;min-height:44px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;background:#e0e0e0;transition:transform .2s;cursor:pointer}.sidebar .server-icon:hover{transform:scale(1.1)}.sidebar .server-icon img{width:44px;height:44px;border-radius:12px;filter:brightness(1.2)}.sidebar .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-main)}.sidebar .server-icon.active{border:2px solid var(--color-primary);transform:scale(1.15)}button.sidebar-plus{width:44px;height:44px;min-height:44px;border-radius:12px;background:var(--color-bg-accent);transition:transform .2s;display:flex;align-content:center;align-items:center;justify-content:center}button.sidebar-plus:hover{transform:scale(1.1);border:2px solid var(--color-primary);color:var(--color-primary)}.user-panel{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-accent);padding:10px 12px;border-radius:6px;z-index:30}.user-panel .user-info{display:flex;align-items:center;gap:8px;flex-grow:1}.user-panel .avatar{width:32px;height:32px;border-radius:6px}.user-panel .avatar.placeholder{text-align:center;line-height:32px;background:var(--color-primary)}.user-panel .meta{display:flex;flex-direction:column}.user-panel .username{font-weight:600;color:var(--color-text-main);font-size:13px}.user-panel .status{font-size:11px;color:var(--color-success)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.status-online{background:#43b581}.status-idle{background:#faa61a}.status-dnd{background:#f04747}.status-invisible,.status-offline{background:#747f8d}.status-menu{position:absolute;bottom:80px;left:10px;margin-bottom:5px;background:var(--color-bg-other);border-radius:8px;box-shadow:0 4px 12px #0006;width:150px;overflow:hidden;z-index:10;animation:fadeIn .15s ease-out}.status-item{display:flex;align-items:center;padding:0 12px;font-size:14px;color:var(--color-text-main);cursor:pointer;transition:background .2s;line-height:42px}.color-gray{background:var(--color-primary)}.color-red{background:var(--color-error)}.color-yellow{background:var(--color-warning)}.color-green{background:var(--color-success)}.status.invisible{color:var(--color-primary)}.status.dnd{color:var(--color-error)}.status.away{color:var(--color-warning)}.status.online{color:var(--color-success)}.status-item:hover{background:var(--color-bg-accent)}.user-panel .controls{display:flex;gap:8px}.user-panel .controls button{background:none;border:none;color:#bbb;cursor:pointer;transition:color .2s,transform .1s;width:30px;height:30px}.user-panel .controls button svg{color:#bbb;width:30px;height:30px}.user-panel .controls button:hover{color:#111;transform:scale(1.1)}.user-panel .controls button.muted svg{opacity:.4}.voice-channel-panel{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-accent);padding:10px 12px;border-radius:6px;font-family:Roboto,sans-serif;color:#dcddde;position:relative;z-index:30}.voice-channel-panel .channel-info{display:flex;flex-direction:column;gap:4px}.voice-channel-panel .channel-row,.voice-channel-panel .status-row{display:flex;align-items:center}.voice-channel-panel .icon{width:20px;height:20px;fill:none;color:var(--color-primary-hover);margin-right:8px}.voice-channel-panel .channel-name{font-size:14px;font-weight:500;position:relative;z-index:2}.voice-channel-panel .status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.voice-channel-panel .status-indicator.connected{background-color:#43b581}.voice-channel-panel .status-indicator.connecting{background-color:#faa61a;animation:pulse 2s infinite}.voice-channel-panel .status-indicator.disconnected{background-color:#747f8d}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}to{transform:scale(1);opacity:1}}.voice-channel-panel .status-text{font-size:12px;color:#b9bbbe;font-style:italic}.voice-channel-panel .disconnect-btn{cursor:pointer;width:30px;height:30px}.voice-channel-panel .disconnect-btn svg{display:flex;align-items:center;color:var(--color-error);transition:.3s all ease;align-self:center;font-weight:500;width:30px;height:30px}.voice-channel-panel .disconnect-btn svg:hover{opacity:.6;transform:scale(1.1)}.voice-ui{background:var(--color-bg-other);border-top:1px solid #444;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;height:100%;align-content:center;justify-content:center;align-items:center;position:relative}.voice-ui .participants{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.voice-ui .participant-wrapper{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}.voice-ui .participant{position:relative;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);font-weight:700;overflow:visible}.voice-ui .participant.main{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#4a90e2;color:var(--color-text-main);font-weight:700;overflow:hidden;position:relative}.voice-ui .participant.screen{overflow:hidden;width:270px;border-radius:6px}.voice-ui .participant.main video,.voice-ui .participant.screen video{width:100%;height:100%;object-fit:cover;border-radius:50%}.voice-ui .participant.main img{width:100%;height:100%;object-fit:cover;border-radius:50%}.voice-ui .participant.main span{font-size:2rem}.voice-ui .participant.main.active:before,.voice-ui .participant.main.active:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#4a90e266;transform:translate(-50%,-50%) scale(1);opacity:0;pointer-events:none}.voice-ui .participant.main.active:before{animation:wave 2s infinite}.voice-ui .participant.main.active:after{animation:wave 2s infinite 1s}@keyframes wave{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}70%{opacity:.1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.voice-ui .participant video{height:100%;width:auto}.voice-ui .participant.screen video{transform:translate(0);border-radius:6px}.voice-ui .participant.expanded{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border-radius:0;z-index:10}.voice-ui .participant.screen.expanded video{border-radius:0}.voice-ui .participant.expanded video,.voice-ui .participant.expanded img{object-fit:contain;background:var(--color-bg-main);object-position:center}.videoBlock{width:150px;height:150px;overflow:hidden;border-radius:50%;min-height:150px;position:relative}.videoBlock video{height:100%;width:auto;transform:translate(-25%)}.voice-ui .info{display:flex;justify-content:center;align-items:center;padding:6px 8px 16px;width:100%;background:var(--color-bg-secondary);font-size:12px;color:var(--color-text);position:absolute;bottom:0;align-content:center;transform:translateY(100%);transition:.3s all ease}.participant:hover .info{transform:translateY(0)}.voice-ui .mic-indicator{width:8px;height:8px;border-radius:50%;background:#666;transition:background .3s}.voice-ui .mic-indicator.active{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.voice-ui .voice-ui::-webkit-scrollbar{width:6px}.voice-ui .voice-ui::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.buttons-container{display:flex;gap:10px;position:relative;z-index:2}.context-menu{position:fixed;background:var(--color-bg-other);border:1px solid var(--color-bg-accent);border-radius:6px;padding:6px 0;z-index:9999;box-shadow:0 4px 10px #0000001a}.context-menu button{display:flex;background:none;border:none;color:var(--color-text-main);padding:0 12px;text-align:left;width:100%;cursor:pointer;gap:10px;justify-content:flex-start;line-height:42px}.context-menu button svg{color:var(--color-primary);width:22px;height:22px}.context-menu button:hover{background:var(--color-bg-accent)}.server-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-accent);color:var(--color-text-main);padding:10px;font-weight:700;cursor:pointer;border-radius:12px}.server-info{display:flex;align-items:center;gap:8px}.server-icon{width:24px;height:24px}.server-name{flex-grow:1;font-size:16px;color:var(--color-primary);line-height:24px}.arrow{font-size:32px;height:32px;opacity:.7}.server-menu{position:absolute;top:67px;left:12px;background:var(--color-bg-other);border:1px solid var(--color-bg-accent);border-radius:6px;min-width:306px;z-index:100;box-shadow:0 4px 10px #0000001a;padding:6px 0}.menu-item{padding:10px 12px;cursor:pointer;color:var(--color-text-main);transition:background .2s;display:flex;gap:10px}.menu-item:hover{background:var(--color-bg-accent)}.menu-item svg{color:var(--color-primary);width:22px;height:22px}.members-panel{background:var(--color-bg-secondary);color:#ddd;padding:10px;overflow-y:auto;border-left:1px solid var(--color-bg-accent);min-width:190px}.members-title{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--color-text-main)}.members-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;padding:6px;gap:8px;position:relative;transition:.2s all ease;border-radius:6px;cursor:pointer}.member-item:hover{background:var(--color-bg-accent)}.member-avatar{width:32px;height:32px;border-radius:6px}.member-name{flex:1}.member-status{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-bg-secondary);position:absolute;left:30px;top:0}.member-status.online{background:var(--color-success)}.member-status.dnd{background:#f04747}.member-status.away{background:#faa61a}.member-status.offline{background:#747f8d}.members-panel .member-item .avatar{width:32px;height:32px;border-radius:6px}.members-panel .member-item .avatar.placeholder{text-align:center;line-height:32px;background:var(--color-primary)}.channel-header{background:var(--color-bg-secondary);padding:12px;font-weight:700;border-bottom:1px solid var(--color-bg-accent);display:flex;align-content:center;justify-content:space-between;align-items:center}button.channel-header-button.main-btn-icon svg{width:32px;height:32px;min-width:32px}.channel-info{display:flex;align-items:center;gap:8px}.channel-icon{font-size:18px;color:#b9bbbe}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:var(--color-bg-other);border-radius:8px;width:100%;max-width:100%;box-shadow:0 8px 24px #0009;animation:fadeIn .2s ease}.create-or-join-server .modal{max-width:440px}.user-settings-modal .modal{max-width:800px}.channel-modal .modal{max-width:420px}button.main-btn.cancel{background:var(--color-bg-accent)}.close-btn{position:absolute;top:8px;right:10px;background:none;border:none;font-size:22px;color:#b9bbbe;cursor:pointer;transition:color .2s;width:32px;height:32px}.close-btn svg{width:100%;height:100%}.close-btn:hover{color:var(--color-text-main)}.main-btn{background-color:var(--color-primary);border:none;padding:0 18px;border-radius:6px;color:var(--color-text-main);font-weight:500;cursor:pointer;transition:background .2s;line-height:42px;height:42px}.form input{background-color:var(--color-bg-accent);border:none;border-radius:6px;padding:10px;color:var(--color-text-main)}.main-btn:hover{background-color:var(--color-primary-hover)}.main-btn-contour{border:2px solid var(--color-primary);background:none;padding:0 18px;border-radius:6px;color:var(--color-primary);font-weight:500;cursor:pointer;transition:background .2s;line-height:42px;height:42px}.main-btn-contour:hover{background-color:var(--color-other-hover)}.tabs{display:flex;justify-content:space-around;border-bottom:1px solid #202225}.tabs button{flex:1;padding:10px;background:none;border:none;cursor:pointer;color:#b9bbbe;transition:color .2s,background .2s;text-wrap:nowrap}.tabs button.active{color:var(--color-text-main);border-bottom:2px solid #5865f2}.form{display:flex;flex-direction:column;gap:12px}.sidebar .sidebar-plus.active{border:2px solid var(--color-primary);transform:scale(1.15)}.role-title{display:flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--role-title-color, #8e9297);background:transparent;margin:8px 0 4px;-webkit-user-select:none;user-select:none}.role-title:after{content:"";flex:1;height:1px;margin-left:8px;background-color:var(--role-divider-color, rgba(255, 255, 255, .06))}.no-role-online .role-title{color:#43b581}.no-role-offline .role-title{color:#999;opacity:.7}.role-section{margin-bottom:12px}.settings-overlay .settings-container{display:flex;width:900px;height:600px;background:#2f3136;border-radius:8px;overflow:hidden;color:var(--color-text-main);font-family:sans-serif}.settings-overlay .settings-sidebar{width:260px;background:var(--color-bg-secondary);padding:20px;display:flex;flex-direction:column}.settings-title{font-size:18px;margin-bottom:20px;color:var(--color-primary)}.settings-overlay .settings-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.settings-overlay .settings-nav li{padding:0 12px;border-radius:6px;cursor:pointer;color:var(--color-text-main);transition:background .2s;display:flex;gap:8px;line-height:42px;align-content:center;justify-content:flex-start;align-items:center}.settings-overlay .settings-nav li svg{width:20px;height:20px;color:var(--color-primary-hover)}.settings-overlay .settings-nav li.active svg{color:var(--color-warning)}.settings-overlay .settings-nav li:hover{background:var(--color-bg-accent)}.settings-overlay .settings-nav li.active{background:var(--color-primary);color:var(--color-text-main)}.settings-overlay .settings-content{flex:1;display:flex;flex-direction:column;background:var(--color-bg-other)}.settings-overlay .settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #202225}.settings-overlay .settings-header h3{margin:0;font-size:16px;line-height:20px}.settings-overlay .close-btn{background:none;border:none;color:var(--color-text-main);cursor:pointer;transition:.2s all ease}.settings-overlay .close-btn:hover{color:var(--color-warning)}.settings-overlay .settings-body{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.settings-footer{padding:20px;text-align:right}.settings-overlay .settings-body input[type=file]{width:100%;padding:12px;border-radius:6px;border:1px solid var(--color-bg-accent);background:var(--color-bg-accent);color:var(--color-text-main)}.settings-overlay .leave-server{width:100%;padding:6px 12px;color:var(--color-error);border:1px solid var(--color-error);border-radius:6px;cursor:pointer;transition:.2s all ease;display:flex;gap:8px;background:var(--color-bg-accent);line-height:42px;height:42px;text-wrap:nowrap}.settings-overlay .leave-server svg{width:20px;height:20px;color:var(--color-error);min-width:20px}.settings-overlay .leave-server:hover svg{color:var(--color-text-main)}.settings-overlay .leave-server:hover{background:var(--color-error);color:var(--color-text-main)}.settings-overlay .search-input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--color-bg-accent);background:var(--color-bg-accent);color:var(--color-text-main)}.settings-overlay .members-list{list-style:none;padding:0;margin:0}.settings-overlay .member-row{display:flex;align-items:center;padding:8px;border-radius:6px;transition:background .2s;gap:10px}.settings-overlay .member-row:hover{background:var(--color-bg-accent)}.settings-overlay .member-avatar{width:32px;height:32px;border-radius:50%;margin-right:10px}.settings-overlay .member-info{flex:1;display:flex;flex-direction:column;align-content:flex-start;justify-content:center;align-items:flex-start;gap:4px}.settings-overlay .member-name{font-weight:600;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;gap:8px}.settings-overlay .member-tag{color:#888;font-size:12px}.settings-overlay .role-badge{display:inline-block;padding:2px 6px;font-size:11px;border-radius:4px;margin-right:4px;color:var(--color-text-main)}.member-actions{display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;gap:10px}.settings-overlay .member-actions button{width:32px;height:32px}.settings-overlay .member-actions button.kick-member:hover svg{color:var(--color-error)}.settings-overlay .member-actions button:hover{opacity:.8}.settings-overlay .roles-sidebar{width:100%;min-width:100%}.role-name{display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;gap:10px;line-height:30px}.settings-overlay .roles-sidebar h3{margin:0 0 12px;font-size:15px;color:var(--color-text-secondary)}.settings-overlay .roles-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.settings-overlay .roles-sidebar li{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .2s}.settings-overlay .roles-sidebar li.active,.settings-overlay .roles-sidebar li:hover{background:var(--color-bg-accent)}.settings-overlay .role-dot{width:18px;height:18px;border-radius:40%}.settings-overlay .delete-btn{background:none;border:none;color:var(--color-error);cursor:pointer}.settings-overlay .create-role-btn{margin-top:12px;padding:6px;background:var(--color-primary);color:var(--color-text-main);border:none;border-radius:4px;cursor:pointer}.settings-overlay .role-editor{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.settings-overlay .role-editor.empty{display:flex;justify-content:center;align-items:center;color:var(--color-text-secondary)}.settings-overlay .role-editor input,.settings-overlay .role-editor textarea{padding:6px;background:var(--color-bg-accent);border:1px solid #2f3136;border-radius:4px;color:var(--color-text-main)}.settings-overlay .actions{display:flex;gap:8px;margin-top:auto}.settings-overlay .save-btn{background:var(--color-primary);color:var(--color-text-main);border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.settings-overlay .cancel-btn{background:var(--color-bg-accent);color:var(--color-text-main);border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.settings-overlay .permissions{padding:1rem;max-height:300px;overflow-y:auto}.settings-overlay .permissions h4{margin-bottom:.5rem;font-size:14px;color:var(--color-text-secondary)}.settings-overlay .permissions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.settings-overlay .permission-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--color-bg-accent);border-radius:4px;transition:background .2s}.settings-overlay .permission-item:hover{background:#2f3136}.settings-overlay .permission-item label{display:flex;align-items:center;gap:.5rem;font-size:13px;color:#e5e5e5;cursor:pointer;flex:1}.settings-overlay .permission-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.settings-overlay .avatar.placeholder{text-align:center;line-height:36px;background:var(--color-primary)}.settings-overlay .avatar{width:36px;height:36px;border-radius:6px}.Notivue__notification{--nv-success-bg: #2e9c58 !important;--nv-info-bg: #121e2e !important;--nv-warning-bg: #ceb156 !important;--nv-error-bg: #782728 !important;--nv-warning-fg: var(--color-text-main)fff !important;--nv-warning-accent: var(--color-text-main)fff !important;--nv-radius: 0px!important}.Notivue__notification{overflow:hidden;border-radius:0!important}.auth-container .overlay{position:absolute;inset:0;background:#0f0f19d9;display:flex;justify-content:center;align-items:center;border-radius:8px;z-index:20}.auth-container .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.friend-list{width:330px;background:var(--color-bg-secondary);display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#e2e2e2;gap:20px}.friend-list .friend:hover{background-color:#393c43}.friend .avatar.placeholder{display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text-main);font-size:14px}.friend .name{font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-list .top{flex:1;overflow-y:auto}.friend-list .section-title{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--color-text-secondary)}.main-btn-icon{display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;gap:16px}.main-btn-icon svg{width:24px;height:24px}.friend img.member-avatar{width:100%;height:100%;object-fit:cover}.friend .avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.friend-list .add-friend-btn{margin:0 auto 12px;width:100%}.friend-status{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-bg-secondary);position:absolute;left:30px;top:0}.friend-status.online{background-color:#43b581}.friend-status.away{background-color:#faa61a}.friend-status.busy{background-color:#f04747}.friend-status.offline{background-color:#747f8d}.friend-item{display:flex;align-items:center;padding:6px;gap:8px;position:relative;transition:.2s all ease;border-radius:6px;cursor:pointer}.friends .avatar.placeholder{text-align:center;line-height:32px;background:var(--color-primary)}.friends .avatar{width:32px;height:32px;border-radius:6px}.friend-item:hover{background:var(--color-bg-accent)}.friend-item.active{background:#0f264c;color:var(--color-text-main);font-weight:600}.no-channels{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#aaa}.no-channels .icon{font-size:48px;margin-bottom:12px;color:#666}.no-channels .title{font-size:18px;font-weight:600;margin-bottom:6px}.no-channels .subtitle{font-size:14px;opacity:.8}.participants-list{list-style:none;padding:0 0 0 32px;margin:0}.participant-item{display:flex;align-items:center;padding:6px 2px 0 0;font-size:14px;color:var(--color-text);margin-bottom:10px}.participant-item .avatar{width:20px;height:20px;border-radius:50%;margin-right:6px;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);font-size:11px;font-weight:700}.participant-item .avatar.placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-main);font-size:11px;font-weight:700;line-height:20px}.participant-item .name{flex:1;overflow:hidden;text-overflow:ellipsis}.participant-item .status-icons{display:flex;gap:4px}.participant-item .icon{font-size:14px;color:#aaa}.participant-item .icon.muted{color:#e74c3c}.participant-item .icon.camera{color:#2ecc71}.voice-channel-panel-overlay{border-radius:6px;overflow:hidden;position:absolute;inset:0}.voice-channel-panel-bg.connected:before{content:"";position:absolute;left:0;bottom:0;height:24px;width:100%;background-repeat:repeat-x;background-size:320px 24px;background-position:0 100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28' preserveAspectRatio='none'><path d='M0 14 Q 15 2 30 14 T 60 14 T 90 14 T 120 14 V28 H0 Z' fill='%2343b581'/></svg>");animation:waveSlide 3.5s linear infinite;opacity:.7;z-index:1}@keyframes waveSlide{0%{background-position-x:0}to{background-position-x:-320px}}@media (prefers-reduced-motion: reduce){.rect-with-wave:before{animation:none}}.user-popup{position:fixed;background:var(--color-bg-accent);border-radius:8px;padding:12px;width:260px;color:var(--color-text-main);z-index:9999;animation:fadeIn .12s ease}.user-popup h3{font-size:16px;font-weight:600;margin-bottom:8px}.user-popup .roles{margin-top:8px}.user-popup .role{display:inline-block;background:#2f3136;padding:2px 6px;margin:2px;border-radius:4px;font-size:12px;color:#b9bbbe}.user-popup .header{display:flex;align-items:center;margin-bottom:12px}.user-popup .avatar{width:48px;height:48px;border-radius:50%;margin-right:12px}.user-popup .info{flex:1}.user-popup .username{font-weight:700;font-size:16px;color:var(--color-text-main)}.user-popup .id{font-size:12px;color:#b9bbbe}.user-popup .roles h4{font-size:12px;color:#b9bbbe;margin-bottom:4px}.user-popup .role{display:flex;align-items:center;font-size:13px;margin:3px 0}.user-popup .role .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-popup .avatar.placeholder{text-align:center;line-height:48px;background:var(--color-primary)}.channel-modal .modal-overlay{padding:16px}.channel-modal .modal-title{font-size:18px;font-weight:700;color:var(--color-primary)}.modal-content{display:flex;flex-direction:column;gap:16px}.modal-content-scroll{display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:80dvh;padding-right:6px}.modal-window{display:flex;gap:16px;flex-direction:column}.channel-modal .form-group{margin-bottom:14px}.channel-modal .form-label{font-size:14px;color:#aaa;display:block;margin-bottom:10px}.channel-modal .form-input{width:100%;padding:10px;border-radius:4px;background:#202225;color:var(--color-text-main);border:1px solid #444}.channel-modal .form-input:focus{outline:2px solid #5865f2}.channel-modal .checkbox label{font-size:14px;cursor:pointer}.channel-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px}.channel-modal .btn{padding:6px 14px;border:none;border-radius:4px;cursor:pointer}.channel-modal .btn.cancel{background:#4f545c;color:var(--color-text-main)}.channel-modal .btn.cancel:hover{background:#5a5f67}.channel-modal .btn.create{background:#3ba55d;color:var(--color-text-main)}.channel-modal .btn.create:hover{background:#2d7d46}.channel-modal textarea.form-input{width:100%;padding:6px 8px;border-radius:4px;border:1px solid #444;background:#202225;color:var(--color-text-main);resize:none}.server-create-join{padding:16px;display:flex;flex-direction:column;gap:16px}.auth-container .image-block.logo-login,.auth-container .image-block.logo-register{width:80%}.leave-server .modal{max-width:600px}.invite-modal .modal{width:540px;max-width:100%;color:#e6e6e6;border-radius:10px;box-shadow:0 10px 30px #0009;overflow:hidden}.invite-modal .modal-title{font-size:18px;font-weight:700;color:var(--color-primary)}.invite-modal .modal-overlay{padding:16px}.invite-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px}.friend-search .modal{width:540px;max-width:100%;color:#e6e6e6;border-radius:10px;box-shadow:0 10px 30px #0009;overflow:hidden}.friend-search .modal-title{font-size:18px;font-weight:700;color:var(--color-primary)}.friend-search .modal-overlay{padding:16px}.friend-search .inputs-inline{display:flex;gap:8px;align-items:center}.friend-search .user-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.friend-search .user-item .avatar{width:32px;height:32px;border-radius:6px}.friend-search .user-item .avatar.placeholder{text-align:center;line-height:32px;background:var(--color-primary)}.mention{font-weight:600;padding:2px 6px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.mention.user{background-color:#4e8cff26;color:#4e8cff}.mention.role{background-color:#ff8c4e26;color:#ff8c4e}.mention.channel{background-color:#78787840;color:var(--color-text)}.mention:hover{background-color:#fff3}:root{--color-bg-main: #0E0E10;--color-bg-secondary: #1A1B26;--color-bg-accent: #232533;--color-bg-other: #151520;--color-primary: #3B82F6;--color-primary-hover: #60A5FA;--color-other-hover: #213660 ;--color-success: #22C55E;--color-error: #EF4444;--color-warning: #F59E0B;--color-text-main: #F3F4F6;--color-text: #D1D5DB;--color-text-secondary: #9CA3AF;--color-text-muted: #6B7280}[data-notivue=success],[data-notivue=promise-resolve]{--nv-bg: var(--nv-success-bg);--nv-fg: var(--nv-success-fg);--nv-accent: var(--nv-success-accent, var(--nv-global-accent));--nv-border: var(--nv-success-border)}[data-notivue=error],[data-notivue=promise-reject]{--nv-bg: var(--nv-error-bg);--nv-fg: var(--nv-error-fg);--nv-accent: var(--nv-error-accent, var(--nv-global-accent));--nv-border: var(--nv-error-border)}[data-notivue=warning]{--nv-bg: var(--nv-warning-bg);--nv-fg: var(--nv-warning-fg);--nv-accent: var(--nv-warning-accent, var(--nv-global-accent));--nv-border: var(--nv-warning-border)}[data-notivue=info]{--nv-bg: var(--nv-info-bg);--nv-fg: var(--nv-info-fg);--nv-accent: var(--nv-info-accent, var(--nv-global-accent));--nv-border: var(--nv-info-border)}[data-notivue=promise]{--nv-bg: var(--nv-promise-bg);--nv-fg: var(--nv-promise-fg);--nv-accent: var(--nv-promise-accent, var(--nv-global-accent));--nv-border: var(--nv-promise-border)}.Notivue__notification{--tip-width: calc(var(--tip-width-fx, 1) * var(--nv-tip-width, 0px));box-sizing:border-box;position:relative;width:var(--nv-min-width, auto);max-width:var(--nv-width, 100%);background-color:var(--nv-bg, var(--nv-global-bg));display:flex;align-items:var(--nv-y-align);border-radius:var(--nv-radius, 0);border:var(--nv-border-width, 0) solid var(--nv-border, var(--nv-global-border));box-shadow:var(--nv-shadow, 0 0 rgba(0, 0, 0, 0)),inset var(--tip-width) 0 0 var(--nv-accent)}.Notivue__notification *{box-sizing:border-box;touch-action:manipulation}.Notivue__notification[data-notivue-has-title=true]{align-items:var(--nv-y-align-has-title, var(--nv-y-align))}.Notivue__icon{display:flex;justify-content:center;align-items:center;overflow:visible;min-width:var(--nv-icon-size);width:var(--nv-icon-size);height:var(--nv-icon-size);margin:var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing);color:var(--nv-accent)}.Notivue__content{--nv-content-space: calc(var(--nv-spacing) + var(--nv-spacing) * .15);display:flex;flex-direction:column;flex-grow:1;text-align:inherit;padding:var(--nv-content-space)}.Notivue__content-title{line-height:1.15;font-weight:700;color:var(--nv-fg, var(--nv-global-fg));font-size:var(--nv-title-size);margin:0 0 .33em;padding:0}.Notivue__transition-enter-active{--dur-easing: .5s cubic-bezier(.16, 1, .3, 1);transition:opacity var(--dur-easing),transform var(--dur-easing)}@media (prefers-reduced-motion: reduce){.Notivue__transition-enter-active{transition:none}}.Notivue__transition-enter-from{opacity:0;transform:scale(.8)}.Notivue__transition-enter-to{opacity:1;transform:scale(1)}.Notivue__transition-leave-active{transition:opacity 0ms ease}.Notivue__transition-leave-from,.Notivue__transition-leave-to{opacity:0}.Notivue__content-message{max-height:250px;overflow:auto;line-height:1.375;color:var(--nv-fg, var(--nv-global-fg));margin:0;padding:0;font-size:var(--nv-message-size);white-space:pre-line}.Notivue__close{position:relative;cursor:pointer;padding:calc(var(--nv-spacing) / 2);margin:var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0;font-weight:700;border:none;background:none;line-height:1;font-size:var(--nv-message-size);color:var(--nv-fg, var(--nv-global-fg));-webkit-tap-highlight-color:rgba(0,0,0,0)}.Notivue__close:after{content:"";position:absolute;inset:0;width:100%;height:100%;background-color:var(--nv-fg, var(--nv-global-fg));opacity:0;border-radius:calc(var(--nv-radius) / 2);transition:opacity .1s ease-out}@media (hover: hover){.Notivue__close:hover{opacity:1}.Notivue__close:hover:after{opacity:.1}.Notivue__close:hover .Notivue__close-icon{opacity:1}}.Notivue__close-icon{width:var(--nv-icon-size);height:var(--nv-icon-size);display:flex;color:var(--nv-fg, var(--nv-global-fg));pointer-events:none;opacity:.65}.Notivue__spinner{transform-origin:center;animation:Notivue__spinner-kf .75s infinite linear}@keyframes Notivue__spinner-kf{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.Notivue__spinner,.Notivue__duplicate{animation:none}}[dir=rtl] .Notivue__notification{--tip-width-fx: -1}[dir=rtl] .Notivue__icon{margin:var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0}[dir=rtl] .Notivue__content-message{font-size:calc(var(--nv-message-size) + .1em)}[dir=rtl] .Notivue__content-title{font-size:calc(var(--nv-title-size) + .1em)}[dir=rtl] .Notivue__close{margin:var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing)}.Notivue__duplicate{animation:Notivue__duplicate-kf .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes Notivue__duplicate-kf{0%{transform:scale(1);opacity:1}50%{transform:scale(1.035);opacity:.8}to{transform:scale(1);opacity:1}}[data-notivue-align=top] .Notivue__enter,[data-notivue-align=top] .Notivue__leave{--notivue-ty: -200%}[data-notivue-align=bottom] .Notivue__enter,[data-notivue-align=bottom] .Notivue__leave{--notivue-ty: 200%}.Notivue__enter{animation:Notivue__enter-kf .35s cubic-bezier(.5,1,.25,1)}.Notivue__leave{animation:Notivue__leave-kf .35s ease}.Notivue__clearAll{animation:Notivue__clearAll-kf .5s cubic-bezier(.22,1,.36,1)}@keyframes Notivue__enter-kf{0%{transform:translate3d(0,var(--notivue-ty),0) scale(.25);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes Notivue__leave-kf{0%{transform:translateZ(0) scale(1);opacity:.7}to{transform:translate3d(0,var(--notivue-ty),0) scale(0);opacity:0}}@keyframes Notivue__clearAll-kf{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: no-preference){.Notivue__notification:has(.Notivue__progress){border-radius:var(--nv-radius, 0) var(--nv-radius, 0) var(--nv-radius, 0) 0}.Notivue__notification:has(.Notivue__progress) .Notivue__content-message{margin-bottom:var(--nv-progress-height, 4px)}.Notivue__progress{position:absolute;bottom:0;left:0;width:100%;height:var(--nv-progress-height, 4px);background-color:var(--nv-accent);animation:Notivue__progress-kf var(--nv-anim-dur) linear forwards;transform-origin:left;border-radius:0 var(--nv-radius, 0) var(--nv-radius, 0) 0}[dir=rtl] .Notivue__progress{transform-origin:right;border-radius:var(--nv-radius, 0) 0 0 var(--nv-radius, 0)}[dir=rtl] .Notivue__notification:has(.Notivue__progress){border-radius:var(--nv-radius, 0) var(--nv-radius, 0) 0 var(--nv-radius, 0)}@keyframes Notivue__progress-kf{0%{transform:scaleX(1)}to{transform:scaleX(0)}}}@media (prefers-reduced-motion: reduce){.Notivue__progress{display:none}}.input-block[data-v-375632b3]{width:100%;display:flex;flex-direction:column;gap:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-block .input[data-v-375632b3]{width:100%;position:relative}.input-block .input input[data-v-375632b3]{width:100%;background-color:var(--color-bg-accent);border:none;border-radius:6px;padding:10px;color:#fff;height:42px;line-height:42px}.input-block .input input[data-v-375632b3]:focus{outline:2px solid #3f8cff66;outline-offset:2px}.input.input-icon svg.icon[data-v-375632b3]{width:24px;height:24px;position:absolute;left:10px;top:50%;transform:translateY(-50%)}.input-block .input.input-icon input[data-v-375632b3]{padding-left:44px}.input-block .input.input-icon:focus-within svg.icon[data-v-375632b3]{color:#3f8cff66}svg.toggle-password[data-v-375632b3]:hover{color:#fff}svg.toggle-password[data-v-375632b3]{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#3f8cff66;width:24px;height:24px}.image-block[data-v-e41a3505]{position:relative;width:100%;display:inline-block;overflow:hidden;border-radius:8px}.skeleton[data-v-e41a3505]{width:100%;padding-top:56%;background:linear-gradient(90deg,#222432 25%,#2a2d3d 37%,#222432 63%);background-size:400% 100%;animation:shimmer-e41a3505 1.2s infinite;border-radius:8px}@keyframes shimmer-e41a3505{0%{background-position:100% 0}to{background-position:0 0}}img[data-v-e41a3505]{width:100%;height:auto;display:block;border-radius:8px;transition:opacity .3s ease}.is-hidden[data-v-e41a3505]{opacity:0}.error[data-v-e41a3505]{width:100%;padding:16px;text-align:center;background:#2b2e3e;color:#fff;border-radius:8px}.fade-scale-enter-active[data-v-c305f66a],.fade-scale-leave-active[data-v-c305f66a]{transition:opacity .6s ease,transform .6s ease}.fade-scale-enter-from[data-v-c305f66a],.fade-scale-leave-to[data-v-c305f66a]{opacity:0;transform:scale(1.05)}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:40}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;--f-thumbs-padding-y: 0}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.emoji[data-v-230622da]{width:30px;height:30px;cursor:pointer;transition:.3s all ease}.emoji[data-v-230622da]:hover{opacity:.6;transform:scale(1.1)}.attachments[data-v-230622da]{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}.attachment.image img[data-v-230622da]{max-width:250px;max-height:200px;border-radius:8px;cursor:pointer;object-fit:cover;transition:transform .2s ease,opacity .2s ease}.attachment.image img[data-v-230622da]:hover{opacity:.9;transform:scale(1.02)}.attachment.file[data-v-230622da]{display:flex;align-items:center;gap:8px;background:#2a2a2a;border:1px solid #333;border-radius:6px;padding:6px 10px;max-width:300px}.file-icon[data-v-230622da]{font-size:22px;color:var(--color-text)}.file-info[data-v-230622da]{display:flex;flex-direction:column;gap:2px}.file-name[data-v-230622da]{color:#ddd;font-size:14px;word-break:break-all}.download[data-v-230622da]{color:var(--color-primary, #4e8cff);font-size:13px;text-decoration:none}.download[data-v-230622da]:hover{text-decoration:underline}.picker[data-v-18f77ac4]{position:absolute;width:320px;max-height:380px;background:var(--color-bg-other);border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;z-index:200;animation:fadeIn-18f77ac4 .15s ease}.picker-header[data-v-18f77ac4]{display:flex;align-items:center;background:var(--color-bg-secondary);padding:6px 8px;justify-content:space-between}.tab[data-v-18f77ac4]{flex:1;border:none;background:transparent;color:#b9bbbe;font-size:20px;cursor:pointer;transition:background .2s;border-radius:6px}.tab[data-v-18f77ac4]:hover{background:#383a40}.tab.active[data-v-18f77ac4]{background:#404249;color:#fff}.close[data-v-18f77ac4]{background:transparent;border:none;color:#b9bbbe;font-size:18px;cursor:pointer;transition:color .2s}.close[data-v-18f77ac4]:hover{color:#fff}.content[data-v-18f77ac4]{flex:1;overflow-y:auto;padding:8px}.emoji-list[data-v-18f77ac4]{display:grid;grid-template-columns:repeat(auto-fill,36px);gap:6px;justify-content:center}.emoji-item[data-v-18f77ac4]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:6px;cursor:pointer;transition:background .2s,transform .15s}.emoji-item[data-v-18f77ac4]:hover{background:#383a40;transform:scale(1.15)}.sticker-grid[data-v-18f77ac4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.sticker[data-v-18f77ac4]{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:background .15s,transform .15s}.sticker[data-v-18f77ac4]:hover{background:#383a40;transform:scale(1.1)}.sticker img[data-v-18f77ac4]{width:60px;height:60px;border-radius:8px;object-fit:contain}@keyframes fadeIn-18f77ac4{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drop-overlay[data-v-f5c04ce1]{position:absolute;inset:0;background:#323232cc;display:flex;align-items:center;justify-content:center;border:2px dashed #5b5b5b;color:var(--color-text);font-size:18px;border-radius:8px;z-index:10}.input-area[data-v-f5c04ce1]{padding:12px 16px;background:var(--color-bg-secondary);border-top:1px solid var(--color-bg-accent);display:flex;flex-direction:column;gap:8px}.discord-input input[data-v-f5c04ce1]{flex:1;background:transparent;border:none;outline:none;color:#f1f1f1;font-size:14px;padding:6px 0}.discord-input input[data-v-f5c04ce1]::placeholder{color:var(--color-bg-secondary)}.hidden-input[data-v-f5c04ce1]{display:none}.attachments[data-v-f5c04ce1]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.file-chip[data-v-f5c04ce1]{display:flex;align-items:center;background:#2a2b36;border:1px solid #3a3b46;color:#e2e2e2;border-radius:6px;padding:4px 8px;font-size:13px}.file-name[data-v-f5c04ce1]{margin-right:6px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove[data-v-f5c04ce1]{background:none;border:none;color:#999;font-size:14px;cursor:pointer}.remove[data-v-f5c04ce1]:hover{color:#fff}.image-thumb[data-v-f5c04ce1]{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid #3a3b46;background:#2a2b36}.image-thumb img[data-v-f5c04ce1]{width:100%;height:100%;object-fit:cover;display:block}.image-thumb .remove[data-v-f5c04ce1]{position:absolute;top:3px;right:4px;font-size:16px;background:#00000080;border-radius:50%;width:20px;height:20px;color:#fff;line-height:18px}.attach-btn[data-v-f5c04ce1]{background:none;border:none;cursor:pointer;font-size:18px;color:var(--color-text);transition:color .2s;position:absolute;left:10px;top:50%;transform:translateY(-50%);height:24px}.attach-btn[data-v-f5c04ce1]:hover{color:#fff}.controls[data-v-f5c04ce1]{display:flex;align-items:center;gap:8px}.suggestions[data-v-f5c04ce1]{position:absolute;bottom:70px;background:#1e1f22;color:#fff;border-radius:8px;list-style:none;padding:5px 0;margin:0;width:250px}.suggestions li[data-v-f5c04ce1]{padding:5px 10px;cursor:pointer}.suggestions li.active[data-v-f5c04ce1],.suggestions li[data-v-f5c04ce1]:hover{background:#5865f2}.icon-button[data-v-f5c04ce1]{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:24px}.input-wrapper[data-v-f5c04ce1]{position:relative}.voice-controls[data-v-b534ab07]{display:flex;justify-content:space-between;gap:6px;padding:6px;background-color:var(--color-bg-accent);border-top:1px solid var(--color-bg-accent)}.control-btn[data-v-b534ab07]{flex:1;height:48px;border-radius:8px;background-color:#323549;color:#b9bbbe;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease;border:none}.control-btn[data-v-b534ab07]:hover{background-color:var(--color-bg-other);color:#fff}.control-btn.active[data-v-b534ab07]{background:var(--color-primary);color:#fff}.control-btn.active[data-v-b534ab07]:hover{background:var(--color-primary-hover)}.icon[data-v-b534ab07]{width:22px;height:22px;fill:currentColor}.info-wrapper[data-v-be8c04cf]{position:relative;display:inline-block;height:30px}.info-tooltip[data-v-be8c04cf]{display:none;position:absolute;left:0;bottom:100%;margin-top:8px;background:#1e1e2f;color:#fff;padding:12px 16px;border-radius:6px;font-size:13px;z-index:20;box-shadow:0 2px 10px #0006;min-width:260px}.info-wrapper:hover .info-tooltip[data-v-be8c04cf]{display:block}.track-stats+.track-stats[data-v-be8c04cf]{margin-top:10px;border-top:1px solid var(--color-bg-accent);padding-top:10px}.track-stats span[data-v-be8c04cf]{color:var(--color-primary);font-weight:700}.rtc-stats svg[data-v-be8c04cf]{color:var(--color-primary);width:30px;height:30px;transition:.3s all ease}.rtc-stats button[data-v-be8c04cf]{width:30px;height:30px;cursor:pointer;padding:0}.rtc-stats svg[data-v-be8c04cf]:hover{opacity:.6;transform:scale(1.1)}.rtc-stats[data-v-be8c04cf]{height:30px}.stp[data-v-17e6bd96]{width:100%;display:flex;flex-direction:column;gap:10px;position:relative}.stp-popover[data-v-17e6bd96]{position:absolute;left:0;width:100%;z-index:999;background:#1c1e2a;color:#fff;border-radius:8px;box-shadow:0 10px 30px #00000059;border:1px solid #2b2d3a}.stp-popover.is-down[data-v-17e6bd96]{top:calc(100% + 6px)}.stp-popover.is-up[data-v-17e6bd96]{bottom:calc(100% + 6px)}.stp[data-v-17e6bd96]{width:100%;display:flex;flex-direction:column;gap:10px}.stp-label[data-v-17e6bd96]{color:#fff}.stp-trigger[data-v-17e6bd96]{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);color:#fff;border:none;border-radius:6px;padding:0 10px;cursor:pointer}.stp-trigger[data-v-17e6bd96]:focus{outline:2px solid #3f8cff66;outline-offset:2px}.is-disabled .stp-trigger[data-v-17e6bd96]{opacity:.6;cursor:not-allowed}.stp-val[data-v-17e6bd96]{display:flex;align-items:center;min-width:0;gap:8px;line-height:24px}.stp-val-icon[data-v-17e6bd96]{font-size:18px}.stp-val-text[data-v-17e6bd96]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stp-actions[data-v-17e6bd96]{display:flex;align-items:center;gap:6px}.stp-caret[data-v-17e6bd96]{font-size:18px;opacity:.8}.stp-clear[data-v-17e6bd96]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#aaa;background:transparent;-webkit-user-select:none;user-select:none}.stp-clear[data-v-17e6bd96]:hover{background:#ffffff14}.stp-popover[data-v-17e6bd96]{background:#1c1e2a;color:#fff;border-radius:8px;box-shadow:0 10px 30px #00000059;border:1px solid #2b2d3a}.stp-search-wrap[data-v-17e6bd96]{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #2b2d3a}.stp-search-ic[data-v-17e6bd96]{font-size:18px;opacity:.7}.stp-search[data-v-17e6bd96]{flex:1;height:34px;border:none;outline:none;border-radius:6px;background:var(--color-bg-accent);color:#fff;padding:0 10px}.stp-list[data-v-17e6bd96]{list-style:none;margin:0;padding:6px;max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:6px}.stp-item[data-v-17e6bd96]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;justify-content:space-between;align-content:center}.stp-item.is-disabled[data-v-17e6bd96]{opacity:.5;cursor:not-allowed}.stp-item.is-hover[data-v-17e6bd96]{background:#2a2d3b}.stp-item.is-selected[data-v-17e6bd96]{background:#2b3350}.stp-item-ic[data-v-17e6bd96]{font-size:18px}.stp-item-texts[data-v-17e6bd96]{min-width:0}.stp-item-label[data-v-17e6bd96]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stp-item-hint[data-v-17e6bd96]{font-size:12px;opacity:.7;margin-top:2px}.stp-check[data-v-17e6bd96]{font-size:18px;opacity:.9}.stp-empty[data-v-17e6bd96]{padding:10px;opacity:.7;text-align:center}.stp-list[data-v-17e6bd96]::-webkit-scrollbar{width:10px}.stp-list[data-v-17e6bd96]::-webkit-scrollbar-thumb{background:#343745;border-radius:10px}.stp-list[data-v-17e6bd96]::-webkit-scrollbar-track{background:var(--color-bg-accent)}.checkbox-block[data-v-2b7e84ab]{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-size:14px}.checkbox-block input[type=checkbox][data-v-2b7e84ab]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border-radius:6px;background-color:var(--color-bg-accent);border:2px solid #3f8cff66;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.checkbox-block input[type=checkbox][data-v-2b7e84ab]:after{content:"✔";color:#fff;font-size:14px;display:none}.checkbox-block input[type=checkbox][data-v-2b7e84ab]:checked{background-color:#3f8cff;border-color:#3f8cff}.checkbox-block input[type=checkbox][data-v-2b7e84ab]:checked:after{display:block}.checkbox-block input[type=checkbox][data-v-2b7e84ab]:focus{outline:2px solid #3f8cff66;outline-offset:2px}.checkbox-label[data-v-2b7e84ab]{cursor:pointer;-webkit-user-select:none;user-select:none}.danger-zone[data-v-8c9e64f7]{margin-top:auto}.audio-settings[data-v-8c9e64f7]{display:flex;flex-direction:column;gap:12px}.user-popup .role.add-role[data-v-6677f740]{cursor:pointer;color:#b9bbbe}.user-popup .role.add-role[data-v-6677f740]:hover{background:#3a3c43}.user-popup .role.add-role .dot[data-v-6677f740]{display:flex;justify-content:center;align-items:center;font-weight:700}.user-popup .remove-btn[data-v-6677f740]{margin-left:auto;background:transparent;border:none;color:#b9bbbe;cursor:pointer;font-size:14px;transition:color .15s}.user-popup .remove-btn[data-v-6677f740]:hover{color:#ff5f5f}.modal h3[data-v-e464d264]{font-size:18px}.modal p[data-v-e464d264]{color:var(--color-text)}.actions[data-v-e464d264]{display:flex;justify-content:flex-start;gap:8px}.danger-zone[data-v-0fc89360]{margin-top:auto}.textarea-block[data-v-8cc631a5]{width:100%;display:flex;flex-direction:column;gap:12px}.textarea[data-v-8cc631a5]{width:100%;display:flex;align-items:flex-start;gap:8px}.textarea textarea[data-v-8cc631a5]{width:100%;background-color:var(--color-bg-accent);border:none;border-radius:6px;padding:10px;color:#fff;resize:vertical;min-height:80px;line-height:1.4}.textarea textarea[data-v-8cc631a5]:focus{outline:2px solid #3f8cff66;outline-offset:2px}.permission-toggle[data-v-cb6f323b]{display:flex;gap:4px}.perm-cell[data-v-cb6f323b]{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);font-weight:700;-webkit-user-select:none;user-select:none;transition:.15s ease;background:var(--color-bg-secondary)}.perm-cell.allow.active[data-v-cb6f323b]{background-color:var(--color-success);color:#fff}.perm-cell.deny.active[data-v-cb6f323b]{background-color:var(--color-error);color:#fff}.perm-cell.neutral.active[data-v-cb6f323b]{background-color:var(--color-primary);color:#fff}.perm-cell[data-v-cb6f323b]:hover{opacity:.85}.overwrites-section[data-v-687f5da2]{display:flex;flex-direction:column;gap:10px}.overwrite-row[data-v-687f5da2]{border:1px solid var(--color-bg-accent);padding:10px;border-radius:6px;background:var(--color-bg-accent);gap:12px;display:flex;flex-direction:column}.permissions-grid[data-v-687f5da2]{display:flex;flex-wrap:wrap;gap:12px;padding:10px 5px}.permission-checkbox label[data-v-687f5da2]{display:flex;align-items:center;gap:4px;font-size:12px}.permission-checkbox[data-v-687f5da2]{width:100%;display:flex;flex-direction:row;justify-content:space-between}.permission-checkbox span[data-v-687f5da2]{font-size:13px}.overwrite-header[data-v-687f5da2]{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.overwrite-content[data-v-687f5da2]{display:flex;flex-direction:column;gap:10px}.overwrite-header-btn-block[data-v-687f5da2]{display:flex;gap:8px;flex-direction:row}.overwrite-header-btn-block button[data-v-687f5da2]{min-width:24px}.label[data-v-b6b09d60]{font-size:13px;margin-bottom:6px;color:#bfc5c9}.row[data-v-b6b09d60]{display:flex;flex-direction:column;gap:6px}.inputs-inline[data-v-b6b09d60]{display:flex;gap:8px;align-items:center}.invite-result[data-v-b6b09d60]{margin-top:12px;display:flex;flex-direction:column;gap:10px}.link-row[data-v-b6b09d60]{display:flex;gap:8px;align-items:center}.meta[data-v-b6b09d60]{color:#9aa0a6;font-size:13px;display:flex;gap:12px;margin-top:6px}.error[data-v-b6b09d60]{color:#f77;font-size:13px}.temp[data-v-b6b09d60]{margin-top:37px}.empty-server[data-v-fa1b848d]{flex:1;display:flex;align-items:center;justify-content:center}li[data-v-fa1b848d]{cursor:grab;position:relative}.drag-over-top[data-v-fa1b848d]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#5865f2}.drag-over-bottom[data-v-fa1b848d]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#5865f2}.join-server-page[data-v-8b389a65]{max-width:380px;width:100%;padding:40px;top:50%;left:50%;background:var(--color-bg-secondary);border-radius:8px;color:var(--color-text-main);display:flex;gap:24px;flex-direction:column;transform:translate(-50%,-50%);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.title[data-v-8b389a65]{color:#fff;margin-bottom:20px;font-size:24px}.message[data-v-8b389a65]{color:#b9bbbe;margin-bottom:20px;font-size:16px}.message.error[data-v-8b389a65]{color:#f04747}.message.success[data-v-8b389a65]{color:#43b581}.join-btn[data-v-8b389a65]{background-color:#7289da;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s,transform .1s}.join-btn[data-v-8b389a65]:hover{background-color:#5b6eae}.join-btn[data-v-8b389a65]:active{transform:scale(.97)}.join-btn[data-v-8b389a65]:disabled{background-color:#4e5d94;cursor:not-allowed}.skeleton[data-v-8b389a65]{width:100%;padding-top:20px;background:linear-gradient(90deg,#222432 25%,#2a2d3d 37%,#222432 63%);background-size:400% 100%;animation:shimmer 1.2s infinite;border-radius:8px}