@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;900&family=Inter:wght@300;400;500;600&display=swap";:root{--red: #D94F3D;--red-subtle: rgba(217, 79, 61, .07);--red-border: rgba(217, 79, 61, .22);--red-glow: rgba(217, 79, 61, .3);--purple: #9B5FC0;--purple-subtle: rgba(155, 95, 192, .08);--purple-border: rgba(155, 95, 192, .22);--green: #4CAF7A;--gold: #C9A84C;--bg-canvas: #272730;--bg-topbar: #14131A;--bg-sidebar: #18171E;--bg-surface: #262432;--bg-deep: #100F16;--bg-input: rgba(0, 0, 0, .22);--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(217, 79, 61, .06);--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .1);--text-1: #E8E6E0;--text-2: #8A8890;--text-3: #4A4855;--accent: var(--red);--accent-subtle: var(--red-subtle);--accent-border: var(--red-border);--accent-glow: var(--red-glow);--on-accent: #fff;--clr-error: #E05A4A;--clr-error-subtle: rgba(217, 79, 61, .12);--clr-error-border: rgba(217, 79, 61, .35);--status-online: var(--green);--status-idle: var(--gold);--status-dnd: var(--red);--status-offline: #3A3944;--font-brand: "Cinzel", serif;--font-ui: "Inter", sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 9999px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-canvas);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-3);font-size:14px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}input[type=text],input[type=email],input[type=password]{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-1);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition)}input:focus{border-color:var(--accent)}.btn{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-md);padding:9px 18px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--transition)}.btn:hover:not(:disabled){opacity:.85}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);opacity:1}.btn-sm{padding:5px 12px;font-size:13px}.error-msg{background:var(--clr-error-subtle);border:1px solid var(--clr-error-border);color:var(--clr-error);border-radius:var(--radius-md);padding:8px 12px;font-size:13px;margin-bottom:12px}.subtext{color:var(--text-3);font-size:13px}.register-screen{display:flex;align-items:center;justify-content:center;height:100%}.register-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;width:360px}.register-card h1{font-size:22px;font-weight:700;margin-bottom:4px}.register-card>p{color:var(--text-3);font-size:14px;margin-bottom:24px}.workspaces-screen{display:flex;flex-direction:column;align-items:center;padding:56px 24px 40px;min-height:100%}.workspaces-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:680px;margin-bottom:28px}.workspaces-header h1{font-size:22px;font-weight:700;margin-bottom:3px}.workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;width:100%;max-width:680px}.workspace-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:border-color var(--transition);text-align:left}.workspace-card:hover{border-color:var(--accent)}.workspace-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--accent);margin-bottom:12px}.workspace-card h3{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text-1)}.workspace-card p{font-size:12px;color:var(--text-3)}.workspace-card-new{border-style:dashed;color:var(--text-3)}.workspace-card-new:hover{color:var(--text-1)}.workspace-card-new .workspace-card-icon{color:var(--text-3);font-size:22px}.workspace-card-new:hover .workspace-card-icon{color:var(--accent)}.create-workspace-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:680px;margin-top:4px}.create-workspace-form h3{font-size:15px;font-weight:600;margin-bottom:14px}.forum-layout{display:flex;height:100%;overflow:hidden}.sidebar{width:232px;background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border)}.sidebar-workspace{display:flex;align-items:center;gap:8px;padding:14px 14px 14px 10px;border-bottom:1px solid var(--border)}.back-btn{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:var(--radius-sm);line-height:1;flex-shrink:0}.back-btn:hover{background:var(--bg-hover);color:var(--text-1)}.workspace-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section-title{padding:14px 14px 5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3)}.channel-list{display:flex;flex-direction:column;gap:1px;padding:0 8px;flex:1;overflow-y:auto}.channel-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border-radius:5px;border:none;background:none;color:var(--text-2);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s,color .1s}.channel-item:hover{background:var(--bg-hover);color:var(--text-1)}.channel-item.active{background:var(--bg-active);color:var(--accent);font-weight:500}.channel-hash{color:var(--text-3);font-size:15px;flex-shrink:0}.channel-item.active .channel-hash,.channel-item:hover .channel-hash{color:var(--text-2)}.new-channel-form{padding:8px;border-top:1px solid var(--border)}.channel-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:5px;padding:6px 10px;color:var(--text-1);font-size:13px;font-family:inherit;outline:none;margin-bottom:6px}.channel-input:focus{border-color:var(--accent)}.new-channel-actions{display:flex;gap:6px}.error-msg-sm{display:block;color:var(--clr-error);font-size:11px;margin-bottom:5px}.add-channel-btn{background:none;border:none;color:var(--text-3);font-size:13px;font-family:inherit;cursor:pointer;padding:8px 16px;text-align:left;transition:color .1s}.add-channel-btn:hover{color:var(--text-1)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 12px;border-top:1px solid var(--border);margin-top:auto}.current-user{display:flex;align-items:center;gap:8px;min-width:0}.user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--on-accent);flex-shrink:0}.user-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:4px;border-radius:var(--radius-sm);line-height:1}.logout-btn:hover{color:var(--clr-error);background:var(--clr-error-subtle)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.channel-header{padding:13px 20px;border-bottom:1px solid var(--border);font-weight:600;font-size:15px;flex-shrink:0}.channel-desc{font-weight:400;color:var(--text-3);font-size:13px}.messages-container{flex:1;overflow-y:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:2px}.empty-state{color:var(--text-3);font-size:14px;text-align:center;margin:auto}.message{display:flex;gap:10px;padding:3px 8px;border-radius:var(--radius-md);margin:0 -8px}.message:hover{background:var(--bg-hover)}.message-grouped{display:flex;gap:10px;padding:1px 8px;border-radius:var(--radius-md);margin:0 -8px}.message-grouped:hover{background:var(--bg-hover)}.message-indent{width:36px;flex-shrink:0}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--on-accent);flex-shrink:0;margin-top:1px}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}.message-author{font-size:14px;font-weight:700;color:var(--text-1)}.message-time,.edited-tag{font-size:11px;color:var(--text-3)}.message-body{font-size:14px;color:var(--text-1);line-height:1.55;white-space:pre-wrap;word-break:break-word}.message-input-area{padding:12px 20px 16px;flex-shrink:0}.message-input-row{display:flex;gap:8px;align-items:flex-end}.message-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:9px 14px;color:var(--text-1);font-size:14px;font-family:inherit;outline:none;resize:none;line-height:1.5;transition:border-color var(--transition);max-height:140px}.message-input:focus{border-color:var(--accent)}.message-input::placeholder{color:var(--text-3)}.send-btn{padding:9px 16px;flex-shrink:0}.error-msg-floating{color:var(--clr-error);font-size:12px;margin-bottom:6px}.no-channel-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-3);font-size:15px}