*,*:before,*:after{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;color:#dbdee1;background:#1e1f22}body{margin:0;min-height:100vh}#root{min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:#5865f2}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#1e1f22,#111214)}.login-card{width:min(400px,92vw);background:#2b2d31;border-radius:8px;padding:32px;box-shadow:0 8px 32px #0006}.login-card h1{margin:0 0 8px;font-size:1.5rem;color:#fff}.login-card p{margin:0 0 24px;color:#949ba4;font-size:.9rem}.login-card label{display:block;margin-bottom:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#b5bac1}.login-card input{display:block;width:100%;margin-top:6px;padding:10px;border:none;border-radius:4px;background:#1e1f22;color:#dbdee1}.login-actions{display:flex;gap:8px;margin-top:8px}.btn-primary{flex:1;padding:10px 16px;border:none;border-radius:4px;background:#5865f2;color:#fff;font-weight:600}.btn-primary:hover{background:#4752c4}.btn-secondary{flex:1;padding:10px 16px;border:none;border-radius:4px;background:#4e5058;color:#fff;font-weight:600}.btn-secondary:hover{background:#6d6f78}.error-banner{margin-bottom:16px;padding:10px 12px;border-radius:4px;background:#ed424526;color:#ed4245;font-size:.875rem}.app-shell{display:grid;grid-template-columns:240px 200px 1fr;min-height:100vh}.guild-bar{background:#1e1f22;padding:12px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #111214}.guild-bar h2{margin:0 0 8px;font-size:.7rem;text-transform:uppercase;color:#949ba4;letter-spacing:.04em}.guild-pill{padding:10px 12px;border:none;border-radius:8px;background:#2b2d31;color:#dbdee1;text-align:left;font-weight:600}.guild-pill.active,.guild-pill:hover{background:#5865f2;color:#fff}.guild-pill.guild-add{text-align:center;font-size:1.25rem;line-height:1;padding:8px;background:#313338;color:#949ba4}.guild-pill.guild-add:hover{background:#5865f2;color:#fff}.channel-bar{background:#2b2d31;display:flex;flex-direction:column;border-right:1px solid #1e1f22;min-height:0;height:100vh}.channel-header{padding:16px 12px 8px;font-weight:700;color:#fff;border-bottom:1px solid #1e1f22;box-shadow:0 1px #0000001a}.channel-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.btn-invite{padding:4px 10px;border:none;border-radius:4px;background:#5865f2;color:#fff;font-size:.75rem;font-weight:600}.btn-invite:hover{background:#4752c4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#000000a6;padding:16px}.modal-card{width:min(480px,100%);background:#313338;border-radius:8px;padding:24px;box-shadow:0 16px 48px #00000073}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-header h2{margin:0;font-size:1.25rem;color:#fff}.modal-close{border:none;background:transparent;color:#b5bac1;font-size:1.5rem;line-height:1;padding:0 4px}.modal-close:hover{color:#fff}.modal-subtitle{margin:0 0 16px;color:#b5bac1;font-size:.9rem}.invite-link-label{display:block;margin-bottom:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#b5bac1}.invite-link-row{display:flex;gap:8px;margin-top:6px}.invite-link-row input{flex:1;padding:10px;border:none;border-radius:4px;background:#1e1f22;color:#dbdee1;font-size:.85rem}.invite-meta{margin:0 0 16px;color:#949ba4;font-size:.8rem}.invite-meta code{color:#dbdee1}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.channel-section{padding:12px 8px 4px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#949ba4}.channel-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;margin:1px 0;border:none;border-radius:4px;background:transparent;color:#949ba4;text-align:left}.channel-item:hover{background:#35373c;color:#dbdee1}.channel-item.active{background:#404249;color:#fff}.channel-item.voice-connected{color:#57f287}.main-panel{display:flex;flex-direction:column;background:#313338;min-width:0;min-height:0}.panel-header{padding:12px 16px;border-bottom:1px solid #1e1f22;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.messages{flex:1;overflow-y:auto;min-height:0;padding:16px;display:flex;flex-direction:column;gap:4px}.message{padding:2px 0;line-height:1.375}.message-meta{display:flex;align-items:baseline;gap:4px}.message-delete{margin-left:auto;padding:0 6px;border:none;border-radius:3px;background:transparent;color:#949ba4;font-size:.7rem;opacity:0}.message:hover .message-delete{opacity:1}.message-delete:hover{color:#ed4245;background:#ed42451a}.message-author{font-weight:600;color:#fff;margin-right:8px}.message-time{font-size:.7rem;color:#949ba4;margin-left:4px}.message-input-row{padding:0 16px 24px;display:flex;gap:8px}.message-input-row input{flex:1;padding:10px 12px;border:none;border-radius:8px;background:#383a40;color:#dbdee1}.message-input-row input:focus{outline:2px solid #5865f2}.browser-hint{max-width:420px;padding:10px 14px;border-radius:6px;background:#faa61a1f;color:#faa61a;font-size:.875rem;text-align:center;line-height:1.4}.voice-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:24px;overflow-y:auto}.voice-status{text-align:center}.voice-status h3{margin:0 0 8px;color:#fff}.voice-status p{margin:0;color:#949ba4}.voice-actions{display:flex;gap:8px}.voice-call-header{display:flex;align-items:flex-start;justify-content:space-between;width:min(520px,100%);margin-bottom:8px}.voice-call-title{margin:0;color:#fff;font-size:1.25rem}.voice-duration{margin:4px 0 0;color:#57f287;font-size:.875rem}.voice-count{color:#949ba4;font-size:.875rem}.voice-participants{display:flex;flex-direction:column;gap:8px;width:min(520px,100%);max-height:320px;overflow-y:auto;margin:8px 0 16px}.voice-participant{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#2b2d31;border:2px solid transparent}.voice-participant.speaking{border-color:#57f287;background:#57f28714}.voice-participant.muted .voice-avatar{opacity:.55}.voice-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;color:#fff;display:grid;place-items:center;font-weight:700;font-size:.875rem;flex-shrink:0}.voice-participant-info{display:flex;flex-direction:column;min-width:0}.voice-participant-name{color:#fff;font-weight:600}.voice-participant-status{color:#949ba4;font-size:.8rem}.screen-share-stage{width:min(720px,100%);margin:0 0 12px}.screen-share-stage.is-empty{display:none}.screen-share-tile{background:#1e1f22;border-radius:8px;overflow:hidden;margin-bottom:12px;border:1px solid #404249}.screen-share-video{display:block;width:100%;max-height:420px;object-fit:contain;background:#000}.screen-share-label{padding:8px 12px;font-size:.8rem;color:#b5bac1;background:#2b2d31}.mic-meter{width:min(520px,100%);height:6px;background:#1e1f22;border-radius:999px;overflow:hidden;margin-bottom:12px}.mic-meter-fill{height:100%;background:#57f287;transition:width 80ms linear}.voice-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.voice-ctrl{padding:8px 14px;border:none;border-radius:6px;background:#404249;color:#dbdee1;font-weight:600}.voice-ctrl:hover{background:#4e5058}.voice-ctrl.active{background:#ed4245;color:#fff}.voice-ctrl.small,.btn-danger.small{padding:6px 10px;font-size:.8rem}.voice-device-select{display:flex;flex-direction:column;gap:6px;width:min(520px,100%);font-size:.75rem;font-weight:600;text-transform:uppercase;color:#949ba4;margin-bottom:12px}.voice-device-select select{padding:8px;border:none;border-radius:6px;background:#383a40;color:#dbdee1;font-weight:400;text-transform:none}.voice-device-hint{text-transform:none;font-weight:400;font-size:.7rem;color:#949ba4}.channel-voice-count{color:#57f287;font-size:.75rem}.voice-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#1e1f22;border-top:1px solid #111214}.voice-bar-info{display:flex;flex-direction:column;gap:2px;min-width:0}.voice-bar-status{color:#57f287;font-weight:600;font-size:.875rem}.voice-bar-meta{color:#949ba4;font-size:.75rem}.voice-bar-actions{display:flex;gap:6px;flex-shrink:0}.btn-danger{padding:10px 20px;border:none;border-radius:4px;background:#ed4245;color:#fff;font-weight:600}.btn-danger:hover{background:#c03537}.btn-success{padding:10px 20px;border:none;border-radius:4px;background:#57f287;color:#1e1f22;font-weight:600}.btn-success:hover{background:#3ba55d;color:#fff}.member-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px}.member-item{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:.875rem;color:#949ba4;border-radius:4px}.member-dot{width:8px;height:8px;border-radius:50%;background:#23a559;flex-shrink:0}.user-bar{margin-top:auto;padding:12px;border-top:1px solid #1e1f22;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem}.user-bar button{padding:4px 8px;border:none;border-radius:4px;background:#404249;color:#dbdee1;font-size:.75rem}.empty-state{flex:1;display:grid;place-items:center;color:#949ba4}.setup-form{padding:16px;display:flex;flex-direction:column;gap:8px}.setup-form input{padding:8px;border:none;border-radius:4px;background:#383a40;color:#dbdee1}@media(max-width:720px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.guild-bar,.channel-bar{display:none}}