:root{--bg-a:#21195a;--bg-b:#401536;--panel:#2a1235;--panel-2:#11071a;--pink:#dc62c8;--text:#efe9f6;--muted:#a497b7;--blue:#7974ff}*{box-sizing:border-box}html,body{background:linear-gradient(110deg,var(--bg-a),var(--bg-b));min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.page-shell{width:min(1785px,94vw);margin:32px auto 80px}.setup-banner{color:#ffd8ee;background:#2a0d20;border:1px solid #d05b9e;border-radius:8px;margin-bottom:14px;padding:12px 16px}.topbar{grid-template-columns:68px 125px minmax(185px,.85fr) minmax(185px,.85fr) minmax(175px,.8fr) 1fr auto 2px auto;align-items:center;gap:34px;min-height:96px;display:grid}.avatar-wrap{cursor:pointer;width:68px;height:68px;display:block;position:relative}.avatar-wrap img{object-fit:cover;border-radius:0;width:100%;height:100%}.avatar-wrap input{display:none}.avatar-overlay{opacity:0;background:#0008;place-items:center;transition:all .15s;display:grid;position:absolute;inset:0}.avatar-wrap:hover .avatar-overlay{opacity:1}.plain-button{color:var(--text);cursor:pointer;background:0 0;border:0;padding:0}.identity-button{align-items:center;gap:14px;font-size:24px;display:flex}.muted-name{color:#a69ab2}.color-control .plain-button,.flag-control{white-space:nowrap;font-size:22px}.color-value{color:#b6a9c3}.flag-control{align-items:center;gap:9px;display:flex}.flag-button{color:#fff;cursor:pointer;background:#17091f;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-width:88px;height:52px;font-size:26px;display:flex}.topbar-spacer{min-width:20px}.stats{text-align:right;white-space:nowrap;font-size:18px;line-height:1.35}.stats span{color:var(--pink)}.stats strong{color:#00f000;font-weight:500}.divider{background:var(--pink);width:2px;height:54px}.contact-block{white-space:nowrap;flex-direction:column;gap:6px;font-size:20px;display:flex}.contact-block a{color:#8f82ff;text-underline-offset:3px;text-decoration:underline}.control-popover-wrap{position:relative}.popover{z-index:50;color:#fff;background:#160a20;border:1px solid #51315c;border-radius:8px;padding:14px;position:absolute;top:calc(100% + 12px);box-shadow:0 18px 45px #0008}.name-popover{width:310px;left:0}.popover-close{color:#a497b7;cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:8px}.popover label{color:#c9bbd3;margin-bottom:8px;font-size:14px;display:block}.popover small{color:#8f819d;margin-top:8px;font-size:12px;line-height:1.4;display:block}.inline-edit,.color-row{gap:8px;display:flex}.popover input{color:#fff;background:#25122f;border:1px solid #4e3560;border-radius:5px;min-width:0;padding:9px 10px}.inline-edit input{flex:1}.save-button{color:#fff;cursor:pointer;background:#7a3f88;border:0;border-radius:5px;width:100%;margin-top:12px;padding:8px 12px}.color-popover{width:260px;left:0}.color-row input[type=color]{width:48px;height:42px;padding:4px}.color-row input[type=text],.color-row input:not([type]){flex:1}.flag-popover{width:330px;padding:12px;right:0}.flag-search{width:100%;margin-bottom:10px}.flag-list{max-height:360px;overflow:auto}.flag-list button{text-align:left;color:#ded4e7;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.flag-list button:hover,.flag-list button.active{background:#2d1738}.flag-list button span:first-child{font-size:22px}.flag-list small{margin:0}.chat-card{margin-top:16px}.chat-header{background:#11071a;border-radius:8px 8px 6px 6px;justify-content:space-between;align-items:center;height:66px;padding:0 28px 0 42px;display:flex}.chat-label{color:var(--pink);font-size:24px}.channel-tools{align-items:center;gap:44px;font-size:20px;display:flex}.timer{color:#b9afc3}.channel-label{color:var(--blue);margin-right:-28px}.channel-picker{position:relative}.channel-dot-button{cursor:pointer;background:0 0;border:0;padding:10px}.channel-dot{border-radius:50%;width:21px;height:21px;display:block}.channel-menu{z-index:40;background:#13091c;border:1px solid #493252;border-radius:8px;width:250px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 16px 40px #0008}.channel-menu button{color:#eee;text-transform:capitalize;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 9px;display:grid}.channel-menu button:hover{background:#291530}.channel-menu button>span{border-radius:50%;width:14px;height:14px}.channel-menu small{color:#85788f;white-space:nowrap}.message-list{background:#2b1034d1;height:670px;padding:18px 24px 24px;overflow:auto}.message-row{grid-template-columns:52px max-content 30px 190px minmax(0,1fr);align-items:center;column-gap:12px;min-height:71px;display:grid}.message-avatar{object-fit:cover;border-radius:50%;width:52px;height:52px}.message-name{font-size:21px}.message-flag{font-size:20px}.message-row time{color:#756983;letter-spacing:.8px;font-family:Courier New,monospace;font-size:16px}.message-body{letter-spacing:.5px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Courier New,monospace;font-size:17px}.empty-channel{color:#776a83;place-items:center;height:100%;font-size:16px;display:grid}.composer{background:#1c0825b8;border-radius:0 0 6px 6px;align-items:center;height:90px;display:flex;position:relative}.composer input{color:#eee;background:0 0;border:0;outline:0;flex:1;height:100%;padding:0 52px;font-size:23px}.composer input::placeholder{color:#8f819b}.character-count{color:#6f6277;text-align:right;min-width:56px;margin-right:8px;font-size:12px}.composer button{color:#968797;cursor:pointer;background:0 0;border:0;width:72px;height:100%}.composer button:disabled{opacity:.35;cursor:not-allowed}@media (max-width:1350px){.topbar{grid-template-columns:64px 110px 1fr 1fr 1fr auto 2px auto;gap:22px}.topbar-spacer{display:none}.color-control .plain-button,.flag-control{font-size:19px}.identity-button{font-size:21px}.stats{font-size:16px}.contact-block{font-size:17px}}@media (max-width:1000px){.topbar{flex-wrap:wrap;gap:18px;display:flex}.topbar-spacer{display:none}.stats{margin-left:auto}.divider{height:44px}.contact-block{font-size:16px}.message-row{grid-template-columns:46px max-content 28px 160px 1fr}.message-avatar{width:46px;height:46px}}@media (max-width:760px){.page-shell{width:96vw;margin-top:14px}.topbar{gap:14px}.avatar-wrap{width:56px;height:56px}.divider{display:none}.contact-block{flex-direction:row;order:10;justify-content:flex-end;gap:18px;width:100%;font-size:15px}.stats{margin-left:auto;font-size:14px}.identity-button{font-size:18px}.color-control .plain-button,.flag-control{font-size:16px}.chat-header{padding:0 14px}.channel-tools{gap:18px}.message-list{height:60vh;padding:12px}.message-row{grid-template-columns:42px max-content 26px 1fr;column-gap:8px;padding:8px 0}.message-avatar{width:42px;height:42px}.message-row time{font-size:12px}.message-body{grid-column:2/5;padding-top:4px;font-size:15px}.composer input{padding:0 18px;font-size:18px}.character-count{display:none}}.flag-icon{object-fit:contain;width:36px;height:24px;display:block}.message-flag-icon{width:28px;height:20px}