:root{--chat-bg:#07111f;--chat-card:#102038;--chat-card-2:#142743;--chat-border:#263c59;--chat-text:#f2f5fa;--chat-muted:#8fa2ba;--chat-gold:#f0bd54;--chat-green:#33d6a5}
.mini-dock{grid-template-columns:repeat(6,minmax(0,1fr));padding-right:5px;padding-left:5px}
.mini-dock button{position:relative;padding-right:1px;padding-left:1px;font-size:9px}
.mini-dock button span{font-size:17px}
.mini-dock button[data-mini-page="chat"]{border-top-color:rgba(54,224,187,.72);background:linear-gradient(180deg,rgba(23,91,86,.5),rgba(9,39,48,.76));color:#57e1bf;box-shadow:inset 0 2px 0 rgba(69,236,198,.7),0 -5px 18px rgba(25,205,177,.2)}
.mini-dock button[data-mini-page="chat"] .chat-dock-icon{color:#67edcd;filter:drop-shadow(0 0 6px rgba(66,232,198,.75))}
.mini-dock button[data-mini-page="chat"].selected{background:linear-gradient(180deg,rgba(34,137,123,.76),rgba(10,53,61,.94));color:#e5fff9;box-shadow:inset 0 2px 0 #6af1d2,0 -6px 22px rgba(31,222,190,.34)}
.chat-unread{position:absolute;top:2px;left:calc(50% + 6px);display:grid;min-width:16px;height:16px;padding:0 4px;place-items:center;border:2px solid #060c16;border-radius:9px;background:#e45461;color:#fff;font-size:9px;font-style:normal;line-height:1}
.chat-unread[hidden]{display:none}
body.chat-open{overflow:hidden;background:var(--chat-bg)}
body.chat-open main{width:100%;max-width:620px;height:100dvh;padding:0;background:var(--chat-bg)}
body.chat-open main>:not(#chat-page):not(#chat-name-dialog):not(#chat-actions):not(#chat-settings-menu):not(#chat-media-menu):not(#chat-lightbox):not(#mini-dock){display:none!important}
.chat-page{position:relative;display:flex;height:calc(100dvh - 64px - env(safe-area-inset-bottom));flex-direction:column;color:var(--chat-text);background:radial-gradient(circle at 50% -20%,#142a48 0,#091524 42%,#07111f 75%)}
.chat-page[hidden],.chat-page [hidden]{display:none!important}
.chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;border-bottom:1px solid rgba(49,73,103,.6);background:rgba(8,18,32,.92)}
.chat-kicker{display:block;margin-bottom:4px;color:#7187a3;font-size:9px;font-weight:800;letter-spacing:.13em}
.chat-title-row{display:flex;align-items:center;gap:12px}.chat-title-row h1{margin:0;font-size:25px;line-height:1.1}.chat-head small{display:block;margin-top:4px;color:var(--chat-muted);font-size:11px}
.chat-connection{display:flex;align-items:center;gap:5px;color:#94a7be;font-size:10px}.chat-connection i{width:8px;height:8px;border-radius:50%;background:#d6a946;box-shadow:0 0 8px rgba(240,189,84,.4)}.chat-connection.connected i{background:var(--chat-green);box-shadow:0 0 8px rgba(51,214,165,.45)}.chat-connection.offline i{background:#e26a75;box-shadow:none}
.chat-settings{width:38px;height:38px;border:1px solid #2e4564;border-radius:12px;background:#101f34;color:#9fb1c8;font-size:18px;letter-spacing:2px}
.chat-safety{display:flex;align-items:center;gap:9px;padding:9px 15px;border-bottom:1px solid #233952;background:#102139;color:#b5c3d5}.chat-safety>span{display:grid;width:24px;height:24px;place-items:center;flex:none;border-radius:8px;background:rgba(240,189,84,.13);color:var(--chat-gold);font-size:11px}.chat-safety p{margin:0;font-size:10px;line-height:1.35}
.chat-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:13px;padding:14px 13px 18px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}
.chat-loading,.chat-empty{display:grid;min-height:180px;place-items:center;color:#7890aa;font-size:13px;text-align:center}
.chat-load-older{align-self:center;margin:9px auto 0;padding:7px 13px;border:1px solid #2b4463;border-radius:999px;background:#102039;color:#aebed0;font-size:11px}
.chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;max-width:92%;align-self:flex-start}.chat-message.own{grid-template-columns:minmax(0,1fr) 34px;align-self:flex-end}.chat-message.own .chat-avatar{grid-column:2}.chat-message.own .chat-message-content{grid-column:1;grid-row:1}.chat-avatar{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:linear-gradient(145deg,#2e67aa,#173d70);color:#fff;font-size:15px;font-weight:800;box-shadow:0 6px 15px rgba(0,0,0,.2)}.chat-message.own .chat-avatar{background:linear-gradient(145deg,#dfaa40,#9b681d);color:#18120a}
.chat-message-content{min-width:0}.chat-message-meta{display:flex;align-items:baseline;gap:7px;margin:0 3px 4px}.chat-message.own .chat-message-meta{justify-content:flex-end}.chat-message-meta strong{overflow:hidden;max-width:180px;color:#dbe6f3;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.chat-message-meta time{color:#7187a2;font-size:9px}
.chat-bubble{position:relative;overflow:hidden;padding:9px 11px;border:1px solid #253d5b;border-radius:5px 14px 14px 14px;background:linear-gradient(145deg,#142946,#102139);box-shadow:0 6px 16px rgba(0,0,0,.13);color:#eff4fb;font-size:13px;line-height:1.42;overflow-wrap:anywhere}.chat-message.own .chat-bubble{border-color:#5c5338;border-radius:14px 5px 14px 14px;background:linear-gradient(145deg,#283044,#20293b)}.chat-message.deleted .chat-bubble{color:#8091a8;font-style:italic}.chat-text{white-space:pre-wrap}
.chat-message.pending{opacity:.72}.chat-message.pending .chat-bubble::after{display:inline-block;width:6px;height:6px;margin-left:7px;border:1px solid #91a4bb;border-top-color:transparent;border-radius:50%;content:"";animation:chat-spin .7s linear infinite}@keyframes chat-spin{to{transform:rotate(360deg)}}
.chat-reply{display:grid;gap:2px;margin:-1px -2px 8px;padding:6px 8px;border-left:2px solid #5ca6e8;border-radius:3px 7px 7px 3px;background:rgba(4,13,25,.36);text-align:left}.chat-reply b{color:#68aae4;font-size:10px}.chat-reply span{overflow:hidden;color:#a6b5c8;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.chat-photo{display:block;width:100%;max-width:360px;max-height:300px;margin:8px 0 1px;border:1px solid #2c4460;border-radius:10px;object-fit:cover;background:#091321}.chat-bubble>.chat-photo:first-child{margin-top:0}
.chat-new-messages{position:absolute;z-index:3;right:15px;bottom:78px;padding:8px 12px;border:1px solid #82692c;border-radius:999px;background:#2a2417;color:#f2c65f;font-size:11px;box-shadow:0 8px 20px rgba(0,0,0,.32)}
.chat-reply-compose,.chat-image-preview{display:flex;align-items:center;gap:9px;margin:0 12px;padding:8px 10px;border:1px solid #28415f;border-bottom:0;border-radius:11px 11px 0 0;background:#0d1c30}.chat-reply-compose>div,.chat-image-preview>div{display:grid;min-width:0;flex:1;gap:2px}.chat-reply-compose b{color:#66abe8;font-size:10px}.chat-reply-compose span,.chat-image-preview span{overflow:hidden;color:#95a8bf;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.chat-reply-compose button,.chat-image-preview button{width:27px;height:27px;border:0;background:transparent;color:#93a6bd;font-size:21px}.chat-image-preview img{width:42px;height:42px;border-radius:8px;object-fit:cover}.chat-image-preview strong{font-size:11px}
.chat-compose{display:flex;align-items:flex-end;gap:8px;padding:8px 12px 9px;border-top:1px solid #203650;background:rgba(7,17,31,.98)}.chat-attach,.chat-send{display:grid;width:40px;height:40px;place-items:center;flex:none;border:1px solid #2c496b;border-radius:50%;background:#0c1b30;color:#b8c8da}.chat-attach span{font-size:25px;font-weight:300;line-height:1}.chat-compose textarea{min-width:0;max-height:112px;flex:1;resize:none;padding:10px 13px;border:1px solid #294564;border-radius:20px;outline:0;background:#0c1b2e;color:#eef4fb;font:inherit;font-size:14px;line-height:18px}.chat-compose textarea::placeholder{color:#7187a1}.chat-compose textarea:focus{border-color:#456b94}.chat-send{border:0;background:#2aabee;color:#fff;box-shadow:0 5px 15px rgba(42,171,238,.28);transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.chat-send svg{width:22px;height:22px;fill:currentColor;transform:translate(-1px,1px)}.chat-send:active:not(:disabled){transform:scale(.93);background:#229ed9}.chat-send:disabled{border:1px solid #31465e;background:#1b2a3d;color:#657891;box-shadow:none;opacity:.7}
.chat-status{min-height:0;margin:0;padding:0 14px;background:#07111f;color:#e6b855;font-size:10px}.chat-status:not(:empty){min-height:24px;padding-top:3px;padding-bottom:7px}
.chat-gate{display:grid;max-width:330px;margin:auto;padding:28px 22px;place-items:center;border:1px solid #2a4260;border-radius:18px;background:#0e1e33;text-align:center}.chat-gate-icon{display:grid;width:52px;height:52px;margin-bottom:13px;place-items:center;border:1px solid #6d592a;border-radius:50%;background:#292319;color:var(--chat-gold);font-size:23px}.chat-gate h2{margin:0 0 8px;font-size:18px}.chat-gate p{margin:0;color:#96a8bd;font-size:12px;line-height:1.5}
.chat-name-dialog{position:fixed;z-index:9800;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,7,14,.78);backdrop-filter:blur(9px)}.chat-name-dialog[hidden]{display:none}.chat-name-card{display:grid;width:min(100%,388px);padding:26px 20px 22px;place-items:center;border:1px solid #2b4869;border-radius:19px;background:linear-gradient(160deg,#10233d,#09192c);box-shadow:0 24px 70px rgba(0,0,0,.55)}.chat-name-icon{display:grid;width:58px;height:58px;margin-bottom:16px;place-items:center;border:1px solid #b4862f;border-radius:50%;color:var(--chat-gold);font-size:21px}.chat-name-card h2{margin:0 0 8px;font-size:23px}.chat-name-card>p{max-width:280px;margin:0 0 20px;color:#8da3bd;font-size:13px;line-height:1.45;text-align:center}.chat-name-card label{position:relative;width:100%}.chat-name-field-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#7c94b0}.chat-name-card input{width:100%;height:52px;padding:0 13px 0 43px;border:1px solid #315274;border-radius:11px;outline:0;background:#0a192c;color:#eff5fc;font-size:16px}.chat-name-card input:focus{border-color:#6f8fb2}.chat-name-card>button{width:100%;height:53px;margin-top:14px;border:0;border-radius:11px;background:linear-gradient(145deg,#f5c45d,#dda335);color:#211708;font-size:16px;font-weight:800}.chat-name-card small{margin-top:18px;color:#7890ad;font-size:11px}.chat-name-error{min-height:0!important;margin:8px 0 0!important;color:#ef7d86!important;font-size:11px!important}
.chat-actions{position:fixed;z-index:9900;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;width:min(calc(100% - 24px),420px);padding:8px;transform:translateX(-50%);border:1px solid #2c4563;border-radius:17px;background:#0c1a2c;box-shadow:0 20px 60px rgba(0,0,0,.7)}.chat-actions[hidden]{display:none}.chat-actions button{min-height:46px;border:0;border-bottom:1px solid #203650;background:transparent;color:#e9f0f8;font-size:14px}.chat-actions button:last-child{border-bottom:0;color:#8ea1b8}.chat-actions .danger{color:#f07c85}
.chat-actions.chat-reply-popover{top:0;right:auto;bottom:auto;left:0;display:block;width:auto;min-width:108px;padding:3px;transform:none;border-color:rgba(103,137,174,.42);border-radius:11px;background:rgba(13,29,49,.76);box-shadow:0 8px 24px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.chat-actions.chat-reply-popover[hidden]{display:none}.chat-actions.chat-reply-popover button{min-height:34px;padding:0 14px;border:0;border-radius:8px;color:#edf5ff;font-size:12px}.chat-actions.chat-reply-popover button:active{background:rgba(75,137,195,.22)}
.chat-lightbox{position:fixed;z-index:9950;inset:0;display:grid;place-items:center;padding:15px;background:rgba(0,0,0,.92)}.chat-lightbox[hidden]{display:none}.chat-lightbox img{max-width:100%;max-height:92vh;object-fit:contain}.chat-lightbox button{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:1;width:42px;height:42px;border:0;border-radius:50%;background:rgba(22,36,54,.86);color:#fff;font-size:28px}
@media(max-width:360px){.mini-dock button{font-size:8px}.mini-dock button span{font-size:16px}.chat-head{padding-right:12px;padding-left:12px}.chat-message{max-width:96%}.chat-messages{padding-right:9px;padding-left:9px}.chat-compose{padding-right:8px;padding-left:8px}.chat-attach,.chat-send{width:38px;height:38px}}
@media(min-width:500px){.chat-messages{padding-right:22px;padding-left:22px}.chat-message{max-width:78%}}
.chat-name-card h2{color:#f2f5fa;text-transform:none}