.nx4{position:fixed;inset:0;z-index:2147481000;background:#080c14;color:#f6f7fb;display:grid;grid-template-columns:270px minmax(0,1fr);height:100dvh;font:15px system-ui;overflow:hidden}.nx4 *{box-sizing:border-box}.nx4 [hidden]{display:none!important}.nx4 button,.nx4 input,.nx4 textarea,.nx4 select{font:inherit;color:inherit}.nx4 button{cursor:pointer;border:1px solid #303848;border-radius:12px;background:#171f2d;padding:10px 13px}.nx4 button:hover{border-color:#ff3154}.nx4 button:disabled{opacity:.45;cursor:default}.nx4 input,.nx4 textarea,.nx4 select{background:#0c1320;border:1px solid #354256;border-radius:12px;padding:11px;min-width:0}.nx4 aside{overflow:auto;border-right:1px solid #303848;background:#0d1421;padding:18px}.nx4 aside h2{font-size:20px}.nx4 details{margin-top:15px}.nx4 summary{color:#b6c0d1;cursor:pointer;font-size:12px;letter-spacing:.09em;padding:8px}.nx4 .nx4-room{display:block;text-align:left;width:100%;margin:5px 0;border:0;border-radius:9px;background:transparent}.nx4 .nx4-room[aria-current=true]{background:#a7173a;color:white}.nx4-main{min-width:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;background:linear-gradient(#0b101bbb,#070b14ed),var(--nx4-bg) center/cover}.nx4 header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #303848;background:#080d16f2}.nx4 header div{flex:1;min-width:0}.nx4 header h2{font-size:19px;margin:3px 0;overflow:hidden;text-overflow:ellipsis}.nx4 header small{color:#a5b3c6}.nx4-tools{display:flex;gap:8px;padding:10px 18px;overflow-x:auto;background:#0d1320db}.nx4-tools input{flex:1}.nx4-status{padding:8px 18px;min-height:35px;color:#b6c2d4;background:#111726ba}.nx4-status.error{color:#ffb9c5}.nx4-messages{overflow:auto;overscroll-behavior:contain;padding:14px 18px;contain:layout style;scrollbar-width:thin}.nx4-message{max-width:820px;margin:14px 0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px}.nx4-message img.nx4-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.nx4-message .nx4-bubble{padding:13px;border:1px solid #303e52;border-radius:0 16px 16px;background:#162131e8;overflow-wrap:anywhere}.nx4-message.mine{margin-left:auto}.nx4-message.mine .nx4-bubble{background:#771529e8;border-color:#c92948}.nx4-message p{white-space:pre-wrap;margin:8px 0}.nx4-message time{font-size:11px;color:#b4bece;margin-left:9px}.nx4-message .nx4-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.nx4-actions button{font-size:12px;padding:4px 8px}.nx4-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.nx4-media img,.nx4-media video{max-width:100%;max-height:360px;border-radius:9px;object-fit:contain;background:#070b14}.nx4-media audio{width:100%;max-width:330px}.nx4-attachment{background:#0b111dbb;padding:8px;border-radius:8px}.nx4-attachment a{color:#bcd6ff;word-break:break-all}.nx4-composer{background:#0b101bec;border-top:1px solid #364357;padding:10px 15px calc(10px + env(safe-area-inset-bottom))}.nx4-compose-row{display:flex;gap:8px}.nx4-compose-row textarea{resize:none;max-height:110px;flex:1}.nx4-send{background:#ed173e!important}.nx4-draft{font-size:12px;padding:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nx4 progress{width:110px}.nx4-backdrop{display:none}.nx4-mobile-menu{display:none}.nx4-empty{padding:35px;color:#b8c4d5;text-align:center}.nx4 dialog{max-width:500px;width:calc(100vw - 32px);max-height:85dvh;overflow:auto;border:1px solid #47566a;border-radius:18px;background:#111927;color:#fff;padding:24px}.nx4 dialog::backdrop{background:#000a}.nx4 dialog label{display:block;margin:12px 0}.nx4 dialog input:not([type=checkbox]),.nx4 dialog select,.nx4 dialog textarea{width:100%}.nx4 dialog footer{display:flex;gap:8px;justify-content:flex-end}.nx4-dialog-status{color:#ffb4c3}.nx4-live{display:flex;gap:10px;padding:10px 18px;background:#32121f}.nx4-live button{background:#b91639}.nx4-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:16px}.nx4-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.nx4-live-card{background:#101722;border:1px solid #364557;border-radius:16px;padding:16px}.nx4-live-card img{width:100%;height:130px;object-fit:cover;border-radius:10px}.nx4-live-card button{border:1px solid #d93050;border-radius:9px;background:#bc1739;color:white;padding:10px;cursor:pointer}.nx4-live-card em{font-size:12px;color:#ff5d78}.nx4-player{position:fixed;inset:0;z-index:2147482000;background:#080d16;color:#fff;display:flex;flex-direction:column;font:15px system-ui}.nx4-player header,.nx4-player footer{display:flex;gap:10px;padding:14px;align-items:center;border-bottom:1px solid #394456;flex-wrap:wrap}.nx4-player button{padding:10px;border-radius:10px;border:1px solid #384359;background:#1a2333;color:white;cursor:pointer}.nx4-player header div{flex:1}.nx4-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;padding:16px;overflow:auto;flex:1}.nx4-player-grid video{width:100%;max-height:60vh;background:#161e2c}.nx4-player-status{padding:12px;color:#bfd0e6}.nx4-player.minimized{inset:auto 12px 15px auto;width:240px;border:1px solid #586982;border-radius:15px;box-shadow:0 8px 35px #0009}.nx4-player.minimized .nx4-player-grid,.nx4-player.minimized footer{display:none}.nx4-chip{padding:4px 8px;border-radius:8px;background:#273143;font-size:11px}.nx4-authors{display:flex;align-items:center;gap:8px}
@media(max-width:760px){.nx4{display:block}.nx4-main{height:100dvh}.nx4 aside{position:absolute;left:0;top:0;bottom:0;width:min(290px,85vw);z-index:3;transform:translateX(-100%);transition:transform .15s ease}.nx4.drawer aside{transform:none}.nx4.drawer .nx4-backdrop{display:block;position:absolute;inset:0;z-index:2;background:#0009}.nx4-mobile-menu{display:block}.nx4 header{padding:10px;gap:8px}.nx4-tools{padding:8px 10px;flex-wrap:wrap;overflow:hidden}.nx4-tools input{flex-basis:100%;width:100%}.nx4-tools button{flex:1}.nx4-messages{padding:8px 10px}.nx4-message{grid-template-columns:28px minmax(0,1fr)}.nx4-message img.nx4-avatar{width:28px;height:28px}.nx4-message .nx4-bubble{padding:10px}.nx4-composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.nx4 header h2{font-size:16px}.nx4-media{grid-template-columns:minmax(0,1fr)}}

.nx4 dialog article{padding:12px;margin:12px 0;border:1px solid #36465a;border-radius:10px}.nx4 dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}.nx4-participants{display:flex;gap:8px;flex-wrap:wrap;padding:8px 14px;max-height:110px;overflow:auto}.nx4-participants span{background:#172334;border-radius:9px;padding:7px}.nx4-player.minimized .nx4-participants{display:none}