@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.app-container{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:280px;min-width:280px;background-color:#2b2d31;display:flex;flex-direction:column;border-right:1px solid #1e1f22;height:100vh;overflow:hidden}.user-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#232428;border-bottom:1px solid #1e1f22;flex-shrink:0}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}.user-info{flex:1;min-width:0;padding:0;border-bottom:none}.user-info h3{margin:0;font-size:15px;font-weight:600;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{margin:0;font-size:12px;color:#b5bac1;text-transform:capitalize}.settings-gear-btn{width:32px;height:32px;padding:0!important;background:transparent!important;color:#b5bac1!important;border:none!important;border-radius:4px!important;cursor:pointer;transition:all .15s!important;flex-shrink:0;display:flex;align-items:center;justify-content:center}.settings-gear-btn:hover{color:#dcddde!important;background:transparent!important}.settings-gear-btn svg{transition:transform .3s ease}.settings-gear-btn:hover svg{transform:rotate(45deg)}.main-chat{flex:1;display:flex;flex-direction:column;background-color:#313338;min-width:0;height:100vh}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#949ba4;text-align:center;padding:40px}.no-chat-selected h2{font-size:24px;font-weight:700;color:#f2f3f5;margin-bottom:8px}.no-chat-selected p{font-size:15px;color:#949ba4;max-width:380px;line-height:1.5}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#b5bac1;font-size:16px}@media (max-width: 768px){.app-container{flex-direction:row}.sidebar{width:100%;min-width:100%;flex-shrink:0}.main-chat{width:100%;min-width:100%;flex-shrink:0;display:none}.app-container.mobile-show-chat .sidebar{display:none}.app-container.mobile-show-chat .main-chat{display:flex}.no-chat-selected{display:none}.user-header{padding:12px 14px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#5865f2 0%,#eb459e 100%);padding:20px}.auth-box{background:#313338;padding:36px 32px;border-radius:8px;box-shadow:0 8px 32px #00000059;width:100%;max-width:420px}.auth-box h1{text-align:center;color:#f2f3f5;margin-bottom:24px;font-size:28px;font-weight:700}.auth-toggle{display:flex;gap:0;margin-bottom:24px;background:#1e1f22;border-radius:6px;padding:3px}.auth-toggle button{flex:1;padding:10px;border:none;background:transparent;color:#949ba4;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.auth-toggle button.active{background:#5865f2;color:#f2f3f5}.auth-toggle button:hover:not(.active){color:#dbdee1}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#b5bac1;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.form-group input{width:100%;padding:11px 14px;background:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:15px;transition:box-shadow .15s}.form-group input:focus{outline:none;box-shadow:0 0 0 2px #5865f2}.form-group input::placeholder{color:#6d6f78}.error-message{background:rgba(218,55,60,.1);color:#f38688;padding:10px 12px;border-radius:6px;margin-bottom:16px;font-size:13px;border-left:3px solid #da373c}.submit-btn{width:100%;padding:12px;background:#5865f2;color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:8px}.submit-btn:hover:not(:disabled){background:#4752c4}.submit-btn:active:not(:disabled){background:#3c45a5}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker{position:absolute;bottom:calc(100% + 8px);left:20px;width:340px;background:#2b2d31;border:1px solid #1e1f22;border-radius:10px;box-shadow:0 8px 32px #0006;z-index:50;overflow:hidden;animation:pickerSlideUp .15s ease-out}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emoji-tabs{display:flex;gap:0;padding:6px 8px 0;border-bottom:1px solid #1e1f22;background:#2b2d31;overflow-x:auto}.emoji-tabs::-webkit-scrollbar{display:none}.emoji-tab{flex-shrink:0;padding:6px 8px 8px;background:none!important;border:none;border-radius:0;font-size:18px;cursor:pointer;opacity:.5;transition:all .12s;border-bottom:2px solid transparent;line-height:1}.emoji-tab:hover{opacity:.8;background:none!important}.emoji-tab.active{opacity:1;border-bottom-color:#5865f2;background:none!important}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:260px;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:transparent}.emoji-grid::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.emoji-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-size:22px;background:none!important;border:none;border-radius:6px;cursor:pointer;padding:0!important;transition:all .1s;line-height:1}.emoji-btn:hover{background:#404249!important;transform:scale(1.15)}.emoji-btn:active{transform:scale(.95)}.emoji-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent!important;border:none;border-radius:6px;cursor:pointer;font-size:20px;padding:0!important;opacity:.55;transition:all .15s;flex-shrink:0}.emoji-toggle:hover{opacity:1;background:#383a40!important}.emoji-toggle.active{opacity:1}.chat-window{display:flex;flex-direction:column;height:100%;min-width:0}.chat-header{display:flex;align-items:center;padding:12px 20px;background:#313338;border-bottom:1px solid #1e1f22;flex-shrink:0;box-shadow:0 1px 3px #00000026;z-index:2}.friend-info{display:flex;align-items:center;gap:12px}.chat-header .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;flex-shrink:0}.friend-info h2{margin:0;color:#f2f3f5;font-size:16px;font-weight:600}.status{font-size:12px;color:#949ba4}.status.online{color:#23a55a}.status.offline{color:#80848e}.messages-container{flex:1;overflow-y:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#222326}.message{display:flex;margin-bottom:4px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:65%;min-width:80px;padding:10px 14px;border-radius:16px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.45;position:relative}.message-content p{margin:0;font-size:14.5px;color:inherit;background:none!important;padding:0!important;border-radius:0!important}.message.sent .message-content{background:#5865f2;color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background:#383a40;color:#dbdee1;border-bottom-left-radius:4px}.message.sent+.message.sent{margin-top:2px}.message.received+.message.received{margin-top:2px}.timestamp{display:block;font-size:11px;margin-top:4px;opacity:.55;font-weight:400}.messages-container .loading{text-align:center;color:#949ba4;padding:40px 20px;font-size:14px;height:auto}.no-messages{text-align:center;color:#80848e;margin:auto;font-size:15px;padding:40px 20px;line-height:1.5}.typing-indicator{color:#949ba4;font-style:italic;font-size:13px;padding:4px 12px 8px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.message-input{display:flex;align-items:center;gap:12px;padding:12px 20px 20px;background:#313338;flex-shrink:0;position:relative}.message-input input{flex:1;padding:12px 16px;background:#383a40;border:none;border-radius:8px;color:#dbdee1;font-size:14.5px;line-height:1.4;transition:background .15s}.message-input input::placeholder{color:#6d6f78}.message-input input:focus{outline:none;background:#404249}.message-input button{padding:10px 22px;background:#5865f2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .15s;flex-shrink:0}.message-input button:hover{background:#4752c4}.message-input button:active{background:#3c45a5}.back-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent!important;border:none;border-radius:6px;color:#b5bac1;font-size:20px;cursor:pointer;flex-shrink:0;padding:0!important;transition:all .15s}.back-btn:hover{background:#383a40!important;color:#f2f3f5}@media (max-width: 768px){.back-btn{display:flex}.chat-header{padding:10px 14px}.chat-header .avatar{width:34px;height:34px;font-size:15px}.friend-info h2{font-size:15px}.messages-container{padding:14px 12px 8px}.message-content{max-width:80%;padding:8px 12px}.message-input{padding:10px 12px 14px;gap:8px}.message-input input{padding:10px 12px;font-size:14px}.message-input button{padding:10px 16px;font-size:13px}}@media (max-width: 768px){.emoji-picker{left:12px;right:12px;width:auto}}.friends-list{flex:1;overflow-y:auto;padding:4px 0}.friends-list::-webkit-scrollbar{width:6px}.friends-list::-webkit-scrollbar-track{background:transparent}.friends-list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.friends-list h3{padding:16px 16px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#949ba4;margin:0}.friend-item{display:flex;align-items:center;gap:12px;padding:7px 12px;margin:1px 8px;cursor:pointer;color:#949ba4;border-radius:6px;transition:all .12s ease;position:relative}.friend-item:hover{background-color:#35373c;color:#dbdee1}.friend-item.active{background-color:#404249;color:#f2f3f5}.friend-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.friend-details{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center}.friend-name{margin:0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{font-size:10px;flex-shrink:0;margin-left:4px}.no-friends{padding:20px 16px;text-align:center;color:#80848e;font-size:13px;line-height:1.5}.friend-requests{padding:0;border-bottom:1px solid #1e1f22;flex-shrink:0}.friend-requests h3{padding:12px 16px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#f0b232;margin:0}.request-item{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;margin:1px 8px;border-radius:6px;transition:background .12s}.request-item:hover{background:#35373c}.request-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.request-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f0b232,#e78a2c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.request-info span{color:#dbdee1;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-actions{display:flex;gap:6px;flex-shrink:0}.accept-btn{width:28px;height:28px;border-radius:50%;border:none;background:#23a55a;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.accept-btn:hover{background:#1e9050;transform:scale(1.1)}.decline-btn{width:28px;height:28px;border-radius:50%;border:none;background:#da373c;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.decline-btn:hover{background:#c42f33;transform:scale(1.1)}.search-users{padding:10px 12px;border-bottom:1px solid #1e1f22;flex-shrink:0}.search-box{position:relative;display:flex;gap:6px}.search-box input{flex:1;min-width:0;padding:8px 12px;background:#1e1f22;border:none;border-radius:6px;color:#dbdee1;font-size:13px;transition:background .15s}.search-box input:focus{outline:none;background:#1a1b1e}.search-box input::placeholder{color:#80848e}.add-friend-btn{padding:8px 14px;background:#5865f2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s,opacity .15s;flex-shrink:0}.add-friend-btn:hover:not(:disabled){background:#4752c4}.add-friend-btn:disabled{opacity:.4;cursor:not-allowed}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;max-height:220px;overflow-y:auto;z-index:20;box-shadow:0 8px 24px #00000059}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;transition:background .12s}.search-result-item:first-child{border-radius:7px 7px 0 0}.search-result-item:last-child{border-radius:0 0 7px 7px}.search-result-item:only-child{border-radius:7px}.search-result-item:hover{background:#35373c}.result-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.result-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.result-info span{color:#dbdee1;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item button{padding:5px 14px;background:#5865f2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s;flex-shrink:0}.search-result-item button:hover{background:#4752c4}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#313338;z-index:1000;animation:settingsFadeIn .15s ease}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.settings-layout{display:flex;height:100vh;width:100%}.settings-sidebar{width:218px;min-width:218px;background:#2b2d31;display:flex;justify-content:flex-end;flex:1 0 218px}.settings-sidebar-inner{width:218px;padding:60px 6px 20px 20px;overflow-y:auto}.settings-sidebar-inner::-webkit-scrollbar{width:4px}.settings-sidebar-inner::-webkit-scrollbar-track{background:transparent}.settings-sidebar-inner::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:2px}.settings-nav-group{margin-bottom:4px}.settings-nav-category{padding:6px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;margin:1px 0;background:transparent;border:none;border-radius:4px;color:#b5bac1;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;text-align:left}.settings-nav-item:hover{background:#35373c;color:#dbdee1}.settings-nav-item.active{background:#404249;color:#fff}.settings-nav-separator{height:1px;background:#3f4147;margin:8px 10px}.logout-item{color:#f23f42!important}.logout-item:hover{background:#f23f42!important;color:#fff!important}.logout-item svg{opacity:.7}.settings-nav-version{padding:6px 10px;font-size:11px;color:#5c5e66;margin-top:4px}.settings-content{flex:1;max-width:740px;padding:60px 40px 80px;overflow-y:auto;position:relative}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#2b2d31;border-radius:4px}.settings-content::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.settings-content-inner h2{font-size:20px;font-weight:600;color:#f2f3f5;margin-bottom:20px}.settings-close-area{display:flex;flex-direction:column;align-items:center;padding-top:60px;padding-right:20px;padding-left:10px;flex-shrink:0}.settings-close-btn{width:36px;height:36px;border-radius:50%;border:2px solid #b5bac1;background:transparent;color:#b5bac1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0}.settings-close-btn:hover{border-color:#f2f3f5;color:#f2f3f5;background:transparent}.settings-close-hint{font-size:13px;font-weight:600;color:#b5bac1;margin-top:4px}.settings-toast{position:sticky;top:0;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;margin-bottom:16px;z-index:10;animation:toastSlideIn .2s ease}@keyframes toastSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-toast.success{background:#248046;color:#fff}.settings-toast.error{background:#f23f42;color:#fff}.account-card{background:#111214;border-radius:8px;overflow:hidden;margin-bottom:40px}.account-card-banner{height:100px;background:linear-gradient(135deg,#5865f2 0%,#eb459e 100%)}.account-card-body{display:flex;align-items:flex-end;padding:0 16px;margin-top:-38px;margin-bottom:12px}.account-card-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e);border:6px solid #111214;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:28px;flex-shrink:0}.account-card-info{padding:12px 0 0 12px}.account-card-name{font-size:20px;font-weight:700;color:#f2f3f5}.account-card-fields{background:#2b2d31;border-radius:8px;margin:0 16px 16px;padding:4px 0}.account-field{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.account-field-left{flex:1;min-width:0}.account-field-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#949ba4;margin-bottom:4px}.account-field-value{font-size:15px;color:#dbdee1}.account-field-edit{display:flex;flex-direction:column;gap:8px}.account-field-edit input{width:100%;padding:8px 10px;background:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px}.account-field-edit input:focus{outline:none}.account-field-edit-actions{display:flex;gap:8px;justify-content:flex-end}.btn-edit{padding:4px 16px;background:#4e5058;color:#fff;border:none;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;flex-shrink:0}.btn-edit:hover{background:#6d6f78}.btn-cancel{padding:4px 16px;background:transparent;color:#b5bac1;border:none;font-size:13px;font-weight:500;cursor:pointer}.btn-cancel:hover{color:#dbdee1;text-decoration:underline}.btn-save{padding:4px 16px;background:#5865f2;color:#fff;border:none;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer}.btn-save:hover{background:#4752c4}.settings-section{margin-bottom:32px}.settings-section h3{font-size:16px;font-weight:600;color:#f2f3f5;margin-bottom:12px}.settings-description{font-size:14px;color:#949ba4;line-height:1.4;margin-bottom:12px}.password-form{max-width:400px}.form-row{margin-bottom:16px}.form-row label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#b5bac1;margin-bottom:8px}.form-row input{width:100%;padding:10px;background:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px}.form-row input:focus{outline:none}.form-row input::placeholder{color:#6d6f78}.btn-change-password{padding:7px 16px;background:#5865f2;color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;margin-top:4px}.btn-change-password:hover{background:#4752c4}.account-removal-buttons{display:flex;gap:12px}.btn-disable-account{padding:7px 16px;background:transparent;color:#f23f42;border:1px solid #f23f42;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-disable-account:hover{background:#f23f42;color:#fff}.btn-delete-account{padding:7px 16px;background:#f23f42;color:#fff;border:1px solid #f23f42;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-delete-account:hover{background:#d83c3e}.profile-preview{background:#232428;border-radius:8px;overflow:hidden;max-width:340px}.profile-preview-banner{height:60px;background:linear-gradient(135deg,#5865f2 0%,#eb459e 100%)}.profile-preview-body{padding:0 16px 16px}.profile-preview-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e);border:5px solid #232428;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;margin-top:-36px}.profile-preview-info{margin-top:8px}.profile-preview-info h3{font-size:20px;font-weight:700;color:#f2f3f5;margin:0}.profile-preview-tag{font-size:14px;color:#b5bac1}.profile-preview-section{padding:12px 0 0;border-top:1px solid #3f4147;margin-top:12px}.profile-preview-section h4{font-size:11px;font-weight:700;text-transform:uppercase;color:#f2f3f5;margin:0 0 6px}.profile-preview-section p{font-size:14px;color:#b5bac1;margin:0}.profile-note-placeholder{color:#5c5e66!important;font-style:italic}.theme-options{display:flex;gap:16px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:12px 20px;border-radius:8px;border:2px solid transparent;transition:border-color .15s}.theme-option input{display:none}.theme-option.active{border-color:#5865f2}.theme-option span{font-size:14px;font-weight:500;color:#dbdee1}.theme-swatch{width:70px;height:50px;border-radius:6px}.theme-dark{background:#313338;border:1px solid #3f4147}.theme-light{background:#fff;border:1px solid #e3e5e8}.display-options{display:flex;gap:16px}.display-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:12px 20px;border-radius:8px;border:2px solid transparent;transition:border-color .15s}.display-option input{display:none}.display-option.active{border-color:#5865f2}.display-option span{font-size:14px;font-weight:500;color:#dbdee1}.display-preview{width:100px;height:50px;background:#2b2d31;border-radius:4px;display:flex;align-items:center;padding:8px;gap:6px}.preview-avatar{width:20px;height:20px;border-radius:50%;background:#5865f2;flex-shrink:0}.preview-lines{display:flex;flex-direction:column;gap:4px;flex:1}.preview-lines div{height:4px;background:#4e5058;border-radius:2px}.preview-lines div:last-child{width:60%}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-info{flex:1}.toggle-info h3{margin-bottom:4px}.toggle-switch{position:relative;width:40px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#80848e;border-radius:12px;transition:background .25s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s}.toggle-switch input:checked+.toggle-slider{background:#23a55a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.activity-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#2b2d31;border-radius:8px;margin-top:20px}.activity-info-icon{font-size:20px;flex-shrink:0}.activity-info p{font-size:14px;color:#949ba4;line-height:1.4}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.coming-soon-icon{font-size:48px;margin-bottom:16px}.coming-soon h3{font-size:20px;font-weight:600;color:#f2f3f5;margin-bottom:8px}.coming-soon p{font-size:15px;color:#949ba4}@media (max-width: 768px){.settings-sidebar{width:180px;min-width:180px;flex:0 0 180px}.settings-sidebar-inner{width:180px;padding:20px 6px 20px 12px}.settings-content{padding:20px 16px 40px}.settings-close-area{padding-top:20px;padding-right:10px}.account-card-body{flex-direction:column;align-items:flex-start}.theme-options,.display-options{flex-direction:column}}@media (max-width: 480px){.settings-sidebar{width:56px;min-width:56px;flex:0 0 56px}.settings-sidebar-inner{width:56px;padding:16px 4px;align-items:center}.settings-nav-category{display:none}.settings-nav-item{font-size:0;justify-content:center;padding:10px}.settings-nav-item:first-letter{font-size:14px}.settings-nav-version{display:none}.settings-close-area{padding-right:6px;padding-left:4px}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#dbdee1;background-color:#313338;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{color:#dbdee1;background-color:#313338}#root{width:100%;height:100vh;overflow:hidden}input,button,textarea{font-family:inherit}input{color:#dbdee1;background-color:#383a40;border:none;padding:8px 12px;border-radius:4px;font-size:14px}button{cursor:pointer;background-color:#5865f2;color:#f2f3f5;border:none;padding:8px 16px;border-radius:4px;font-weight:500;font-size:14px;transition:background-color .15s}button:hover{background-color:#4752c4}input:focus{outline:none}::selection{background:#5865f280;color:#f2f3f5}