.chat2010{width:calc(100% - 22px);height:calc(100vh - 22px);max-width:none;max-height:none;padding:0;border-radius:16px;border:1px solid #21324d;background:#030817;overflow:hidden}.chat2010::backdrop{background:#01040beb}.chat-app{height:100%;display:grid;grid-template-rows:70px 1fr;background:radial-gradient(circle at 72% 28%,#0b1730 0,#040a18 48%,#020611 100%);color:#dce5f7}.chat-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 26px;border-bottom:1px solid #1b2943;background:rgba(3,8,22,.92)}.room-picker,.chat-top-actions{display:flex;align-items:center;gap:12px}.room-picker .hash{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff344f,#9d173e);font-size:22px;font-weight:900}.room-picker select{width:auto;min-width:170px;border:0;background:transparent;font-size:21px;font-weight:800;padding:8px}.online-count{padding-left:16px;border-left:1px solid #25334d;color:#51de83;font-size:13px}.chat-top-actions button{background:#0d1830;border:1px solid #293a60;color:#dce5f7;padding:10px 14px}.chat-top-actions #createRoomButton{background:linear-gradient(135deg,#15366d,#12214b);border-color:#28549b}.chat-top .close{position:static;font-size:22px;padding:7px 11px;border-radius:50%}.user-search{position:relative;display:flex;align-items:center;border:1px solid #293750;border-radius:11px;background:#050a17;padding:0 11px}.user-search input{width:220px;border:0;background:transparent;padding:10px}.chat-workspace{max-width:none!important;margin:0!important;padding:16px 20px 20px!important;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;min-height:0;overflow:hidden}.chat-main{display:grid;grid-template-rows:auto 1fr auto auto;min-height:0;position:relative}.chat-date{justify-self:center;z-index:2;margin-bottom:-16px;padding:5px 16px;border:1px solid #263854;border-radius:18px;background:#0c1427;color:#aeb9cf;font-size:12px}.chat-messages{min-height:0;overflow-y:auto;padding:34px 24px 22px;border:1px solid #253a5b;border-radius:15px;background:radial-gradient(ellipse at 70% 42%,rgba(70,11,31,.22),transparent 45%),repeating-radial-gradient(ellipse at 72% 42%,transparent 0 42px,rgba(119,20,46,.06) 44px 47px,transparent 49px 86px),rgba(3,9,21,.82);font:15px/1.5 Inter,system-ui,sans-serif;scrollbar-color:#334464 #071022}.chat-line{display:grid;grid-template-columns:55px max-content minmax(0,1fr) auto;gap:9px;align-items:start;padding:4px 0;border:0}.chat-line:hover{background:rgba(38,68,118,.1)}.chat-time{color:#77849d;font-size:12px;padding-top:2px}.chat-name{font-weight:800;white-space:nowrap}.chat-role{color:#ffc85c}.chat-text{color:#b9c4d9;white-space:pre-wrap;overflow-wrap:anywhere}.chat-text strong{color:#eef4ff}.chat-text u{text-underline-offset:3px}.chat-actions{display:flex;gap:3px;opacity:0}.chat-line:hover .chat-actions{opacity:1}.chat-actions button,.reaction{padding:1px 5px;border:0;background:transparent;color:#71809d;font-size:11px}.chat-reactions{grid-column:3/-1;display:flex;gap:4px;flex-wrap:wrap}.reaction{border:1px solid #263b5c;border-radius:8px;color:#dce5f7;background:#0c162a}.reply-bar{margin:8px 0 0;padding:7px 12px;background:#0d1c35;border-left:3px solid #4f7fff;color:#9cabc3;font-size:12px}.reply-bar button{float:right;padding:0;background:transparent;color:white}.chat-composer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border:1px solid #263957;border-radius:15px;background:#081124}.chat-composer textarea{min-height:42px;max-height:90px;border:0;background:transparent;padding:10px;resize:none}.format-tools{display:flex;align-items:center;gap:4px;padding-right:10px;border-right:1px solid #263957;position:relative}.format-tools>button{padding:7px 9px;background:transparent;color:#b9c5da;font-size:17px}.quick-emoji{position:absolute;left:0;bottom:45px;display:flex;gap:4px;padding:7px;border:1px solid #2b3d5f;border-radius:10px;background:#081226}.quick-emoji[hidden]{display:none}.quick-emoji button{padding:5px;background:transparent}.color-palette{display:flex;gap:3px;margin-left:5px}.color-palette button{width:13px;height:13px;padding:0;border:1px solid transparent;border-radius:50%}.color-palette button.active{border-color:white;box-shadow:0 0 0 1px #557}.send-message{background:linear-gradient(135deg,#2756b4,#292277);color:white;padding:12px 18px}.chat-sidebar{display:grid;grid-template-rows:auto auto 1fr;min-height:0;border:1px solid #253957;border-radius:15px;background:rgba(6,13,29,.9);overflow:hidden}.room-card{padding:20px;border-bottom:1px solid #25344f}.room-title-row{display:flex;gap:13px;align-items:center}.room-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ef3550,#8c153c);font-size:28px;font-weight:900}.room-card h2{margin:0;font-size:20px}.room-card span{color:#7e8da9;font-size:12px}.room-card p{color:#9ba8bd;font-size:13px;line-height:1.45}.room-side-actions button{padding:8px 12px;background:#0d1930;color:#b9c9e6;border:1px solid #2a3d60}.side-tabs{display:flex;border-bottom:1px solid #263653}.side-tabs button{flex:1;padding:12px 5px;border-radius:0;background:transparent;color:#8f9cb2;font-size:12px;border-bottom:2px solid transparent}.side-tabs button.active{color:white;border-bottom-color:#ff3552}.side-panel{display:none;min-height:0;padding:12px;overflow-y:auto}.side-panel.active{display:block}.side-panel>input{padding:9px 11px;background:#0b1730;border-color:#253a5c}.participant-list{display:grid;gap:4px;margin-top:9px}.participant{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:5px;border-radius:9px}.participant:hover{background:#101c35}.participant-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#172543;font-weight:800}.participant small{color:#49d980;font-size:11px}.participant small.offline{color:#68758d}.candidate-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px;overflow:visible}.candidate{padding:11px;border-color:#263957;background:#09152a}.candidate p{min-height:0;font-size:12px}.nominate-compact{display:grid;gap:7px}.nominate-compact input{padding:9px}.nominate-compact button{padding:9px}.side-panel .activity{display:grid;grid-template-columns:1fr;gap:7px}.side-panel .activity-item{padding:10px;border-color:#263957;background:#09152a}.side-panel #reloadActivity{float:right;padding:6px 9px;background:transparent;color:#75a3ff}.user-results{position:absolute;right:315px;top:58px;width:280px;max-height:360px;overflow:auto;z-index:10;border:1px solid #2a3d60;border-radius:12px;background:#071126;padding:7px}.user-results[hidden]{display:none}.small-dialog{width:min(460px,calc(100% - 24px))}
@media(max-width:900px){.chat2010{width:100%;height:100dvh;border:0;border-radius:0}.chat-app{grid-template-rows:58px 1fr}.chat-top{padding:0 8px;gap:5px}.room-picker{min-width:0;gap:5px}.room-picker .hash{width:29px;height:29px;font-size:18px;flex:none}.room-picker select{min-width:0;width:118px;font-size:16px;padding:7px 3px}.online-count,.user-search{display:none}.chat-top-actions{gap:4px}.chat-top-actions button{padding:7px 8px;font-size:0}.chat-top-actions #createRoomButton::first-letter,.chat-top-actions #showActivityButton::first-letter{font-size:19px}.chat-top .close{font-size:20px;padding:4px 8px}.chat-workspace{position:relative;grid-template-columns:1fr;padding:7px!important;gap:0}.chat-main{min-width:0}.chat-sidebar{display:none}.chat-sidebar.mobile-open{display:grid;position:absolute;inset:7px;z-index:20;border-radius:12px;box-shadow:0 0 0 100vmax rgba(0,0,0,.48)}.chat-messages{padding:27px 8px 12px;border-radius:11px}.chat-line{grid-template-columns:39px max-content minmax(0,1fr);gap:5px;font-size:13px}.chat-time{font-size:10px}.chat-name{max-width:105px;overflow:hidden;text-overflow:ellipsis}.chat-actions{grid-column:3;display:flex;max-width:100%;overflow-x:auto;opacity:.55}.chat-reactions{grid-column:2/-1}.chat-composer{grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:7px;padding:6px;border-radius:11px}.chat-composer textarea{min-height:38px;padding:8px;font-size:14px}.format-tools{grid-column:1/-1;border:0;border-bottom:1px solid #263957;padding:0 0 4px;overflow-x:auto}.format-tools>button{padding:5px 7px;font-size:15px}.color-palette{margin-left:auto;min-width:max-content}.send-message{padding:9px 11px;font-size:0}.send-message::first-letter{font-size:17px}.quick-emoji{bottom:37px}.small-dialog{width:calc(100% - 18px)}}
@media(max-width:420px){.room-picker select{width:102px}.chat-top-actions #createRoomButton{display:none}.chat-line{grid-template-columns:36px max-content minmax(0,1fr)}.chat-text{line-height:1.4}.color-palette button:nth-child(n+6){display:none}}