/* ArKy conversations: dense navigation, spacious messages, clear actions. */
.chat-layout{grid-template-columns:310px minmax(0,1fr);height:calc(100dvh - 76px);min-height:480px}
.chat-view+.app-footer{display:none}.room-sidebar{background:#0c121c}.room-sidebar-heading{padding:24px 22px 18px}.room-sidebar-heading h2{font-size:23px}.room-sidebar-heading .icon-btn{background:#215bed;border:0;color:white;border-radius:13px;width:39px;height:39px;box-shadow:0 5px 18px #1455ee28}.room-search{margin:0 18px 13px;padding:11px 12px;border-radius:12px;background:#141f2e;border-color:transparent}.room-search input{border:0;background:transparent;color:#d8e6ff;min-width:0;width:100%;font:inherit;outline:none}.chat-filters{display:flex;padding:0 18px 13px;gap:6px;border-bottom:1px solid #1b2636}.chat-filters button{flex:1;border:0;border-radius:8px;color:#7d90ad;background:transparent;font:inherit;font-size:11px;padding:9px 4px;cursor:pointer}.chat-filters button.active{background:#1a3153;color:#91b6ff}.chat-new-dm{align-self:flex-start;margin:12px 24px;font-size:10px}.room-list{padding:0 10px 12px}.room-list-item{padding:15px 12px;border-radius:13px;gap:12px}.room-list-item>.avatar{width:44px;height:44px;border-radius:16px}.room-list-item b{font-size:12px}.room-list-item small{font-size:10px;color:#7286a5}.room-list-item.active{background:linear-gradient(105deg,#1a335c,#172842);border-color:#31558a}.room-list-item>.badge{border:0;background:#2c65e8;color:#fff;border-radius:7px;font-size:10px}.room-sidebar-footer{font-size:10px;padding:20px;color:#8294ad}.chat-main{background-color:#090f19;background-image:radial-gradient(#42629619 .8px,transparent .8px),radial-gradient(ellipse at 50% 10%,#10284e5c,transparent 65%);background-size:23px 23px,100% 100%}.chat-header{padding:17px 28px;background:#0d1624eF;min-height:83px}.chat-title h2{font-size:15px}.chat-title small{font-size:10px;color:#8297b7}.chat-title>.avatar{width:43px;height:43px;border-radius:15px}.chat-header .row-actions .icon-btn{border:1px solid #24344d;background:#131f30;border-radius:11px;width:36px;height:36px;color:#96add1}.chat-retention{background:#0b1626a6;border-bottom:1px solid #182a42;color:#6e8ab0;font-size:10px;padding:9px 20px}.chat-retention #countdown{color:#a2bbdd;border-radius:5px;background:#15243a;padding:3px 7px;font-family:monospace}.messages-scroll{padding:26px 6% 22px;overscroll-behavior:contain;scroll-behavior:smooth}.day-divider span{background:#172436;border:1px solid #24354d;border-radius:20px;padding:5px 18px;font-size:10px;color:#9bacc5}.message{gap:9px;margin-bottom:14px;align-items:flex-end}.message>.avatar{width:30px;height:30px;font-size:13px;border-radius:11px;margin-bottom:3px}.message-bubble{position:relative;min-width:130px;max-width:78%;border:1px solid #27364b;background:#172333;border-radius:18px 18px 5px 18px;padding:12px 16px 8px;box-shadow:0 3px 12px #0002;transition:box-shadow .15s,border-color .15s;outline-offset:4px;-webkit-touch-callout:none}.message.own .message-bubble{background:linear-gradient(120deg,#1d4173,#1b355a);border-color:#315582;border-radius:18px 18px 18px 5px}.message-text{font-size:13px;line-height:1.95;overflow-wrap:anywhere;white-space:pre-wrap;padding-left:15px}.message-author{font-size:10px;color:#8cb9fb;margin-bottom:6px}.message-bottom{gap:6px;justify-content:flex-end;margin-top:7px;color:#7f9cbe;font-size:9px}.message.own .message-bottom{color:#8bb2e3}.message-bottom>.icon{width:14px;height:14px;color:#91beff}.message-actions{position:absolute;left:-37px;top:auto;bottom:6px;opacity:0;border:0;box-shadow:none;background:transparent;padding:0;transition:opacity .15s}.message.own .message-actions{left:auto;right:-37px}.message-actions .icon-btn{height:30px;width:30px;border:1px solid #293c59;background:#132238;border-radius:10px;color:#a0b9dd}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message.menu-selected .message-bubble{border-color:#6c9cff;box-shadow:0 0 0 3px #3874e92b}.message-flash .message-bubble{box-shadow:0 0 0 4px #5b94f999}.message-menu{position:fixed;z-index:1500;width:226px;border:1px solid #3a5075;background:#152235f5;backdrop-filter:blur(18px);box-shadow:0 20px 70px #0009;border-radius:15px;padding:7px;direction:rtl;animation:message-menu-in .12s ease-out}.message-menu-label{color:#728db0;font-size:10px;padding:7px 10px 9px;border-bottom:1px solid #2b3a51;margin-bottom:4px}.message-menu button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#e1ebfc;text-align:right;font:inherit;font-size:12px;padding:12px;border-radius:8px;cursor:pointer}.message-menu button:hover,.message-menu button:focus{background:#274264;outline:none}.message-menu .icon{width:18px;height:18px;color:#91b6ef}.message-menu .destructive,.message-menu .destructive .icon{color:#ff999f}.forwarded-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#8bb7f3;margin-bottom:7px}.forwarded-label>.icon{width:12px;height:12px}.reply-preview{width:100%;display:flex;align-items:center;gap:8px;text-align:right;color:#90baf5;border:0;border-right:3px solid #6699f3;border-radius:5px;background:#080e1c40;font:inherit;padding:8px 9px;margin-bottom:9px;cursor:pointer;max-width:350px}.reply-preview span{min-width:0}.reply-preview b{font-size:10px;display:block;margin-bottom:3px}.reply-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:10px;color:#b1c4df}.reply-preview .icon{width:15px;height:15px}.message-file{display:flex;gap:10px;align-items:center;background:#0b182a70;border-radius:10px;padding:14px;font-size:12px}.composer-area{background:linear-gradient(transparent,#0b1321 25%);padding:13px 5% 10px}.composer{border:1px solid #2c4261;background:#142135;border-radius:17px;padding:8px;gap:9px;align-items:flex-end;box-shadow:0 10px 30px #0002}.composer:focus-within{border-color:#5079ae}.composer textarea{padding:9px 3px;font-size:13px;min-height:40px;max-height:150px;line-height:1.8;resize:none}.composer>.icon-btn{width:39px;height:39px;color:#a3bada}.send-button{width:42px;height:42px;border-radius:13px;background:#2869f6;flex:none}.composer-hint{font-size:9px;color:#516987;text-align:center;margin:7px 0 0}#compose-context:not(:empty){display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:12px 12px 0 0;background:#182b47;padding:10px 15px;color:#91b8f5}#compose-context>span{display:flex;gap:10px;align-items:center;min-width:0}#compose-context b{display:block;font-size:11px}#compose-context small{display:block;font-size:10px;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9bacbf;margin-top:4px}.session-loading{min-height:75dvh}
.room-create-intro{display:flex;align-items:center;gap:15px;margin:4px 0 19px}.room-create-icon{width:57px;height:57px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2457bc,#173159);color:#adcaff;flex:none}.room-create-icon>.icon{width:29px;height:29px}.room-create-intro h3{font-size:16px;margin:0 0 7px}.room-create-intro p{font-size:11px;color:#8399b9;margin:0;line-height:1.9}.new-dm-shortcut{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid #293b56;border-radius:11px;font-size:11px;color:#9cb1d0;margin-bottom:20px}.new-dm-shortcut .btn{margin-right:auto;font-size:10px}.room-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.room-type-cards input{position:absolute;opacity:0;width:1px;height:1px}.room-type-cards label>span{display:grid;grid-template-columns:30px 1fr;gap:7px 10px;align-items:center;border:1px solid #2b3a51;background:#111c2c;border-radius:13px;padding:17px;cursor:pointer}.room-type-cards .icon{grid-row:span 2;color:#799ccf;width:24px;height:24px}.room-type-cards b{font-size:13px}.room-type-cards small{font-size:10px;color:#7e94b4}.room-type-cards input:checked+span{border-color:#4a83f4;background:#18345b;box-shadow:0 0 0 1px #3971d640}.room-type-cards input:focus-visible+span{outline:2px solid #92b9ff;outline-offset:3px}.room-visibility{display:flex;gap:12px;align-items:flex-start;background:#111d2e;border:1px solid #293b56;border-radius:12px;padding:15px;margin:5px 0 22px;cursor:pointer}.room-visibility input{margin-top:5px;accent-color:#397cfb}.room-visibility>span{display:grid;grid-template-columns:21px 1fr;gap:5px 9px}.room-visibility b{font-size:12px}.room-visibility small{grid-column:2;font-size:10px;line-height:1.9;color:#8299b9}.room-visibility .icon{width:18px;height:18px;color:#8cb0e7}.picker-heading{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:13px}.picker-heading>span{background:#223f68;border-radius:6px;padding:2px 7px;color:#a0c0f3;font-size:10px}#chosen-members{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.member-chip{display:flex;align-items:center;gap:6px;font:inherit;font-size:10px;background:#203a60;border:1px solid #365e97;color:#a4c3f6;border-radius:20px;padding:7px 10px;cursor:pointer}.member-chip .icon{width:12px;height:12px}.member-search{border:1px solid #2c3e58;border-radius:10px;padding:10px 12px;display:flex;gap:10px;margin:10px 0}.member-search input{width:100%;min-width:0;border:0;background:transparent;color:#dbe8fc;font:inherit;font-size:12px;outline:none}.member-picker{max-height:220px;overflow:auto;margin-bottom:20px}.member-choice{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;font:inherit;text-align:right;color:#d9e5f8;cursor:pointer}.member-choice:hover{background:#182840}.member-choice.selected{background:#18345a;border-color:#355b8d}.member-choice>span:not(.avatar){flex:1}.member-choice b{display:block;font-size:11px}.member-choice small{display:block;color:#7c99c1;font-size:10px;margin-top:5px;text-align:right}.member-choice i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #3a5073;color:#8db5f3}.member-choice i>.icon{width:14px;height:14px}.member-choice.selected i{background:#2868e7;border-color:#2868e7;color:white}.forward-preview{display:flex;align-items:flex-start;gap:14px;border:1px solid #325585;border-radius:12px;padding:16px;background:#172d4c;margin:6px 0 20px}.forward-preview>.icon{color:#86b0f3;flex:none}.forward-preview b{font-size:12px}.forward-preview p{font-size:11px;color:#9bb5d8;line-height:1.9;margin:8px 0 0;overflow-wrap:anywhere}.forward-targets{max-height:380px;overflow:auto}.forward-target{display:flex;align-items:center;gap:13px;width:100%;padding:13px;border:0;border-radius:10px;background:none;color:#d5e2f7;text-align:right;font:inherit;cursor:pointer}.forward-target:hover{background:#1a2d49}.forward-target>span:not(.avatar){flex:1;min-width:0}.forward-target b{font-size:12px;display:block}.forward-target small{font-size:10px;color:#7f99bd;display:block;margin-top:6px}.forward-target>.icon{width:16px;color:#7092c2}.room-info-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 15px 24px}.room-info-hero>.avatar{height:70px;width:70px;border-radius:24px;background:linear-gradient(135deg,#2355a2,#1a3357);margin-bottom:15px}.room-info-hero>.avatar>.icon{width:33px;height:33px}.room-info-hero h3{font-size:20px;margin:0 0 9px}.room-info-hero p{font-size:12px;color:#8da6c9;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.room-info-stats{display:flex;justify-content:center;gap:8px;margin-top:5px}.room-info-settings{border-top:1px solid #2a3b55;margin-top:20px;padding-top:20px}.room-info-settings summary{font-size:12px;color:#9fbff0;cursor:pointer;margin-bottom:18px}.member-row{padding:13px 5px}.member-row>a,.member-row>div>a{font-size:12px}.member-row small{font-size:10px}.member-row>.badge{font-size:9px}
[hidden]{display:none!important}@keyframes message-menu-in{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:701px){.chat-layout{grid-template-columns:235px minmax(0,1fr)}.room-sidebar-heading{padding:20px 15px}.chat-filters{padding:0 10px 12px;gap:2px}.chat-filters button{font-size:9px}.room-list-item{padding:12px 8px;gap:8px}.room-list-item b{font-size:10px}.room-list-item>.avatar{height:35px;width:35px}.chat-header{padding:15px}.messages-scroll{padding:20px 35px}.message-bubble{max-width:88%}.message-text{font-size:12px}}
@media(max-width:700px){.chat-layout{grid-template-columns:1fr;height:calc(100dvh - 65px);min-height:350px}.chat-header{padding:12px;min-height:76px}.chat-title h2{font-size:13px}.chat-title small{font-size:9px}.chat-header .row-actions .icon-btn{width:33px;height:33px}.chat-retention{font-size:8px;gap:6px;padding:8px 10px;flex-wrap:wrap}.messages-scroll{padding:19px 37px 18px 34px}.message{margin-bottom:13px;gap:6px}.message>.avatar{display:none}.message-text{font-size:12px;padding-left:8px}.message-bubble{max-width:94%;min-width:110px;padding:10px 12px 7px}.message-actions{opacity:.65;left:-29px;bottom:3px}.message.own .message-actions{right:-29px}.message-actions .icon-btn{width:25px;height:27px;border:0;background:#14223890}.message-actions .icon{width:17px}.composer-area{padding:8px 10px max(8px,env(safe-area-inset-bottom))}.composer{padding:6px;gap:6px;border-radius:15px}.composer textarea{font-size:12px}.composer-hint{display:none}.send-button{width:39px;height:39px}.chat-filters button{font-size:12px}.room-list-item b{font-size:13px}.room-list-item small{font-size:10px}.room-create-intro h3{font-size:13px}.room-create-intro p{font-size:10px}.room-create-icon{height:46px;width:46px;border-radius:15px}.new-dm-shortcut{flex-wrap:wrap;font-size:10px;padding:10px}.new-dm-shortcut .btn{padding:7px;font-size:9px}.room-type-cards{gap:9px}.room-type-cards label>span{padding:13px 10px;grid-template-columns:22px 1fr;gap:5px 7px}.room-type-cards b{font-size:12px}.room-type-cards small{font-size:8px}.room-type-cards .icon{width:20px}.reply-preview small{max-width:200px}#compose-context small{max-width:215px}.room-info-hero h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.message-menu{animation:none}.messages-scroll{scroll-behavior:auto}.message-bubble{transition:none}}