*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#313338;color:#dbdee1}.app{display:flex;height:100vh}.sidebar{width:72px;background:#1e1f22;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.guild-item{width:48px;height:48px;border-radius:50%;background:#313338;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-radius .2s}.guild-item:hover{border-radius:16px}.guild-icon,.guild-icon-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.guild-icon-placeholder{background:#5865f2;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.channel-list{width:240px;background:#2b2d31;padding:8px;overflow-y:auto}.channel-item{padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.channel-item:hover{background:#34363c}.channel-item.active{background:#404249}.channel-name{flex:1}.channel-type{font-size:11px;color:#949ba4}.chat-area{flex:1;display:flex;flex-direction:column;background:#313338}.chat-header{padding:16px;border-bottom:1px solid #26272b;display:flex;align-items:center;gap:8px}.messages{flex:1;overflow-y:auto;padding:16px}.message{margin-bottom:16px;padding:4px 0}.message.deleted{opacity:.5}.message-author{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-username{font-weight:600;color:#fff}.message-content{padding-left:44px;color:#dbdee1}.message-time{padding-left:44px;font-size:11px;color:#949ba4;margin-top:2px}.chat-input{padding:16px;border-top:1px solid #26272b;display:flex;gap:8px}.chat-input input{flex:1;padding:10px 12px;border-radius:8px;border:none;background:#1e1f22;color:#dbdee1;font-size:14px}.chat-input input:focus{outline:2px solid #5865f2}.chat-input button{padding:10px 20px;border-radius:8px;border:none;background:#5865f2;color:#fff;cursor:pointer;font-weight:600}.chat-input button:disabled{background:#404249;cursor:not-allowed}.member-list{width:240px;background:#2b2d31;padding:16px;overflow-y:auto}.member-category{margin-bottom:16px}.member-category h4{font-size:12px;text-transform:uppercase;color:#949ba4;margin-bottom:8px}.member-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px}.member-item:hover{background:#34363c}.member-name{flex:1}.member-status{width:8px;height:8px;border-radius:50%}.online-dot{background:#23a559}.offline-dot{background:#7d7f85}.voice-controls{padding:16px;background:#2b2d31;border-radius:8px;margin:16px}.voice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.voice-participants ul{list-style:none;margin-bottom:16px}.voice-participants li{padding:4px 0;display:flex;align-items:center;gap:8px}.voice-actions{display:flex;gap:8px;margin-bottom:16px}.voice-btn{padding:8px 16px;border-radius:8px;border:none;background:#404249;color:#fff;cursor:pointer;font-size:16px}.voice-btn:hover{background:#5865f2}.voice-btn.disconnect{background:#ed4245}.voice-diagnostics{font-size:12px;color:#949ba4;display:flex;gap:16px}.auth-page{display:flex;align-items:center;justify-content:center;height:100vh;background:#313338}.auth-container{background:#1e1f22;padding:40px;border-radius:8px;width:400px}.auth-container h1{margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:12px;text-transform:uppercase;color:#b5bac1}.form-group input{width:100%;padding:10px 12px;border-radius:8px;border:none;background:#1e1f22;color:#dbdee1;font-size:14px}.form-group input:focus{outline:2px solid #5865f2}.auth-container button{width:100%;padding:12px;border-radius:8px;border:none;background:#5865f2;color:#fff;cursor:pointer;font-weight:600;font-size:14px}.auth-container button:hover{background:#4752c4}.auth-toggle{background:none;border:none;color:#5865f2;cursor:pointer;margin-top:16px;font-size:13px}.auth-error{color:#ed4245;background:#ed42451a;padding:8px 12px;border-radius:4px;margin-bottom:16px;font-size:13px}.join-page{display:flex;align-items:center;justify-content:center;height:100vh;background:#313338}.join-container{text-align:center}.join-error{color:#ed4245}.main-layout{display:flex;width:100%;height:100vh}.loading{text-align:center;padding:16px;color:#949ba4}.load-more{display:block;margin:8px auto;padding:8px 16px;border-radius:8px;border:none;background:#404249;color:#fff;cursor:pointer}.load-more:hover{background:#5865f2}.typing-indicator{font-size:12px;color:#949ba4;font-style:italic}.voice-status{color:#949ba4}.voice-error{color:#ed4245;margin-left:8px}.voice-device-select{padding:8px;border-radius:8px;border:none;background:#404249;color:#fff}.participant-name{font-weight:500}