:root{font-family:Inter,system-ui,sans-serif;color:#dbdee1;background:#313338;line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body.modal-open{overflow:hidden}body{margin:0;background:#313338}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}input,textarea,select{width:100%;border:1px solid #1e1f22;background:#1e1f22;color:#f2f3f5;border-radius:8px;padding:10px 12px}textarea{min-height:92px;resize:vertical}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#313338}.auth-card{width:min(460px,100%);padding:18px;display:grid;gap:12px;background:#2b2d31;border:1px solid #1e1f22;border-radius:14px}.auth-grid,.form-grid{display:grid;gap:10px}.form-row{display:grid;gap:6px}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.discord-shell{height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;position:relative;min-width:0}.mobile-nav-toggle,.mobile-only,.mobile-guild-actions,.mobile-guild-dropdown,.guild-mode-mobile,.guild-mobile-content{display:none}.guild-mode-desktop{display:block}.guild-desktop-content{display:grid}.primary-sidebar{background:#1e1f22;padding:12px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #111214;overflow:auto}.brand,.sidebar-card,.panel,.stat-card,.list-item,.conversation-link,.compact-panel{background:#232428;border:1px solid #1b1c20;border-radius:12px}.brand{padding:14px;display:grid;gap:12px}.brand h1,.brand p,.brand h4{margin:0}.brand-user-row{display:flex;align-items:center;gap:12px}.user-copy-button{display:grid;gap:2px;background:transparent;border:0;color:inherit;text-align:left;padding:0;min-width:0}.user-copy-button h1{font-size:.95rem;font-weight:600}.user-copy-button p{font-size:.78rem;margin:0}.user-status-card{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#2b2d31;border:1px solid #1b1c20}.kicker,.sidebar-label,.channel-category,.member-group-label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#949ba4}.muted,.conversation-link small,small{color:#949ba4}.nav{display:grid;gap:8px}.nav button,.conversation-link{border:1px solid transparent;background:#2b2d31;color:#dbdee1;border-radius:8px;padding:10px 12px;text-align:left}.nav button:hover,.conversation-link:hover,.secondary:hover,.icon-button:hover{background:#35373c}.nav button.active,.conversation-link.active{background:#404249;color:#fff}.sidebar-card{padding:12px}.sidebar-section,.sidebar-mini-list{display:grid;gap:10px}.sidebar-spacer{margin-top:auto}.guild-list-detailed{display:none}.guild-list-detailed.visible{display:grid}.guild-list-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px}.guild-mobile-group{display:grid;gap:6px}.guild-mobile-channel-list{display:none}.guild-list-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;background:#313338}.guild-list-avatar-fallback{display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:700}.guild-list-copy{display:grid;min-width:0}.guild-list-copy strong,.guild-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{background:#313338;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden;min-height:0;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#2b2d31;border:1px solid #1e1f22;border-radius:12px;padding:12px 14px}.topbar h2{margin:0}.topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.primary,.secondary,.danger,.icon-button{border-radius:8px;padding:10px 12px;border:1px solid #1e1f22}.primary{background:#5865f2;color:#fff}.primary:hover{background:#4752c4}.secondary{background:#404249;color:#fff}.danger{background:#da373c;color:#fff}.icon-button{width:36px;height:36px;padding:0;display:grid;place-items:center;background:#232428;color:#dbdee1}.settings-launcher{width:100%;height:44px;font-size:1.15rem}.badge,.chip{padding:4px 8px;border-radius:999px;background:#404249;color:#dbdee1;font-size:.78rem;border:1px solid #1e1f22}.content-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.panel{padding:12px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.panel-header h3{margin:0}.list,.voice-room-list,.member-sidebar-groups{display:grid;gap:8px}.message-list{display:grid;gap:12px;align-content:start}.list-item{padding:12px;color:#dbdee1}.list-item h4,.list-item p{margin:0}.note{white-space:pre-wrap}.error{color:#ff7b7b;font-size:.9rem}.info-banner{color:#b6f0c2;background:#23a55924;border:1px solid rgba(35,165,89,.32);border-radius:10px;padding:10px 12px;font-size:.92rem}.discord-guild-layout{display:grid;grid-template-columns:clamp(240px,22vw,280px) minmax(0,1fr) clamp(240px,24vw,300px);gap:0;min-height:calc(100vh - 24px);height:100%;width:100%;min-width:0;max-width:none;border-radius:16px;overflow:hidden;border:1px solid #1e1f22}.guild-channel-sidebar{background:#2b2d31;border-right:1px solid #1e1f22;display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0;position:relative}.guild-channel-header{padding:16px;border-bottom:1px solid #1e1f22;box-shadow:0 1px #0000002e}.guild-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.guild-channel-header h3{margin:0;font-size:1rem}.guild-channel-header p{margin:4px 0 0}.guild-channel-scroll{overflow:auto;padding:12px 8px 12px 12px;display:grid;align-content:start;gap:14px}.discord-channel-group{display:grid;gap:6px}.discord-channel-list{display:grid;gap:2px}.discord-channel-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;border:0;border-radius:6px;background:transparent;color:#949ba4;padding:6px 8px;text-align:left}.discord-channel-item:hover,.discord-channel-item.active{background:#404249;color:#f2f3f5}.channel-symbol{text-align:center;font-size:.95rem}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta-count{min-width:20px;padding:2px 6px;border-radius:999px;background:#ffffff14;color:#c9ccd1;font-size:.72rem;text-align:center}.guild-chat-panel{background:#313338;border:0;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;padding:0}.guild-desktop-content,.guild-mobile-content{min-height:0;min-width:0}.guild-desktop-content{grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.discord-chat-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #1e1f22;background:#313338}.discord-chat-header h3{margin:0}.header-meta{max-width:340px;text-align:right;font-size:.9rem}.discord-feed{background:#313338;border:0;border-radius:0;max-height:none;min-height:0;padding:18px 16px;overflow:auto;display:grid;align-content:start;gap:14px}.discord-message-row{grid-template-columns:48px minmax(0,1fr)}.channel-message{display:grid;gap:12px;padding:2px 0}.avatar-circle{width:40px;height:40px;border-radius:20px;background:#5865f2;display:grid;place-items:center;font-weight:700;color:#fff;overflow:hidden}.avatar-circle.small{width:32px;height:32px;border-radius:16px;font-size:.9rem}.large-image{width:54px;height:54px;border-radius:18px;object-fit:cover}.avatar-with-status{position:relative;width:fit-content}.avatar-with-status.large .avatar-circle{width:54px;height:54px;border-radius:18px;font-size:1rem}.presence-dot{width:12px;height:12px;border-radius:50%;border:3px solid #232428;position:absolute;right:-1px;bottom:-1px;background:#3ba55d}.presence-online{background:#23a559}.presence-idle{background:#f0b232}.presence-dnd{background:#f23f43}.presence-offline{background:#80848e}.message-meta{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.message-text{margin-top:4px;color:#dbdee1;white-space:pre-wrap}.message-composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 16px 16px}.discord-composer input{background:#383a40;border-color:#383a40;border-radius:10px}.guild-subpanel-stack{display:grid;gap:12px;padding:16px;overflow:auto}.guild-members-sidebar{background:#2b2d31;border:0;border-left:1px solid #1e1f22;border-radius:0;min-width:0;min-height:0;overflow:auto;padding:12px}.user-panel-bottom{margin-top:0}.member-list,.grouped-member-list{display:grid;gap:8px}.compact-members{max-height:none;overflow:auto}.discord-member-list{align-content:start}.member-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:8px;background:#232428}.rich-member-row{grid-template-columns:44px minmax(0,1fr) auto;background:#2b2d31}.member-copy{display:grid;min-width:0}.member-copy span,.member-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role-group,.member-sidebar-group{display:grid;gap:8px}.role-list .list-item{background:#2b2d31}.role-card{display:grid;gap:4px}.role-permission-list{color:#c9ccd1;font-size:.85rem}.settings-panel{max-width:720px}.message-bubble{padding:12px;border-radius:14px;max-width:80%;display:grid;gap:4px}.message-bubble.outbound{justify-self:end;background:#5865f2;color:#fff}.message-bubble.inbound{justify-self:start;background:#404249}.friend-list{display:grid;gap:10px}.friend-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#232428;border:1px solid #1b1c20}.friend-row.expanded{grid-template-columns:32px minmax(0,1fr) auto}.empty-dashboard{min-height:280px;display:grid;place-items:center}.modal-backdrop{position:fixed;inset:0;background:#0000009e;display:grid;place-items:center;padding:24px;z-index:20}.settings-modal{width:min(720px,100%);position:relative;display:grid;gap:12px}.guild-create-modal{width:min(560px,100%)}.modal-close{position:absolute;top:12px;right:12px}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-row input{width:auto}.friends-layout{align-items:start}.danger-zone{margin-top:12px;padding-top:12px;border-top:1px solid #3f1f23;display:grid;gap:10px}.danger-zone h3{margin:0;color:#ffb3b8}@media(max-width:1200px){.discord-guild-layout{grid-template-columns:220px minmax(0,1fr) 220px}}@media(min-width:821px){.mobile-nav-toggle,.mobile-only,.mobile-guild-actions,.mobile-guild-dropdown,.guild-mode-mobile,.guild-mobile-content{display:none!important}.guild-mode-desktop{display:block!important}.guild-desktop-content,.guild-channel-sidebar{display:grid!important}.guild-members-sidebar{display:block!important;position:relative;inset:auto;width:auto;box-shadow:none}}@media(max-width:1000px){.content-grid{grid-template-columns:1fr}.discord-guild-layout{grid-template-columns:220px minmax(0,1fr) 220px}.header-meta{display:none}}@media(max-width:820px){.discord-shell,.content-grid{grid-template-columns:1fr}.discord-guild-layout{grid-template-columns:1fr;min-height:auto;height:auto}.guild-members-sidebar{border-left:0;border-top:1px solid #1e1f22}.guild-channel-sidebar{border-right:0;border-bottom:1px solid #1e1f22}.guild-mode-desktop,.guild-desktop-content{display:none}.guild-mode-mobile,.guild-mobile-content{display:block}html,body,#root{overflow:auto}.discord-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.mobile-nav-toggle{display:grid;position:fixed;top:12px;left:12px;z-index:30}.primary-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);transform:translate(-105%);transition:transform .2s ease;z-index:25}.primary-sidebar.mobile-open{transform:translate(0)}.mobile-only,.mobile-guild-dropdown{display:inline-flex}.main{padding-top:56px;overflow:visible}.topbar{flex-wrap:wrap}.discord-guild-layout{border-radius:12px;min-height:0}.guild-channel-sidebar{display:none}.mobile-guild-actions{display:flex;gap:8px;padding:12px;flex-wrap:wrap;border-bottom:1px solid #1e1f22}.guild-chat-panel{min-height:60vh}.guild-mobile-content{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.guild-mobile-channel-list{display:grid;gap:8px;padding:0 4px 8px}.guild-list-item{grid-template-columns:40px minmax(0,1fr)}.message-composer{grid-template-columns:1fr}.guild-members-sidebar{display:none;position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);z-index:28;border-left:1px solid #1e1f22;box-shadow:-8px 0 24px #00000047}.guild-members-sidebar.mobile-open{display:block}.settings-modal,.guild-create-modal{width:100%;max-height:calc(100vh - 24px);overflow:auto}.friend-row,.brand-user-row{align-items:flex-start}}.upload-preview{border-radius:12px;overflow:hidden;border:1px solid #1e1f22;background:#1e1f22;width:min(220px,100%);aspect-ratio:16 / 9}.upload-preview img{width:100%;height:100%;object-fit:cover;display:block}.upload-preview.avatar-preview{width:128px;aspect-ratio:1 / 1;border-radius:18px}.guild-settings-tabs{display:flex;gap:4px;background:#1e1f22;border-radius:10px;padding:4px}.guild-settings-tabs button{flex:1;border:0;border-radius:8px;padding:10px 12px;background:transparent;color:#949ba4;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.guild-settings-tabs button:hover{color:#dbdee1}.guild-settings-tabs button.active{background:#404249;color:#fff}@media(max-width:820px){.guild-settings-tabs{flex-wrap:wrap}.guild-settings-tabs button{min-width:80px}}.roles-manager-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;min-height:0}.roles-sidebar{background:#1e1f22;border-radius:10px;padding:10px;display:grid;grid-template-rows:auto 1fr auto;gap:4px;overflow:auto}.roles-sidebar-list{display:grid;gap:2px;overflow:auto}.roles-sidebar-item{display:flex;align-items:center;gap:8px;width:100%;border:0;border-left:3px solid transparent;border-radius:6px;background:transparent;color:#dbdee1;padding:8px 8px 8px 10px;text-align:left;cursor:pointer}.roles-sidebar-item.dragging{opacity:.4}.roles-sidebar-item[draggable=true]{cursor:grab}.roles-sidebar-item[draggable=true]:active{cursor:grabbing}.roles-sidebar-item.drag-over{border-top:2px solid #5865f2}.roles-sidebar-item:hover{background:#35373c}.roles-sidebar-item.active{background:#404249}.roles-sidebar-item .role-circle{display:none}.roles-detail-panel{background:#1e1f22;border-radius:10px;padding:14px;overflow:auto}.roles-detail-panel input,.roles-detail-panel input[type=color]{background:#2b2d31;border-color:#1e1f22;color:#f2f3f5}.color-picker-row{display:flex;align-items:center;gap:10px}.color-picker-row input[type=color]{width:48px;height:42px;padding:2px;border-radius:6px;cursor:pointer}.color-picker-row .badge{font-size:.85rem;font-weight:600}.permissions-grid{display:grid;gap:12px}.permission-group{display:grid;gap:6px}@media(max-width:820px){.roles-manager-layout{grid-template-columns:1fr}}