body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.discord-chat{background:#313338;border-radius:8px;box-shadow:0 2px 8px #0002;color:#f2f3f5;display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-width:100%;min-width:0}.discord-messages{background:#36393f;border-radius:8px 8px 0 0;flex:1 1;min-height:0;overflow-y:auto;padding:16px}.discord-message{align-items:flex-start;display:flex;margin:8px 0}.discord-message .avatar{align-items:center;background:#5865f2;border-radius:50%;color:#fff;display:flex;font-size:1.1em;font-weight:700;height:36px;justify-content:center;margin-right:12px;width:36px}.discord-message .content{background:#40444b;border-radius:0 12px 12px 12px;max-width:80%;min-width:60px;padding:10px 16px;word-break:break-word}.discord-input-row{background:#2f3136;border-radius:0 0 8px 8px;display:flex;padding:12px}.discord-input-row input{background:#23272a;border:none;border-radius:4px;color:#f2f3f5;flex:1 1;font-size:1em;margin-right:8px;padding:10px}.discord-input-row button{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 18px;transition:background .2s}.discord-input-row button:hover{background:#4752c4}.discord-auth-bg{align-items:center;background:#313338;display:flex;justify-content:center;min-height:100vh}.discord-auth-card{align-items:center;background:#36393f;border-radius:8px;box-shadow:0 2px 16px #0005;display:flex;flex-direction:column;min-width:340px;padding:40px 32px 32px}.discord-auth-title{color:#fff;font-size:1.6em;font-weight:700;letter-spacing:1px;margin-bottom:24px}.discord-auth-form{display:flex;flex-direction:column;gap:12px;width:100%}.discord-auth-input{background:#23272a;color:#f2f3f5}.discord-auth-btn,.discord-auth-input{border:none;border-radius:4px;font-size:1em;margin-bottom:0;padding:12px}.discord-auth-btn{background:#5865f2;color:#fff;cursor:pointer;font-weight:700;transition:background .2s}.discord-auth-btn:hover{background:#4752c4}.discord-auth-btn-secondary{background:#23272a;border:1px solid #5865f2;color:#fff}.discord-auth-btn-secondary:hover{background:#36393f}.discord-auth-status{color:#aaa;margin-top:8px;min-height:20px;text-align:center}.discord-auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:18px}.discord-auth-footer{color:#aaa;font-size:.95em;margin-top:18px;opacity:.85;text-align:center}.sidebar-avatar{align-items:center;background:#5865f2;border-radius:50%;box-shadow:0 1px 4px #0002;color:#fff;display:inline-flex;font-size:1.1em;font-weight:700;height:28px;justify-content:center;width:28px}.sidebar-avatar-channel{background:#444;font-size:1.2em}.sidebar-avatar-friend{background:#43b581}.sidebar-status{border-radius:50%;display:inline-block;height:10px;margin-left:6px;vertical-align:middle;width:10px}.chat-status,.sidebar-status.online{background:#43b581;box-shadow:0 0 4px #43b58199}.chat-status{border-radius:50%;display:inline-block;height:10px;margin-left:6px;vertical-align:middle;width:10px}.discord-app-bg{overflow:hidden;width:100vw}.discord-app-bg,.discord-main-content{align-items:stretch;display:flex;height:100vh;min-height:100vh}.discord-main-content{background:#313338;flex:1 1;justify-content:stretch;min-width:0}.discord-empty-state{align-items:center;background:#313338;border-radius:12px;box-shadow:0 2px 16px #0002;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.sidebar-menu{border-top:1px solid #36393f;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.sidebar-menu-btn{background:#23272a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 0;transition:background .2s}.sidebar-menu-btn:hover{background:#36393f}.sidebar-menu-btn:last-child{color:#f04747}.message-input{background:#383a40;border:none;border-radius:8px;box-shadow:0 1px 0 0 #202225;color:#fff;font-size:16px;margin:0;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:background .2s,box-shadow .2s;width:100%}.message-input:focus{background:#40444b;box-shadow:0 2px 0 0 #5865f2}.message-form{align-items:center;background:#313338;border-top:1px solid #232428;display:flex;padding:16px}.send-button{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-left:12px;padding:8px 18px;transition:background .2s}.send-button:hover{background:#4752c4}.notifications-sidebar{background:#2f3136;box-shadow:-2px 0 8px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;right:-320px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:100}.notifications-sidebar.visible{right:0}.notifications-header{align-items:center;background:#23272a;border-bottom:1px solid #23272a;display:flex;font-size:1.2em;font-weight:700;justify-content:space-between;padding:16px}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em}.notifications-list{padding:16px}.notification-item{background:#36393f;border-radius:8px;box-shadow:0 1px 4px #00000014;margin-bottom:16px;padding:12px 16px}.notification-title{font-weight:700;margin-bottom:4px}.notification-preview{color:#b9bbbe;margin-bottom:8px}.notification-actions button{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-right:8px;padding:4px 12px}.notification-actions button:last-child{background:#4f545c;color:#fff;margin-right:0}.notification-item.notification-friend{border-left:4px solid #43b581}.notification-item.notification-server{border-left:4px solid #5865f2}.notification-empty{color:#b9bbbe;margin-top:32px;text-align:center}.userbar-root{gap:10px}.userbar-avatar,.userbar-root{align-items:center;display:flex}.userbar-avatar{background:#5865f2;border-radius:50%;color:#fff;font-size:1.3em;font-weight:700;height:36px;justify-content:center;margin-right:6px;position:relative;width:36px}.userbar-status{border:2px solid #23272a;border-radius:50%;box-shadow:0 0 0 2px #23272a;display:block;height:12px;width:12px}.userbar-status-online{background:#43b581}.userbar-status-offline{background:#747f8d}.userbar-info{display:flex;flex:1 1;flex-direction:column;position:relative}.userbar-username{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:500;gap:6px;position:relative}.userbar-tooltip{background:#23272a;border-radius:4px;box-shadow:0 2px 8px #0006;color:#fff;font-size:.95em;left:0;margin-top:2px;padding:4px 10px;position:absolute;top:120%;white-space:nowrap;z-index:100}.userbar-toggle{transition:background .2s}.userbar-toggle:hover{background:#292b2f}::-webkit-scrollbar{background:#23272a;width:10px}::-webkit-scrollbar-thumb{background:#2e3338;border:2px solid #23272a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#36393f}::-webkit-scrollbar-corner{background:#23272a}*{scrollbar-color:#2e3338 #23272a;scrollbar-width:thin}.member-item{align-items:center;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:2px;padding:8px 16px;transition:background-color .15s ease}.member-item:hover{background:#42464d}.member-info{align-items:center;display:flex;flex:1 1;gap:12px}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{color:#dcddde;font-size:14px;font-weight:500}.member-status{color:#b9bbbe;font-size:12px;padding-left:16px;position:relative;text-transform:capitalize}.member-status:before{background-color:#747f8d;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.member-role{background:#4f545c;border-radius:12px;color:#b9bbbe;font-size:12px;padding:2px 6px;white-space:nowrap}.member-status[data-status=online]:before{background-color:#43b581}.member-status[data-status=idle]:before{background-color:#faa61a}.member-status[data-status=dnd]:before{background-color:#f04747}.member-status[data-status=offline]:before{background-color:#747f8d}.notifications-list{flex:1 1;overflow-y:auto;padding:8px}.notifications-toggle-btn{background:#23272a;border:none;border-radius:4px;box-shadow:0 1px 4px #00000014;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .15s ease}.notifications-toggle-btn:hover{background:#2c2f33}.voice-channel{color:#fff;flex-direction:column;height:100vh;overflow:hidden}.voice-channel,.voice-join-screen{background:#36393f;display:flex;flex:1 1}.voice-join-screen{align-items:center;justify-content:center}.voice-join-content{max-width:400px;padding:40px;text-align:center}.voice-join-content h2{color:#dcddde;font-size:28px;margin:0 0 16px}.voice-join-content p{color:#b9bbbe;font-size:16px;margin:0 0 32px}.join-voice-btn{background:#43b581;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background-color .2s ease}.join-voice-btn:hover{background:#369870}.voice-active-screen{display:flex;flex-direction:column;height:100vh;position:relative}.participants-grid{grid-gap:20px;align-content:center;background:#2f3136;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:repeat(auto-fit,minmax(200px,1fr));justify-content:center;padding:20px 20px 100px}.participant-tile{align-items:center;aspect-ratio:16/10;background:#1e2124;border:3px solid #0000;border-radius:8px;display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative;transition:all .2s ease}.participant-tile.speaking{border-color:#43b581;box-shadow:0 0 20px #43b58199;transform:scale(1.02)}.participant-video{background:#000;height:100%;object-fit:cover;width:100%}.participant-avatar-container{background:linear-gradient(135deg,#5865f2,#7289da);height:100%;width:100%}.participant-avatar,.participant-avatar-container{align-items:center;display:flex;justify-content:center}.participant-avatar{background:#36393f;border:4px solid #fff3;border-radius:50%;color:#dcddde;font-size:48px;font-weight:700;height:120px;text-shadow:0 2px 4px #0000004d;width:120px}.participant-name-overlay{align-items:center;background:linear-gradient(#0000,#000c);bottom:0;display:flex;justify-content:space-between;left:0;padding:20px 12px 12px;position:absolute;right:0}.participant-name{color:#fff;flex:1 1;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000000b3;white-space:nowrap}.voice-indicator{font-size:16px;margin-left:8px;opacity:.9}.voice-indicator.muted{color:#f04747}.voice-controls-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202225f2;border:1px solid #ffffff1a;border-radius:40px;bottom:30px;box-shadow:0 8px 32px #0006;display:flex;gap:16px;left:50%;padding:16px 24px;position:absolute;transform:translateX(-50%)}.voice-control-btn{align-items:center;background:#40444b;border:none;border-radius:50%;color:#dcddde;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:56px}.voice-control-btn:hover{background:#36393f;transform:scale(1.05)}.voice-control-btn.active{background:#43b581;box-shadow:0 0 20px #43b58166;color:#fff}.voice-control-btn.muted{box-shadow:0 0 20px #f0474766}.voice-control-btn.leave,.voice-control-btn.muted{background:#f04747;color:#fff}.voice-control-btn.leave:hover{background:#d73527;transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 20px #43b58199}50%{box-shadow:0 0 30px #43b581cc}to{box-shadow:0 0 20px #43b58199}}.participant-tile.speaking{animation:pulse 2s ease-in-out infinite}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b7e62407.css.map*/