*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#36393f;color:#dcddde;height:100vh;overflow:hidden;padding-top:40px}.contract-bar{position:fixed;top:0;left:0;right:0;height:40px;background:linear-gradient(90deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 2px 4px #0003}.contract-content{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.contract-label{color:#fff;opacity:.9}.contract-address{color:#fff;font-family:Courier New,monospace;background:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:12px;letter-spacing:.5px}.copy-contract-btn{background:#ffffff1a;border:none;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s ease}.copy-contract-btn:hover{background:#fff3;transform:scale(1.05)}#app{display:flex;height:100vh}.servers-sidebar{width:72px;background-color:#202225;display:flex;flex-direction:column;align-items:center;padding:12px 0}.server-icon{width:48px;height:48px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;cursor:pointer;transition:all .15s ease;position:relative}.server-icon:hover{border-radius:16px;background-color:#4752c4}.server-icon.active{border-radius:16px}.server-icon.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:8px;height:40px;background-color:#fff;border-radius:0 4px 4px 0}.server-icon svg{color:#fff}.server-icon img{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sidebar-divider{width:32px;height:2px;background-color:#40444b;border-radius:1px;margin:8px 0}.app-body{display:flex;flex:1}.channels-sidebar{width:240px;background-color:#2f3136;display:flex;flex-direction:column}.search-bar{padding:16px}.search-bar input{width:100%;background-color:#202225;border:none;border-radius:4px;padding:8px 12px;color:#dcddde;font-size:14px}.search-bar input::-moz-placeholder{color:#72767d}.search-bar input::placeholder{color:#72767d}.search-bar input:focus{outline:none;background-color:#40444b}.channel-links{list-style:none;padding:0 8px}.channel-links li{margin-bottom:2px}.channel-links a{display:flex;align-items:center;padding:8px;border-radius:4px;color:#8e9297;text-decoration:none;font-weight:500;transition:all .15s ease}.channel-links a:hover{background-color:#40444b;color:#dcddde}.channel-links .icon{margin-right:16px;width:24px;height:24px}.server-section{margin:16px 0}.server-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 8px;font-size:12px;font-weight:600;color:#8e9297;text-transform:uppercase;letter-spacing:.02em}.add-server,.add-server-btn{font-size:18px;cursor:pointer;transition:color .15s ease}.add-server:hover,.add-server-btn:hover{color:#dcddde}.server-channels{list-style:none;padding:0 8px}.server-channels li{margin-bottom:2px}.channel-link{display:flex;align-items:center;padding:6px 8px;border-radius:4px;color:#8e9297;text-decoration:none;font-weight:500;transition:all .15s ease}.channel-link:hover{background-color:#40444b;color:#dcddde}.channel-hash{margin-right:8px;font-weight:300;color:#72767d}.settings-link{color:#ed4245!important}.settings-link:hover{background-color:#40444b;color:#ff6b6b!important}.dm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 8px;font-size:12px;font-weight:600;color:#8e9297;text-transform:uppercase;letter-spacing:.02em}.dm-header span:last-child{font-size:18px;cursor:pointer}.dm-header span:last-child:hover,.add-dm-btn:hover{color:#dcddde}.dm-list{list-style:none;padding:0 8px;flex:1}.dm-list li{display:flex;align-items:center;padding:8px;border-radius:4px;cursor:pointer;transition:all .15s ease;position:relative}.dm-list .avatar{width:32px;height:32px;border-radius:50%;margin-right:12px}.dm-list span{font-weight:500;color:#8e9297}.unread-badge{position:absolute;right:12px;background-color:#f04747;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-panel{background-color:#292b2f;padding:8px;display:flex;justify-content:space-between;align-items:center}.user-info{display:flex;align-items:center}.user-info .avatar{width:32px;height:32px;border-radius:50%;margin-right:8px}.user-info div{display:flex;flex-direction:column}.username{font-size:14px;font-weight:600;color:#fff;line-height:18px}.user-tag{font-size:12px;color:#b9bbbe;line-height:16px}.user-actions{display:flex;gap:8px}.user-actions span{padding:4px;border-radius:4px;cursor:pointer;color:#b9bbbe;transition:all .15s ease}.user-actions span:hover{background-color:#40444b;color:#dcddde}.main-content{flex:1;background-color:#36393f;display:flex;flex-direction:column}.main-header{height:48px;background-color:#36393f;border-bottom:1px solid #40444b;display:flex;justify-content:space-between;align-items:center;padding:0 16px;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d}.header-left{display:flex;align-items:center}.header-left .icon{margin-right:8px;color:#8e9297}.header-title{font-size:16px;font-weight:600;color:#fff;margin-right:16px}.header-divider{width:1px;height:24px;background-color:#40444b;margin:0 16px}.header-nav{display:flex;gap:16px}.nav-item{color:#8e9297;text-decoration:none;font-weight:500;padding:2px 8px;border-radius:4px;transition:all .15s ease}.nav-item:hover{background-color:#40444b;color:#dcddde}.nav-item.active{background-color:#404eed;color:#fff}.header-right{display:flex;align-items:center;gap:16px}.header-right svg{color:#8e9297;cursor:pointer;transition:all .15s ease}.header-right svg:hover{color:#dcddde}.new-dm-icon{cursor:pointer}.content-body{flex:1;padding:16px 20px;overflow-y:auto}.content-section{display:none}.content-section h2{color:#fff;margin-bottom:16px}.add-friend-section{background-color:#2f3136;border-radius:8px;padding:20px;margin-bottom:20px}.add-friend-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.add-friend-section p{color:#b9bbbe;font-size:14px;margin-bottom:16px}.add-friend-input-wrapper{display:flex;gap:8px;margin-bottom:8px}.add-friend-input-wrapper input{flex:1;background-color:#40444b;border:none;border-radius:4px;padding:12px;color:#dcddde;font-size:16px}.add-friend-input-wrapper input::-moz-placeholder{color:#72767d}.add-friend-input-wrapper input::placeholder{color:#72767d}.add-friend-input-wrapper input:focus{outline:none;background-color:#484c52}.add-friend-input-wrapper button{background-color:#5865f2;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-friend-input-wrapper button:hover{background-color:#4752c4}.add-friend-input-wrapper button:disabled{background-color:#4f545c;cursor:not-allowed}.request-message{font-size:14px;margin-top:8px;padding:8px;border-radius:4px}.request-message.success{background-color:#3ba55c;color:#fff}.request-message.error{background-color:#ed4245;color:#fff}.list-header{font-size:12px;font-weight:600;color:#8e9297;text-transform:uppercase;letter-spacing:.02em;margin-bottom:16px}.friend-list{list-style:none}.friend-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;margin-bottom:8px;transition:all .15s ease;cursor:pointer}.friend-item:hover{background-color:#2f3136}.friend-info{display:flex;align-items:center}.friend-info .avatar{width:32px;height:32px;border-radius:50%;margin-right:12px}.friend-info div{display:flex;flex-direction:column}.friend-info .username{font-size:16px;font-weight:600;color:#fff;line-height:20px}.user-status{font-size:14px;color:#b9bbbe;line-height:18px}.friend-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:all .15s ease}.action-btn.accept{background-color:#3ba55c;color:#fff}.action-btn.accept:hover{background-color:#2d7d32}.action-btn.decline{background-color:#ed4245;color:#fff}.action-btn.decline:hover{background-color:#c62828}.empty-state-text{color:#8e9297;font-size:16px;text-align:center;margin-top:40px}#chat-view{display:none;flex-direction:column;height:100%}.chat-header{height:48px;background-color:#36393f;border-bottom:1px solid #40444b;display:flex;align-items:center;padding:0 16px;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d}.chat-header-info{display:flex;align-items:center}.chat-header-info .avatar{width:24px;height:24px;border-radius:50%;margin-right:8px}.chat-header-info .username{font-size:16px;font-weight:600;color:#fff}.chat-messages{flex:1;padding:16px 20px;overflow-y:auto}.welcome-message{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:40px}.welcome-message .avatar.large{width:80px;height:80px;border-radius:50%;margin-bottom:16px}.welcome-message h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.welcome-message p{font-size:16px;color:#b9bbbe}.chat-input-container{padding:16px 20px 24px}.chat-input{width:100%;background-color:#40444b;border:none;border-radius:8px;padding:12px 16px;color:#dcddde;font-size:16px}.chat-input::-moz-placeholder{color:#72767d}.chat-input::placeholder{color:#72767d}.chat-input:focus{outline:none;background-color:#484c52}.chat-input-area{padding:16px 20px 24px}.chat-input-wrapper{display:flex;align-items:center;background-color:#40444b;border-radius:8px;padding:11px 16px;margin:0 16px}.chat-attachment-btn{background:none;border:none;color:#b9bbbe;cursor:pointer;padding:4px;margin-right:16px;border-radius:4px;transition:all .15s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.chat-attachment-btn:hover{background-color:#4f545c;color:#dcddde}.message-input{flex:1;background:none;border:none;color:#dcddde;font-size:15px;padding:0;outline:none;font-family:Roboto,sans-serif;line-height:1.375;min-height:22px;resize:none}.message-input::-moz-placeholder{color:#72767d;font-weight:400}.message-input::placeholder{color:#72767d;font-weight:400}.chat-input-actions{display:flex;align-items:center;gap:16px;margin-left:16px}.emoji-btn,.gif-btn,.send-btn{background:none;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.emoji-btn:hover,.gif-btn:hover,.send-btn:hover{background-color:#4f545c;color:#dcddde}.gif-btn{font-size:12px;font-weight:600;color:#b9bbbe;padding:4px 6px;font-family:Roboto,sans-serif}.gif-btn:hover{background-color:#4f545c;color:#dcddde}.chat-container{display:flex;flex-direction:column;height:100%}.chat-header-actions{display:flex;gap:16px;align-items:center}.chat-header-actions svg{color:#8e9297;cursor:pointer;transition:color .15s ease}.chat-header-actions svg:hover{color:#dcddde}.message-group{display:flex;padding:8px 20px;margin-bottom:8px;transition:background-color .15s ease}.message-group:hover{background-color:#32353b}.message-avatar{width:40px;height:40px;border-radius:50%;margin-right:16px;flex-shrink:0}.message-content{flex:1}.message-header{display:flex;align-items:baseline;margin-bottom:4px}.message-author{font-weight:500;color:#fff;margin-right:8px;cursor:pointer}.message-author:hover{text-decoration:underline}.message-timestamp{font-size:12px;color:#72767d}.message-text{color:#dcddde;line-height:1.375;word-wrap:break-word}.chat-input-wrapper{display:flex;align-items:center;background-color:#40444b;border-radius:8px;padding:0 16px}.chat-attachment-btn{background:none;border:none;color:#8e9297;cursor:pointer;padding:8px;margin-right:8px;border-radius:4px;transition:all .15s ease}.chat-attachment-btn:hover{background-color:#484c52;color:#dcddde}.chat-input{flex:1;background:none;border:none;color:#dcddde;font-size:16px;padding:12px 0}.chat-input-actions{display:flex;align-items:center;gap:8px;margin-left:8px}.emoji-btn,.gif-btn,.send-btn{background:none;border:none;color:#8e9297;cursor:pointer;padding:8px;border-radius:4px;transition:all .15s ease;font-size:14px;font-weight:500}.emoji-btn:hover,.gif-btn:hover,.send-btn:hover{background-color:#484c52;color:#dcddde}.send-btn{color:#5865f2}.send-btn:hover{color:#4752c4}.settings-container{display:flex;height:100%;background-color:#36393f}.settings-sidebar{width:218px;background-color:#2f3136;padding:60px 6px 60px 20px;overflow-y:auto}.settings-nav{display:flex;flex-direction:column;gap:20px}.settings-section h3{font-size:12px;font-weight:600;color:#8e9297;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.settings-section ul{list-style:none;padding:0;margin:0}.settings-nav-item{display:block;padding:6px 10px;color:#8e9297;text-decoration:none;border-radius:4px;margin-bottom:2px;transition:all .15s ease;font-size:16px}.settings-nav-item:hover{background-color:#40444b;color:#dcddde}.settings-nav-item.active{background-color:#404eed;color:#fff}.settings-content{flex:1;padding:60px 40px;overflow-y:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h2{color:#fff;font-size:20px;font-weight:600}.settings-close-btn{background:none;border:none;color:#8e9297;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:all .15s ease}.settings-close-btn:hover{background-color:#40444b;color:#dcddde}.settings-body{display:flex;flex-direction:column;gap:20px}.user-settings-card,.settings-section-card{background-color:#2f3136;border-radius:8px;padding:20px}.user-settings-card{display:flex;gap:20px}.user-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.settings-avatar{width:80px;height:80px;border-radius:50%}.change-avatar-btn{background-color:#5865f2;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.change-avatar-btn:hover{background-color:#4752c4}.user-info-section{flex:1;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:600;color:#8e9297;text-transform:uppercase;letter-spacing:.02em}.settings-input{background-color:#40444b;border:none;border-radius:4px;padding:12px;color:#dcddde;font-size:16px}.settings-input:focus{outline:none;background-color:#484c52}.settings-section-card h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.settings-section-card p{color:#b9bbbe;margin-bottom:16px}.enable-2fa-btn{background-color:#3ba55c;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.enable-2fa-btn:hover{background-color:#2d7d32}.danger-btn{background-color:#ed4245;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.danger-btn:hover{background-color:#c62828}.nitro-container{display:flex;flex-direction:column;height:100%;background-color:#36393f;padding:40px}.nitro-content{max-width:800px;margin:0 auto}.nitro-header{text-align:center;margin-bottom:40px}.nitro-header h1{font-size:48px;color:#fff;margin-bottom:16px;background:linear-gradient(45deg,#5865f2,#7289da);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nitro-header p{font-size:18px;color:#b9bbbe}.nitro-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.feature-card{background-color:#2f3136;border-radius:8px;padding:24px;text-align:center}.feature-card h3{color:#fff;font-size:20px;margin-bottom:12px}.feature-card p{color:#b9bbbe;font-size:14px}.nitro-pricing{display:flex;justify-content:center}.price-card{background-color:#2f3136;border-radius:8px;padding:32px;text-align:center;border:2px solid #5865f2}.price-card h3{color:#fff;font-size:24px;margin-bottom:16px}.price{font-size:36px;color:#5865f2;font-weight:700;margin-bottom:24px}.subscribe-btn{background-color:#5865f2;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.subscribe-btn:hover:not(:disabled){background-color:#4752c4}.subscribe-btn:disabled{background-color:#4f545c;cursor:not-allowed}.twitter-server{position:relative}.twitter-server:hover{transform:scale(1.1)}@media (max-width: 768px){.channels-sidebar{width:200px}.header-nav{gap:8px}.nav-item{font-size:14px;padding:4px 6px}}@media (max-width: 600px){.servers-sidebar{width:60px}.channels-sidebar{width:180px}.server-icon{width:40px;height:40px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2f3136}::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a1c1f}.typing-indicator{padding:8px 20px;margin-bottom:8px}.typing-content{display:flex;align-items:center}.typing-avatar{width:20px;height:20px;border-radius:50%;margin-right:8px}.typing-text{color:#8e9297;font-size:12px;font-style:italic;margin-right:8px}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;background-color:#8e9297;border-radius:50%;animation:typingDots 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingDots{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.message-group{position:relative}.message-group:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:transparent;transition:background-color .15s ease}.message-group:hover:before{background-color:#40444b}.user-status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #2f3136}.user-status-indicator.online{background-color:#3ba55c}.user-status-indicator.idle{background-color:#faa61a}.user-status-indicator.dnd{background-color:#ed4245}.user-status-indicator.offline{background-color:#747f8d}.dm-welcome{display:flex;justify-content:center;align-items:center;padding:40px 20px}.dm-welcome-content{text-align:center;max-width:400px}.dm-welcome-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:16px}.dm-welcome h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.dm-welcome p{color:#b9bbbe;font-size:16px;line-height:1.5}.dm-list li{cursor:pointer;transition:all .15s ease}.dm-list li:hover{background-color:#40444b}.dm-list li:active{background-color:#484c52}.avatar{position:relative}.avatar:after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #2f3136;background-color:#3ba55c}.channel-link{position:relative}.channel-link.has-activity:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.action-btn,.send-btn,.add-friend-input-wrapper button{position:relative;overflow:hidden}.action-btn:before,.send-btn:before,.add-friend-input-wrapper button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.action-btn:active:before,.send-btn:active:before,.add-friend-input-wrapper button:active:before{width:100px;height:100px}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}