:root{--bg-deepest: #1e1f22;--bg-dark: #2b2d31;--bg-mid: #313338;--bg-light: #383a40;--bg-input: #383a40;--text-normal: #dbdee1;--text-muted: #949ba4;--text-header: #f2f3f5;--accent: #5865f2;--accent-hover: #4752c4;--danger: #da373c;--online: #23a55a;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:gg sans,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-mid);color:var(--text-normal);font-size:15px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit;color:var(--text-header);background:var(--bg-input);border:none;border-radius:var(--radius);padding:10px 12px;outline:none}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--bg-deepest);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;height:100%}.content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-mid)}.content-empty{margin:auto;text-align:center;color:var(--text-muted)}.content-empty h1,.content-empty h2{color:var(--text-header);margin-bottom:8px}.server-bar{width:72px;background:var(--bg-deepest);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto;flex-shrink:0}.server-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-dark);color:var(--text-normal);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:border-radius .15s,background .15s}.server-icon:hover,.server-icon.active{border-radius:16px;background:var(--accent);color:#fff}.server-icon.home{background:var(--accent);color:#fff}.server-icon.action{color:var(--online);font-size:24px}.server-icon.action:hover{background:var(--online);color:#fff}.server-sep{width:32px;height:2px;background:var(--bg-light);border-radius:1px}.sidebar{width:240px;background:var(--bg-dark);display:flex;flex-direction:column;flex-shrink:0}.empty-sidebar{align-items:center;justify-content:center}.sidebar-hint{color:var(--text-muted);text-align:center;padding:0 20px;font-size:14px}.guild-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:700;color:var(--text-header);border-bottom:1px solid var(--bg-deepest);box-shadow:0 1px 2px #0003}.guild-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-actions{display:flex;gap:2px}.icon-btn{padding:4px 6px;border-radius:4px;color:var(--text-muted);font-size:14px}.icon-btn:hover{background:var(--bg-light);color:var(--text-header)}.icon-btn.danger:hover{color:var(--danger)}.channel-scroll{flex:1;overflow-y:auto;padding:8px}.channel-group{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:12px 8px 4px;letter-spacing:.4px}.channel-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border-radius:6px;color:var(--text-muted);text-align:left;font-size:15px}.channel-item:hover{background:var(--bg-light);color:var(--text-normal)}.channel-item.active{background:var(--bg-light);color:var(--text-header)}.channel-hash{color:var(--text-muted);font-weight:600}.voice-occupant{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 24px;color:var(--text-muted);font-size:14px}.voice-occupant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-badge{font-size:12px}.voice-status{background:var(--bg-deepest);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--bg-dark)}.voice-status-info{color:var(--online);font-size:13px;font-weight:600}.voice-live{margin-right:4px}.user-panel{background:var(--bg-deepest);padding:8px 10px;display:flex;align-items:center;gap:8px}.user-panel-names{display:flex;flex-direction:column;min-width:0;flex:1}.user-display{color:var(--text-header);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tag{color:var(--text-muted);font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.avatar.small{width:24px;height:24px;font-size:12px}.avatar.large{width:72px;height:72px;font-size:32px}.chat-area{display:flex;flex-direction:column;height:100%;min-width:0}.chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--bg-deepest);flex-shrink:0}.chat-title{font-weight:700;color:var(--text-header)}.chat-topic{color:var(--text-muted);font-size:14px;border-left:1px solid var(--bg-light);padding-left:8px}.message-list{flex:1;overflow-y:auto;padding:8px 16px}.chat-start{color:var(--text-muted);padding:24px 0 8px}.chat-loading{color:var(--text-muted);text-align:center;padding:8px;font-size:13px}.day-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;margin:16px 0 8px}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--bg-light)}.message{display:flex;gap:12px;padding:4px 8px;margin-top:12px;border-radius:4px}.message.grouped{margin-top:0}.message.grouped .avatar{visibility:hidden;height:0}.message:hover{background:var(--bg-dark)}.message-meta{display:flex;align-items:baseline;gap:8px}.message-author{font-weight:600;color:var(--text-header)}.message-time{font-size:12px;color:var(--text-muted)}.message-content{color:var(--text-normal);line-height:1.45;white-space:pre-wrap;word-break:break-word}.msg-delete{visibility:hidden;color:var(--text-muted);font-size:11px;margin-left:8px;padding:2px 4px}.message:hover .msg-delete{visibility:visible}.msg-delete:hover{color:var(--danger)}.typing-row{min-height:20px;padding:0 16px;font-size:12px;color:var(--text-muted)}.message-input{padding:0 16px 20px}.message-input textarea{width:100%;resize:none;min-height:44px;max-height:200px}.member-list{width:220px;background:var(--bg-dark);overflow-y:auto;padding:12px 8px;flex-shrink:0}.member-group{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:10px 8px 6px}.member-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;color:var(--text-normal)}.member-item.offline{opacity:.4}.member-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.voice-room{display:flex;flex-direction:column;height:100%}.tile-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:16px;align-content:center}.tile{position:relative;background:var(--bg-deepest);border-radius:var(--radius);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.tile.screen{grid-column:span 2}.tile video{width:100%;height:100%;object-fit:contain}.tile video.mirror{transform:scaleX(-1)}.tile-tag{position:absolute;left:8px;bottom:8px;background:#0009;color:#fff;font-size:13px;padding:3px 8px;border-radius:4px}.audio-tile{aspect-ratio:auto;min-height:140px;flex-direction:column;gap:8px}.voice-controls{display:flex;justify-content:center;gap:14px;padding:18px}.voice-btn{width:52px;height:52px;border-radius:50%;background:var(--bg-light);font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .15s}.voice-btn:hover{background:var(--bg-deepest)}.voice-btn.off{background:var(--danger)}.voice-btn.on{background:#fff}.voice-btn.disconnect{background:var(--danger)}.voice-btn.disconnect:hover{background:#a12828}.auth-page{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-deepest)}.auth-card{background:var(--bg-mid);border-radius:var(--radius);padding:32px;width:420px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #0006}.auth-card h1{color:var(--text-header);font-size:24px;text-align:center}.auth-sub{color:var(--text-muted);text-align:center}.auth-card label,.modal-card label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.4px}.auth-error{color:var(--danger);font-size:13px}.auth-alt{color:var(--text-muted);font-size:13px}.auth-alt a{color:var(--accent);text-decoration:none}.btn{padding:10px 16px;border-radius:6px;color:var(--text-normal);background:var(--bg-light)}.btn:hover{background:var(--bg-deepest)}.btn.primary{background:var(--accent);color:#fff;font-weight:600}.btn.primary:hover{background:var(--accent-hover)}.btn.primary:disabled{opacity:.6;cursor:default}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--bg-mid);border-radius:var(--radius);padding:28px;width:420px;box-shadow:0 8px 24px #0006}.modal-card form{display:flex;flex-direction:column;gap:12px}.modal-card h2{color:var(--text-header);font-size:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.channel-type-picker{display:flex;gap:10px}.channel-type-picker label{flex:1;border:1px solid var(--bg-light);border-radius:var(--radius);padding:12px;cursor:pointer;color:var(--text-normal);text-transform:none;font-size:15px;font-weight:600}.channel-type-picker label.active{border-color:var(--accent);background:var(--bg-light)}.channel-type-picker input{display:none}