.nx-app { --nx-bg:#121017; --nx-panel:#17131e; --nx-muted:#8f859c; --nx-border:#ffffff0a; --nx-accent:#b38ae7; height:100svh; display:grid; grid-template-columns:72px 242px minmax(0,1fr) 244px; background:var(--nx-bg); color:var(--nx-text); font-size:13px; overflow:hidden; }
.nx-app button,.nx-dialog button { font:inherit; cursor:pointer; }
.nx-app button:disabled,.nx-dialog button:disabled { opacity:.4; cursor:not-allowed; }
.nx-app button:focus-visible,.nx-dialog button:focus-visible,.nx-dialog a:focus-visible,.nx-app a:focus-visible { outline:2px solid var(--nx-accent); outline-offset:3px; }
.nx-icon { width:19px; height:19px; flex-shrink:0; vertical-align:middle; }
.nx-icon-button { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:6px; border:0; background:transparent; border-radius:7px; color:var(--nx-soft); transition:color .16s,background .16s; flex-shrink:0; }
.nx-icon-button:hover { background:#ffffff09; color:var(--nx-accent-light); }
.nx-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 17px; min-height:38px; border:1px solid color-mix(in srgb,var(--nx-accent) 34.12%,transparent); border-radius:7px; background:color-mix(in srgb,var(--nx-accent) 4.71%,transparent); color:var(--nx-accent-light); font-size:12px; font-weight:500; text-decoration:none; transition:background .16s,border-color .16s; }
.nx-button:hover { background:color-mix(in srgb,var(--nx-accent) 7.45%,transparent); border-color:color-mix(in srgb,var(--nx-accent) 60.0%,transparent); }
.nx-button-subtle { background:transparent; border-color:#ffffff17; color:var(--nx-soft); }
.nx-button-small { min-height:32px; padding:7px 12px; font-size:11px; }
.nx-danger { color:#e7a2b3; border-color:#e47e9e40; background:transparent; }
.nx-danger:hover { background:#e47e9e0d; border-color:#e47e9e77; }
.nx-danger-text { color:#d49aab!important; }
.nx-rail { background:var(--nx-rail); border-right:1px solid var(--nx-border); padding:16px 10px; display:flex; align-items:center; flex-direction:column; gap:12px; min-height:0; }
.nx-server { width:46px; height:46px; background:var(--nx-raised); border:1px solid #ffffff05; color:var(--nx-soft); border-radius:17px; position:relative; display:grid; place-items:center; flex-shrink:0; font-size:15px!important; font-weight:500!important; transition:background .2s,border-radius .2s,color .2s; }
.nx-server:hover,.nx-server.is-active { border-radius:13px; color:var(--nx-accent-light); background:color-mix(in srgb,var(--server-color,var(--nx-accent, #a579df)) 20%,#15111e); border-color:color-mix(in srgb,var(--server-color,var(--nx-accent, #a579df)) 28%,transparent); }
.nx-server.is-active::before { content:''; position:absolute; width:3px; left:-13px; top:11px; bottom:11px; border-radius:3px; background:var(--nx-accent); }
.nx-home { background:var(--nx-raised); }
.nx-home img { transition:transform .3s,filter .3s; }
.nx-home:hover img { transform:rotate(60deg); filter:drop-shadow(0 0 6px color-mix(in srgb,var(--nx-accent) 40.0%,transparent)); }
.nx-rail-divider { width:26px; height:1px; background:#ffffff0c; flex-shrink:0; }
.nx-servers { display:flex; flex-direction:column; gap:12px; align-items:center; overflow-y:auto; overflow-x:hidden; padding:3px 6px; margin:0 -6px; scrollbar-width:none; }
.nx-add-server { color:var(--nx-accent-light); background:transparent; border:1px dashed color-mix(in srgb,var(--nx-accent) 21.96%,transparent); }
.nx-rail-bottom { margin-top:auto; padding-top:15px; }
.nx-beta { font-size:7px; letter-spacing:1.4px; color:var(--nx-muted); border:1px solid color-mix(in srgb,var(--nx-accent) 13.33%,transparent); border-radius:4px; padding:4px 5px; }
.nx-badge { position:absolute; right:-4px; bottom:-4px; background:var(--nx-accent); color:white; border:3px solid var(--nx-accent); border-radius:12px; min-width:21px; padding:1px 4px; font-size:9px; line-height:13px; text-align:center; }
.nx-sidebar { background:var(--nx-panel); border-right:1px solid var(--nx-border); display:flex; flex-direction:column; min-height:0; min-width:0; }
.nx-sidebar-heading { min-height:64px; width:100%; border:0; border-bottom:1px solid var(--nx-border); background:transparent; color:var(--nx-soft); display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 19px; font-weight:550!important; font-size:13px!important; }
.nx-sidebar-heading>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
button.nx-sidebar-heading:hover { background:#ffffff03; }
.nx-sidebar-scroll { flex:1; overflow:auto; padding:16px 10px; min-height:0; scrollbar-width:thin; scrollbar-color:#ffffff12 transparent; }
.nx-nav-item { display:flex; align-items:center; gap:12px; width:100%; padding:11px 12px; text-align:left; border:1px solid transparent; background:none; color:var(--nx-soft); border-radius:7px; margin-bottom:4px; font-size:12px!important; }
.nx-nav-item.is-active { background:color-mix(in srgb,var(--nx-accent) 5.1%,transparent); color:var(--nx-accent-light); border-color:color-mix(in srgb,var(--nx-accent) 7.06%,transparent); }
.nx-nav-item:hover,.nx-room:hover { background:#ffffff06; color:var(--nx-accent-light); }
.nx-count { font-size:9px; min-width:17px; height:17px; padding:0 4px; border-radius:5px; display:grid; place-items:center; background:color-mix(in srgb,var(--nx-accent) 14.9%,transparent); color:var(--nx-accent-light); margin-left:auto; flex-shrink:0; }
.nx-section-label { display:flex; align-items:center; justify-content:space-between; margin:25px 3px 9px 12px; color:var(--nx-muted); font-size:8px; font-weight:600; letter-spacing:1.2px; }
.nx-section-label .nx-icon-button { height:23px; width:23px; padding:4px; }
.nx-section-label .nx-icon { width:14px; height:14px; }
.nx-room { width:100%; display:flex; align-items:center; gap:10px; padding:10px; margin-bottom:3px; border:1px solid transparent; border-radius:7px; color:var(--nx-soft); background:none; text-align:left; font-size:12px!important; }
.nx-room>span:not(.nx-avatar) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nx-room.is-active { color:var(--nx-accent-light); background:color-mix(in srgb,var(--nx-accent) 6.67%,transparent); border-color:color-mix(in srgb,var(--nx-accent) 6.27%,transparent); }
.nx-room.has-unread { color:var(--nx-accent-light); }
.nx-room-list>.nx-room .nx-icon { width:18px; height:18px; color:var(--nx-muted); }
.nx-sidebar-empty { font-size:11px; color:var(--nx-muted); padding:4px 12px; line-height:1.8; }
.nx-user-panel { display:flex; align-items:center; width:100%; padding:17px 14px; border:0; border-top:1px solid var(--nx-border); background:var(--nx-panel); color:var(--nx-soft); gap:10px; text-align:left; }
.nx-user-panel:hover { background:var(--nx-panel); }
.nx-user-panel>span:nth-child(2) { flex:1; min-width:0; }
.nx-user-panel strong { display:block; font-size:11px; font-weight:550; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nx-user-panel small { display:block; color:var(--nx-muted); font-size:9px; margin-top:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nx-user-panel>.nx-icon { width:17px; height:17px; color:var(--nx-muted); }
.nx-avatar { --avatar:42px; width:var(--avatar); height:var(--avatar); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,var(--nx-accent),var(--nx-raised)); border:1px solid color-mix(in srgb,var(--nx-accent) 7.06%,transparent); color:var(--nx-accent-light); font-size:15px; font-weight:500; position:relative; }
.nx-avatar-small { --avatar:31px; font-size:11px; }
.nx-avatar-bot { background:#26383b; color:#aac9cd; }
.nx-avatar-bot .nx-icon { width:17px; height:17px; }
.nx-avatar i { width:10px; height:10px; background:#8daf9c; border:3px solid var(--nx-accent); border-radius:50%; position:absolute; right:-1px; bottom:-1px; }
.nx-main { min-width:0; min-height:0; display:flex; flex-direction:column; }
.nx-header { height:64px; flex-shrink:0; border-bottom:1px solid var(--nx-border); display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0 25px; }
.nx-header-title { display:flex; align-items:center; gap:11px; min-width:0; }
.nx-header-title>.nx-icon { color:var(--nx-muted); }
.nx-header-title>strong { font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nx-topic { font-size:10px; color:var(--nx-muted); border-left:1px solid #ffffff12; padding-left:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nx-header-actions { display:flex; align-items:center; gap:6px; }
.nx-connection { display:flex; align-items:center; gap:6px; font-size:8px; color:var(--nx-muted); white-space:nowrap; margin-right:5px; }
.nx-connection i { height:4px; width:4px; background:#b39369; border-radius:50%; }
.nx-connection.is-connected i,.nx-small-dot { background:#8daf9c; }
.nx-workspace { min-height:0; flex:1; display:flex; flex-direction:column; }
.nx-friends { min-height:0; display:flex; flex-direction:column; flex:1; }
.nx-friend-tabs { display:flex; align-items:center; gap:7px; padding:21px 27px 19px; border-bottom:1px solid var(--nx-border); }
.nx-friend-tabs button { border:0; background:none; color:var(--nx-soft); font-size:11px; padding:7px 12px; border-radius:6px; display:flex; align-items:center; gap:7px; }
.nx-friend-tabs button:hover { background:#ffffff05; color:var(--nx-accent-light); }
.nx-friend-tabs button.is-active { color:var(--nx-accent-light); background:color-mix(in srgb,var(--nx-accent) 7.45%,transparent); }
.nx-friend-tabs button.nx-add-friend-tab { color:var(--nx-accent-light); border:1px solid color-mix(in srgb,var(--nx-accent) 16.86%,transparent); margin-left:auto; }
.nx-friend-tabs button.nx-add-friend-tab.is-active { border-color:color-mix(in srgb,var(--nx-accent) 40.0%,transparent); }
.nx-friend-tabs i { width:4px; height:4px; border-radius:50%; background:var(--nx-accent); }
.nx-friends-body { flex:1; overflow:auto; padding:26px 30px; }
.nx-friends-body>h2,.nx-page-heading h2 { font-size:18px; font-weight:550; letter-spacing:-.5px; margin:1px 0 9px; }
.nx-friends-body>p,.nx-page-heading p { font-size:12px; color:var(--nx-muted); line-height:1.8; margin:0 0 25px; }
.nx-search { display:flex; align-items:center; gap:9px; border:1px solid #ffffff0e; background:var(--nx-rail); border-radius:7px; padding:10px 13px; color:var(--nx-muted); }
.nx-search .nx-icon { width:16px; height:16px; }
.nx-search input { border:0; background:none; color:var(--nx-soft); outline:none; min-width:0; width:100%; padding:0; font:inherit; font-size:11px; }
.nx-search:focus-within { border-color:color-mix(in srgb,var(--nx-accent) 33.33%,transparent); }
.nx-search input:focus { box-shadow:none; }
.nx-list-heading { font-size:9px; letter-spacing:.9px; color:var(--nx-soft); margin:28px 0 15px; }
.nx-list-heading span { color:var(--nx-muted); }
.nx-friend-row { display:flex; align-items:center; gap:13px; padding:15px 10px; border-top:1px solid #ffffff08; border-radius:6px; min-height:72px; }
.nx-friend-row:hover { background:#ffffff03; }
.nx-person-copy { min-width:0; flex:1; }
.nx-person-copy strong { font-size:12px; display:block; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nx-person-copy small { display:block; color:var(--nx-muted); font-size:10px; margin-top:6px; }
.nx-person-copy small>span { color:var(--nx-muted); }
.nx-row-actions { display:flex; gap:8px; }
.nx-row-actions .nx-icon-button { border-radius:50%; background:var(--nx-rail); height:30px; width:30px; }
.nx-row-actions .nx-icon { width:16px; height:16px; }
.nx-empty { display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column; flex:1; padding:50px 25px; }
.nx-empty-friends { min-height:330px; }
.nx-empty-symbol { color:var(--nx-muted); width:68px; height:68px; border:1px solid color-mix(in srgb,var(--nx-accent) 9.02%,transparent); border-radius:21px; display:grid; place-items:center; margin-bottom:23px; background:radial-gradient(circle,color-mix(in srgb,var(--nx-accent) 3.53%,transparent),transparent); }
.nx-empty-symbol .nx-icon { width:27px; height:27px; stroke-width:1.25; }
.nx-empty h2 { font-size:20px; font-weight:500; letter-spacing:-.5px; color:var(--nx-soft); margin:0 0 12px; }
.nx-empty p { font-size:12px; color:var(--nx-muted); line-height:1.8; max-width:340px; margin:0 0 22px; }
.nx-add-friend-form { display:flex; align-items:center; gap:12px; background:var(--nx-rail); border:1px solid color-mix(in srgb,var(--nx-accent) 20.0%,transparent); border-radius:8px; padding:8px 9px 8px 16px; color:var(--nx-muted); }
.nx-add-friend-form input { flex:1; min-width:0; outline:none; background:none; border:0; padding:5px 0; color:var(--nx-accent-light); font-size:12px; }
.nx-add-friend-form input:focus { box-shadow:none; }
.nx-inline-status { margin-top:16px!important; font-size:11px!important; }
.is-success { color:#9fc7ab!important; }.is-error { color:#e5a1b7!important; }
.nx-details { border-left:1px solid var(--nx-border); min-width:0; display:flex; flex-direction:column; overflow:auto; padding:0 19px; background:var(--nx-panel); scrollbar-width:thin; }
.nx-details>header { height:64px; display:flex; align-items:center; justify-content:space-between; flex-shrink:0; border-bottom:1px solid var(--nx-border); margin-bottom:20px; }
.nx-details h2 { font-size:11px; font-weight:500; margin:0; color:var(--nx-soft); }
.nx-details h2>span { font-size:9px; color:var(--nx-muted); margin-left:5px; }
.nx-small-dot { height:4px; width:4px; border-radius:50%; }
.nx-active-empty { text-align:center; margin-top:35px; padding:0 5px; }
.nx-active-empty p { font-size:12px; color:var(--nx-soft); }
.nx-active-empty>span { font-size:10px; color:var(--nx-muted); line-height:1.9; }
.nx-active-person,.nx-member { display:flex; align-items:center; gap:10px; border:0; background:none; color:var(--nx-soft); text-align:left; border-radius:6px; width:100%; padding:10px 5px; margin-bottom:5px; }
.nx-active-person:hover,.nx-member:hover { background:#ffffff04; }
.nx-active-person>span:nth-child(2),.nx-member>span:nth-child(2) { flex:1; min-width:0; }
.nx-active-person strong,.nx-member strong { font-size:11px; font-weight:500; display:flex; align-items:center; gap:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nx-member strong .nx-icon { width:11px; height:11px; color:#baa36b; }
.nx-active-person small,.nx-member small { display:block; font-size:9px; color:var(--nx-muted); margin-top:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.nx-active-person>.nx-icon { width:15px; color:var(--nx-muted); }
.nx-details>footer { margin-top:auto; padding:25px 0; color:var(--nx-muted); font-size:10px; line-height:1.8; overflow-wrap:anywhere; }
.nx-chat { display:flex; flex-direction:column; flex:1; min-height:0; }
.nx-history { flex:1; min-height:0; overflow:auto; padding:24px 0 10px; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--nx-accent) 12.55%,transparent) transparent; overscroll-behavior:contain; }
.nx-thread-start { padding:28px 30px 32px; }
.nx-thread-icon { width:45px; height:45px; border:1px solid color-mix(in srgb,var(--nx-accent) 12.55%,transparent); border-radius:14px; color:var(--nx-accent-light); display:grid; place-items:center; margin-bottom:18px; }
.nx-thread-start h2 { font-size:23px; font-weight:550; letter-spacing:-.6px; line-height:1.4; margin:0 0 9px; color:var(--nx-soft); }
.nx-thread-start p { font-size:12px; color:var(--nx-muted); margin:0; line-height:1.9; }
.nx-message { display:flex; align-items:flex-start; gap:13px; position:relative; padding:11px 30px; border-left:2px solid transparent; }
.nx-message:hover { background:#ffffff02; }
.nx-message-content { min-width:0; flex:1; }
.nx-message-meta { display:flex; gap:8px; align-items:baseline; margin:0 0 6px; }
.nx-message-meta strong { font-size:11px; font-weight:550; color:var(--nx-accent-light); overflow-wrap:anywhere; }
.nx-message-meta time { color:var(--nx-muted); font-size:8px; white-space:nowrap; }
.nx-message-meta small { font-size:8px; color:var(--nx-muted); }
.nx-message p { font-size:12px; line-height:1.8; color:var(--nx-soft); margin:0; white-space:pre-wrap; overflow-wrap:anywhere; cursor:text; }
.nx-message.is-deleted p { color:var(--nx-muted); font-style:italic; }
.nx-message.is-mentioned { border-left-color:color-mix(in srgb,var(--nx-accent) 53.33%,transparent); background:color-mix(in srgb,var(--nx-accent) 2.35%,transparent); }
.nx-mention { color:var(--nx-accent-light); background:color-mix(in srgb,var(--nx-accent) 9.02%,transparent); padding:1px 3px; border-radius:3px; }
.nx-message-actions { display:flex; gap:2px; position:absolute; right:23px; top:-12px; opacity:0; pointer-events:none; border:1px solid color-mix(in srgb,var(--nx-accent) 10.2%,transparent); background:var(--nx-raised); border-radius:7px; padding:1px; }
.nx-message:hover .nx-message-actions,.nx-message:focus-within .nx-message-actions { opacity:1; pointer-events:auto; }
.nx-message-actions .nx-icon-button { width:28px; height:27px; }
.nx-message-actions .nx-icon { width:13px; height:13px; }
.nx-typing { min-height:24px; padding:2px 30px; font-size:10px; color:var(--nx-soft); }
.nx-composer-wrap { padding:0 24px 15px; flex-shrink:0; }
.nx-composer { display:flex; align-items:flex-end; border:1px solid color-mix(in srgb,var(--nx-accent) 12.94%,transparent); border-radius:10px; background:var(--nx-panel); padding:8px; gap:7px; }
.nx-composer:focus-within { border-color:color-mix(in srgb,var(--nx-accent) 30.2%,transparent); }
.nx-composer>textarea { flex:1; min-width:0; resize:none; background:none; border:0; color:var(--nx-accent-light); font:inherit; font-size:12px; line-height:1.7; padding:6px 1px; height:32px; min-height:32px; max-height:140px; outline:none; scrollbar-width:thin; }
.nx-composer>textarea::placeholder { color:var(--nx-muted); }
.nx-composer>.nx-icon-button { font-size:19px; font-weight:400; }
.nx-send { display:grid; place-items:center; padding:7px; border:1px solid color-mix(in srgb,var(--nx-accent) 12.94%,transparent); background:color-mix(in srgb,var(--nx-accent) 7.06%,transparent); color:var(--nx-accent-light); border-radius:7px; width:33px; height:33px; }
.nx-send:hover { background:color-mix(in srgb,var(--nx-accent) 13.33%,transparent); }
.nx-send .nx-icon { width:16px; height:16px; }
.nx-composer-hint { font-size:8px; color:var(--nx-muted); display:block; margin:8px 3px 0; }
.nx-send-error { font-size:11px; color:#d99ab1; margin:8px 3px 0; }
.nx-send-error:empty { display:none; }
.nx-thread-loading,.nx-thread-error { padding:35px; text-align:center; color:var(--nx-muted); font-size:12px; }
.nx-load-more { display:block; padding:8px 14px; border:1px solid color-mix(in srgb,var(--nx-accent) 12.55%,transparent); color:var(--nx-soft); border-radius:6px; background:none; font-size:10px!important; margin:0 auto 25px; }
.nx-inbox { padding:30px; overflow:auto; }
.nx-page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:20px; }
.nx-notification { display:flex; gap:12px; align-items:center; width:100%; border:1px solid #ffffff08; border-radius:8px; background:transparent; color:var(--nx-soft); text-align:left; padding:16px; margin-bottom:8px; font-size:11px!important; line-height:1.7; }
.nx-notification.is-unread { background:color-mix(in srgb,var(--nx-accent) 2.75%,transparent); border-color:color-mix(in srgb,var(--nx-accent) 9.8%,transparent); }
.nx-notification>span:nth-child(2) { flex:1; }
.nx-notification strong { color:var(--nx-soft); font-weight:500; }
.nx-notification small { display:block; font-size:9px; color:var(--nx-muted); margin-top:5px; }
.nx-notification>i { width:5px; height:5px; background:var(--nx-accent); border-radius:50%; }
.nx-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:30; border:1px solid color-mix(in srgb,var(--nx-accent) 25.1%,transparent); background:var(--nx-raised); box-shadow:0 12px 40px #0006; color:var(--nx-accent-light); border-radius:9px; padding:13px 20px; font-size:12px; max-width:calc(100vw - 40px); line-height:1.6; text-align:center; pointer-events:none; }
.nx-dialog { width:min(460px,calc(100% - 32px)); max-height:85svh; border:1px solid color-mix(in srgb,var(--nx-accent) 20.0%,transparent); padding:0; border-radius:14px; background:var(--nx-panel); color:var(--nx-accent-light); box-shadow:0 25px 90px #0007; overflow:auto; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--nx-accent) 12.55%,transparent) transparent; }
.nx-dialog::backdrop { background:color-mix(in srgb,var(--nx-rail) 72.16%,transparent); backdrop-filter:blur(7px); }
.nx-dialog-header { padding:21px 24px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #ffffff0a; position:sticky; top:0; background:var(--nx-panel); z-index:2; }
.nx-dialog-header h2 { font-size:17px; font-weight:550; letter-spacing:-.4px; margin:0; }
.nx-dialog-content { padding:24px; }
.nx-muted { color:var(--nx-soft); font-size:12px; line-height:1.9; margin:0 0 22px; }
.nx-error { color:#e1a1b5; font-size:11px; line-height:1.7; margin:12px 0; }
.nx-error:empty { display:none; }
.nx-form { display:flex; flex-direction:column; gap:18px; }
.nx-form>label,.nx-copy-label { display:flex; flex-direction:column; gap:9px; font-size:11px; color:var(--nx-soft); line-height:1.6; }
.nx-form input,.nx-form textarea,.nx-form select,.nx-copy-label input { width:100%; padding:11px 12px; background:var(--nx-rail); border:1px solid color-mix(in srgb,var(--nx-accent) 14.12%,transparent); border-radius:7px; font:inherit; font-size:12px; color:var(--nx-accent-light); outline:none; }
.nx-form input:focus,.nx-form textarea:focus,.nx-form select:focus,.nx-copy-label input:focus { border-color:color-mix(in srgb,var(--nx-accent) 53.33%,transparent); box-shadow:0 0 0 3px color-mix(in srgb,var(--nx-accent) 4.31%,transparent); }
.nx-form input::placeholder,.nx-form textarea::placeholder { color:var(--nx-muted); }
.nx-form textarea { min-height:100px; resize:vertical; line-height:1.8; }
.nx-form .nx-button { align-self:flex-start; }
.nx-copy-label { margin-bottom:18px; }
.nx-copy-status,.nx-token-status { font-size:11px; color:#a7c5b1; }
.nx-dialog-separator { margin:28px 0 22px; padding-top:25px; border-top:1px solid #ffffff0b; font-size:12px; color:var(--nx-soft); }
.nx-dialog-people { margin:0 0 20px; max-height:360px; overflow:auto; }
.nx-person-choice { width:100%; display:flex; align-items:center; gap:12px; background:transparent; border:0; color:var(--nx-soft); text-align:left; padding:12px 9px; border-radius:7px; }
.nx-person-choice:hover { background:color-mix(in srgb,var(--nx-accent) 3.92%,transparent); }
.nx-person-choice>span:nth-child(2) { flex:1; }
.nx-person-choice strong { font-size:12px; font-weight:500; display:block; }
.nx-person-choice small { display:block; font-size:10px; color:var(--nx-muted); margin-top:5px; }
.nx-emoji-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.nx-emoji-grid button { height:55px; background:color-mix(in srgb,var(--nx-accent) 2.35%,transparent); border:1px solid color-mix(in srgb,var(--nx-accent) 7.45%,transparent); border-radius:9px; font-size:26px; }
.nx-emoji-grid button:hover { background:color-mix(in srgb,var(--nx-accent) 9.02%,transparent); }
.nx-settings { width:min(860px,calc(100% - 32px)); }
.nx-settings .nx-dialog-content { padding:0; }
.nx-settings-layout { display:grid; grid-template-columns:180px 1fr; min-height:450px; }
.nx-settings-nav { padding:24px 12px; border-right:1px solid #ffffff0a; background:var(--nx-panel); }
.nx-settings-nav button { display:flex; align-items:center; gap:9px; width:100%; padding:11px 12px; border:0; background:transparent; text-align:left; color:var(--nx-soft); border-radius:6px; font-size:11px; margin-bottom:4px; }
.nx-settings-nav button .nx-icon { width:15px; height:15px; }
.nx-settings-nav button.is-active,.nx-settings-nav button:hover { color:var(--nx-accent-light); background:color-mix(in srgb,var(--nx-accent) 5.1%,transparent); }
.nx-settings-nav button[data-tab="danger"] { margin-top:27px; }
.nx-settings-panel { padding:30px; min-width:0; }
.nx-settings-panel h3 { font-size:18px; font-weight:500; letter-spacing:-.5px; margin:0 0 14px; }
.nx-settings-panel h4 { font-size:13px; font-weight:500; margin:28px 0 18px; }
.nx-server-facts { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 25px; }
.nx-server-facts span { font-size:9px; color:var(--nx-soft); border:1px solid color-mix(in srgb,var(--nx-accent) 9.8%,transparent); border-radius:5px; padding:6px 8px; }
.nx-form input[type="color"] { width:54px; height:36px; padding:4px; cursor:pointer; }
.nx-invite-setting { margin-top:25px; }
.nx-invite-result { margin-top:18px; }
.nx-settings-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.nx-settings-title h3 { margin:0; }
.nx-setting-row { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #ffffff09; }
.nx-setting-row>span:nth-child(2) { flex:1; min-width:0; }
.nx-setting-row>svg { color:var(--nx-soft); }
.nx-setting-row strong { font-size:11px; display:block; font-weight:500; overflow-wrap:anywhere; }
.nx-setting-row small { font-size:10px; color:var(--nx-muted); display:block; margin-top:6px; overflow-wrap:anywhere; }
.nx-settings-panel>.nx-danger,.nx-role-editor>.nx-danger { margin-top:25px; }
.nx-role-list { display:flex; flex-direction:column; gap:5px; }
.nx-role-list button { display:flex; align-items:center; gap:10px; width:100%; padding:11px 12px; border:1px solid #ffffff0a; background:transparent; color:var(--nx-soft); border-radius:6px; text-align:left; font-size:11px; }
.nx-role-list button.is-active,.nx-role-list button:hover { border-color:color-mix(in srgb,var(--nx-accent) 20.0%,transparent); background:color-mix(in srgb,var(--nx-accent) 2.75%,transparent); }
.nx-role-list i,.nx-role-dot { height:7px; width:7px; border-radius:50%; display:inline-block; flex-shrink:0; }
.nx-role-list small { margin-left:auto; color:var(--nx-muted); font-size:9px; }
.nx-role-list .nx-icon { width:14px; height:14px; color:var(--nx-muted); }
.nx-form-columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.nx-form-columns label { display:flex; flex-direction:column; gap:9px; font-size:11px; color:var(--nx-soft); }
.nx-checkbox { display:flex; align-items:flex-start; gap:12px; padding:13px 0; border-bottom:1px solid #ffffff07; font-size:12px; color:var(--nx-soft); cursor:pointer; }
.nx-checkbox input[type="checkbox"] { width:15px; height:15px; margin-top:3px; padding:0; accent-color:var(--nx-accent-light); cursor:pointer; flex-shrink:0; }
.nx-checkbox span>strong { font-size:11px; font-weight:500; display:block; line-height:1.6; }
.nx-checkbox small { font-size:10px; color:var(--nx-muted); display:block; line-height:1.8; margin-top:4px; }
.nx-checkbox .nx-role-dot { margin-right:7px; }
.nx-permission-list { margin-top:-15px; }
.nx-bot-tag { display:inline-block; font-size:6px; padding:2px 4px; border-radius:3px; background:color-mix(in srgb,var(--nx-accent) 10.98%,transparent); color:var(--nx-accent-light); letter-spacing:.5px; vertical-align:middle; }
.nx-id-line { font-size:9px; margin-top:20px; overflow-wrap:anywhere; }
.nx-muted code { font-size:10px; color:var(--nx-accent-light); overflow-wrap:anywhere; }
.nx-account-summary { display:flex; align-items:center; gap:14px; margin-bottom:26px; }
.nx-account-summary strong { display:block; font-size:14px; font-weight:500; }
.nx-account-summary small { display:block; font-size:11px; margin-top:5px; color:var(--nx-muted); }
.nx-account-bottom { display:flex; justify-content:space-between; gap:12px; padding-top:25px; margin-top:25px; border-top:1px solid #ffffff0b; }
.nx-password-details { margin-top:24px; padding-top:22px; border-top:1px solid #ffffff0a; }
.nx-password-details summary { font-size:12px; color:var(--nx-soft); cursor:pointer; }
.nx-password-details form { margin-top:24px; }
.nx-menu-toggle { display:none; }
@media(min-width:1600px) { .nx-app { grid-template-columns:76px 265px minmax(0,1fr) 280px; }.nx-friends-body { padding:30px 40px; }.nx-friend-tabs { padding-left:37px; padding-right:37px; }.nx-details { padding:0 24px; } }
@media(max-width:1180px) { .nx-app { grid-template-columns:68px 230px minmax(0,1fr); }.nx-details { display:none; }.nx-header { padding:0 20px; }.nx-server { width:43px; height:43px; } }
@media(max-width:760px) { .nx-app { grid-template-columns:62px minmax(0,1fr); }.nx-sidebar { display:none; }.nx-app.nx-sidebar-open .nx-sidebar { display:flex; }.nx-app.nx-sidebar-open .nx-main { display:none; }.nx-menu-toggle { display:inline-flex; }.nx-rail { padding:13px 8px; }.nx-server { width:41px; height:41px; border-radius:15px; }.nx-server.is-active::before { left:-11px; }.nx-header { height:60px; padding:0 12px; gap:8px; }.nx-header-title { gap:8px; flex:1; }.nx-header-title strong { font-size:12px; }.nx-topic,.nx-connection>span { display:none; }.nx-header-actions { gap:2px; }.nx-friend-tabs { gap:2px; padding:16px 12px; flex-wrap:wrap; }.nx-friend-tabs button { font-size:10px; padding:7px 9px; }.nx-friend-tabs button.nx-add-friend-tab { margin-left:3px; }.nx-friends-body { padding:21px 16px; }.nx-person-copy small>span { display:none; }.nx-friend-row { padding:12px 1px; gap:10px; }.nx-avatar { --avatar:35px; font-size:13px; }.nx-avatar-small { --avatar:29px; font-size:10px; }.nx-row-actions { gap:2px; }.nx-row-actions .nx-icon-button { height:27px; width:27px; }.nx-friend-tabs .nx-add-friend-tab { margin-left:auto!important; }.nx-add-friend-form { flex-wrap:wrap; gap:8px; padding:10px 12px; }.nx-add-friend-form input { width:calc(100% - 35px); flex:auto; }.nx-add-friend-form .nx-button { width:100%; margin-top:5px; }.nx-thread-start { padding:20px 18px 28px; }.nx-thread-start h2 { font-size:20px; }.nx-message { padding:11px 15px; gap:10px; }.nx-message-meta time { font-size:7px; }.nx-message p { font-size:12px; }.nx-message-actions { right:12px; }.nx-composer-wrap { padding:0 12px 12px; }.nx-composer { gap:3px; padding:5px; }.nx-composer>.nx-icon-button { width:27px; }.nx-typing { padding-left:18px; font-size:9px; }.nx-composer-hint { font-size:7px; }.nx-composer>textarea { font-size:12px; }.nx-inbox { padding:22px 16px; }.nx-page-heading { display:block; }.nx-page-heading>.nx-button { margin-bottom:12px; }.nx-empty { padding:40px 12px; }.nx-empty h2 { font-size:18px; }.nx-empty p { font-size:11px; }.nx-settings-layout { display:block; }.nx-settings-nav { display:flex; overflow:auto; border-right:0; border-bottom:1px solid #ffffff0a; padding:10px; gap:3px; }.nx-settings-nav button { width:auto; flex-shrink:0; font-size:10px; padding:9px 10px; margin:0!important; }.nx-settings-nav button .nx-icon { display:none; }.nx-settings-panel { padding:24px 20px; }.nx-dialog-header { padding:17px 20px; }.nx-dialog-content { padding:22px 20px; }.nx-settings .nx-dialog-content { padding:0; }.nx-dialog { max-height:90svh; }.nx-thread-start h2 { overflow-wrap:anywhere; } }
@media(prefers-reduced-motion:reduce) { .nx-app *, .nx-dialog * { transition:none!important; scroll-behavior:auto!important; } }

.nx-message p { font-size:14px; line-height:1.75; }
.nx-message-meta strong { font-size:12px; }
.nx-message-meta time { font-size:9px; }
.nx-person-copy strong { font-size:14px; }
.nx-person-copy small { font-size:11px; }
.nx-room { font-size:13px!important; }
.nx-nav-item { font-size:13px!important; }
.nx-header-title>strong { font-size:14px; }
.nx-friend-tabs button { font-size:12px; }
.nx-composer>textarea { font-size:13px; }
@media(max-width:760px) { .nx-message p { font-size:13px; }.nx-person-copy strong { font-size:12px; }.nx-friend-tabs button { font-size:10px; }.nx-person-copy small { font-size:10px; } }