:root{color-scheme:dark;--accent:#8b35f3;--ink:#edf0f8;--muted:#a3a6b5;--line:#34343d;--panel:#24242a}
body{background:#111115;color:var(--ink);font-family:'Segoe UI','Malgun Gothic',sans-serif}body::before{display:none}p,small{color:var(--muted)}button{background:#7730d5}input,textarea{background:#17171d;color:#f1f0f8;border-color:#41414d}input::placeholder,textarea::placeholder{color:#9694a7}input:focus,textarea:focus{outline-color:#9b58ec!important}.secondary,#login #openSignup{background:#33303c;color:#e5dcf5}
#login{margin:10vh auto;max-width:460px;background:linear-gradient(145deg,#2c2934,#202027);border:1px solid #4b415b;box-shadow:0 25px 100px #0009;backdrop-filter:none}#login::before{content:'IBP inc WORKSPACE';display:block;font-size:10px;letter-spacing:3px;color:#b99ada;margin-bottom:25px}#login .company-brand h1{color:#fff}#login p{color:#b6b0c3}#login input{background:#17161d;border-color:#48404f}#login button{background:linear-gradient(100deg,#7021ce,#963df1)}.company-brand span{color:#b1a4c3}.company-logo{border-color:#555061;box-shadow:none}
#app{display:grid;grid-template-columns:66px 292px minmax(0,1fr);gap:0;max-width:none;background:#151518}#workspaceRail{display:flex;align-items:center;flex-direction:column;gap:14px;padding:16px 9px;background:#141416;border-right:1px solid var(--line);z-index:40}.rail-logo{width:42px;height:42px;border-radius:13px;object-fit:cover;border:1px solid #4c435a;margin-bottom:10px}.rail-button{width:43px;height:43px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:#9793ac}.rail-button svg{width:22px;height:22px}.rail-button:hover{background:#2b2734;color:#e4d4fa}.rail-button.selected{background:#332343;color:#b779ff;border-color:#59406c}.rail-spacer{flex:1}.rail-dot{width:8px;height:8px;border-radius:50%;background:#66c9a1}
aside{background:#17171a;border-right:1px solid var(--line);padding:22px 15px;overflow:auto}.sidebar-brand{margin:0 0 8px;gap:12px}.sidebar-brand h1{font-size:24px;color:white!important;letter-spacing:-1px}.sidebar-brand .company-logo{width:46px;height:46px;border-radius:12px}.sidebar-brand span{font-size:8px;letter-spacing:2.5px}.network-label{color:#9b93ac!important;font-size:10px}.workspace-selector{padding:13px 12px;background:#29272f;border-radius:9px;border:1px solid #3e3749;margin-top:21px;margin-bottom:17px;font-size:13px;font-weight:600}.workspace-selector span{float:right;color:#ac80e4}.channel-search{display:block;width:100%;padding:10px 12px;background:#111116;border-color:#393541;font-size:12px}.sidebar-section-label{font-size:10px;letter-spacing:1px;color:#898293}aside h3{color:#a5a0b0;font-size:11px;font-weight:600;margin:28px 10px 12px;letter-spacing:.6px}.room{color:#c8c5d2;padding:13px 40px 13px 12px;margin-bottom:5px;border-radius:7px;font-size:13px;border:1px solid transparent}.room:hover{background:#232228;color:white}.room.active{background:#30223e;border-color:#4c315f;color:#e3c5ff}.conversation small{color:#90879e;font-size:10px}.unread-badge{background:#8944dc;top:11px;right:10px}.room.active .unread-badge{background:#a264e8}.person{background:none;border-radius:7px;color:#c8c3d4;text-align:left;border-bottom:1px solid #2b2831;padding:11px 12px;font-size:12px}.person:not(.self)::before{content:'●';color:#61c59b;font-size:9px;margin-right:9px}.person:hover{background:#29252f}.person.self{color:#8c839b}.users{line-height:1.4}#newGroup,#newRoom{color:#b483e9!important;font-size:12px;background:transparent}#users+small{color:#9a91a7}
main{background:#1b1b20;min-height:0;padding:18px 22px 20px;gap:12px}header{background:linear-gradient(110deg,#2c2931,#28282e);border:1px solid #45404c;border-radius:13px;padding:18px 20px;gap:9px;box-shadow:0 4px 16px #0001;min-height:100px;flex-shrink:0}header>div{flex:1;min-width:140px}header strong{font-size:19px;color:#f7f3ff}#identity{font-size:11px;color:#ad9cc5}#roomInfo{color:#a9a1b5;max-width:60vw;font-size:11px;margin-top:4px}#soundToggle{margin-left:0;background:#383042;color:#d4b8ed;font-size:10px;padding:8px 9px}header .secondary,#logout{background:#35313d;color:#bdb0cf;font-size:10px;padding:8px 9px}.chat-section-bar{display:flex;align-items:center;gap:10px;color:#a59aaf;font-size:10px;letter-spacing:1px;padding:2px 4px;flex-shrink:0}.chat-section-bar strong{color:#ece4f5;font-size:13px;letter-spacing:0}.chat-section-bar .live-pill{margin-left:auto;font-size:10px;color:#a88bbf;background:#302638;padding:5px 8px;border-radius:5px}
#messages{border:1px solid #3a3641;border-radius:12px;background-color:#222127;background-image:linear-gradient(#222127f7,#222127f7),var(--ibp-logo);background-position:center;background-size:cover,min(50%,450px);padding:24px;min-height:120px}.msg{max-width:78%;margin-bottom:22px}.meta{color:#a198ad;font-size:11px;margin-bottom:7px}.bubble{background:#303039;border-color:#46414e;color:#e4deed;box-shadow:none;line-height:1.7;border-radius:2px 12px 12px;font-size:13px}.mine .bubble{background:#553273;border:1px solid #76518d;color:#f7edff;border-radius:12px 2px 12px 12px}.bubble button{background:#46374e;color:#dcc0f3;font-size:12px}.image-attachment img{border:1px solid #5b4b66}.image-attachment button{background:#44324f;color:#e3c6f6}#empty{color:#91869f;margin-top:16vh;font-size:13px}footer{border:1px solid #413949;border-radius:12px;background:#27242d;padding:13px 16px;flex-shrink:0}#composer{gap:8px}textarea{background:#17151d;border-color:#51435e;color:#f2eaf8;font-size:13px;height:52px}#attach{background:#3b3046!important;color:#cab3dc!important;padding:11px;font-size:12px}#send{background:#8133d5;padding:12px 20px;font-size:12px}#status{color:#9d90ab;font-size:10px;padding-top:8px}.paste-item img{border-color:#665075}dialog{background:#27232e;border-color:#5f456f;color:#eee5f6;box-shadow:0 25px 100px #0009}dialog h2{font-size:19px}dialog::backdrop{background:#0b0712bb}.account-row{border-color:#4a3b55}#adminSecret{color:#d7b4f0}.group-person{border-color:#46364e}#cancelGroup{background:#44334f;color:#e0c6ef}.dialog-actions button{font-size:12px}#sidebarToggle{display:none}#sidebarBackdrop{display:none}
@media(min-width:1500px){#app{grid-template-columns:68px 320px minmax(0,1fr)}main{padding:22px 30px}}
@media(max-width:1000px) and (min-width:651px){#app{grid-template-columns:58px 235px minmax(0,1fr)}main{padding:12px}aside{padding:20px 12px}header{padding:14px}.sidebar-brand h1{font-size:21px}#messages{padding:18px}.msg{max-width:90%}}
@media(max-width:650px){#app{grid-template-columns:52px minmax(0,1fr)}#workspaceRail{padding:14px 5px;gap:14px}.rail-logo{width:36px;height:36px}.rail-button{width:38px;height:38px}aside{display:none;position:fixed;top:0;bottom:0;left:52px;width:min(292px,calc(100vw - 70px));z-index:39;padding:24px 15px;box-shadow:12px 0 40px #0008}.sidebar-open aside{display:block}.sidebar-open #sidebarBackdrop{display:block;position:fixed;inset:0;z-index:38;background:#0008;border-radius:0}main{grid-column:2;padding:10px 9px;gap:9px}header{padding:12px;gap:7px;border-radius:10px;min-height:100px}header strong{font-size:16px}header>div{min-width:100px;flex-basis:calc(100% - 65px)}#roomInfo{max-width:70vw;font-size:10px}.chat-section-bar{font-size:9px}.chat-section-bar strong{font-size:12px}#sidebarToggle{display:block;padding:7px 9px;font-size:11px;background:#49325e;color:#ddc0f6}#soundToggle{padding:7px;font-size:9px}header .secondary,#logout{font-size:9px;padding:7px}.sidebar-brand{flex-direction:row;align-items:center}.sidebar-brand h1{font-size:24px}.sidebar-brand .company-logo{width:46px;height:46px}.sidebar-brand span{font-size:8px}#messages{padding:14px 10px;border-radius:9px}.msg{max-width:94%;margin-bottom:17px}.bubble{font-size:12px;padding:10px 12px}.meta{font-size:10px}footer{padding:10px;border-radius:9px}textarea{height:48px;font-size:12px}#composer{flex-wrap:wrap}textarea{flex-basis:100%}#attach,#send{padding:9px 15px}#status{font-size:9px}#login{margin:6vh 18px;padding:28px}#login .company-brand h1{font-size:32px}}

input[hidden]{display:none!important}