:root{--ink:#143447;--muted:#7b8c96;--accent:#177c80;--bg:#f1f5f5;--line:#e5eded}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg)}[hidden]{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;border-radius:12px;padding:11px 14px}button:hover{background:#e7f0ef}button:disabled{opacity:.5}input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:8px;background:#fafcfc;color:var(--ink)}input:focus,textarea:focus{outline:2px solid #93c8c4}label{display:block;font-size:13px;margin:20px 0;color:#516a78}.primary{background:var(--accent);color:white;width:100%;padding:15px}.primary:hover,.send:hover{background:#12666a}.login{max-width:420px;margin:8vh auto;padding:32px}.brand{font-size:36px;color:var(--accent)}.login h1{font-size:48px;letter-spacing:-2px;line-height:1.1;margin:26px 0}.login p{line-height:1.8;color:var(--muted)}.login small{display:block;text-align:center;color:var(--muted);margin-top:26px}.login button span{float:right}main{display:flex;max-width:1440px;height:100dvh;margin:auto;background:white;box-shadow:0 0 80px #17344810}aside{width:340px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.sidebarHead{padding:32px 24px 26px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#94a1a8}.sidebarHead h1{font-size:29px;margin:8px 0 0;letter-spacing:-1px}.dot{font-size:12px;color:#4ba294;margin-left:8px}#adminTools{padding:0 20px 18px}.newChat{background:#eaf4f1;color:var(--accent);width:100%;text-align:left;font-weight:600}.chats{overflow:auto;flex:1;padding:8px}.chat{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px;border-radius:12px;margin-bottom:3px}.chat.active{background:#ecf4f3}.avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:16px;background:#d9ece8;color:#246d66;font-weight:700;font-size:18px}.chatInfo{min-width:0;flex:1}.chatInfo strong{display:block;margin-bottom:7px}.chatInfo p{margin:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:var(--accent);color:white;font-size:11px;border-radius:20px;padding:3px 7px}footer{padding:22px;color:#91a39f;font-size:12px;border-top:1px solid var(--line)}#conversation{display:flex;flex:1;min-width:0;flex-direction:column;background:#f4f7f6}header{height:90px;padding:18px 28px;display:flex;gap:13px;align-items:center;background:#ffffffee;border-bottom:1px solid var(--line)}.identity{flex:1;min-width:0}header h2{font-size:17px;margin:0 0 6px}header p{font-size:12px;margin:0;color:var(--muted)}#call{background:#e8f2ef;color:var(--accent);font-size:12px;font-weight:600}.back{display:none}.messages{flex:1;overflow:auto;padding:28px 7%;scroll-behavior:smooth}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.welcome span{font-size:50px;color:#71a49b}.welcome h2{font-size:28px;font-weight:500;color:#315466}.welcome p{font-size:13px}.day{text-align:center;margin:16px 0;color:#8d9e9c;font-size:11px}.message{display:flex;flex-direction:column;align-items:flex-start;margin:12px 0}.message.mine{align-items:flex-end}.bubble{max-width:80%;padding:14px 17px 10px;border:1px solid #e6eeeb;border-radius:17px 17px 17px 4px;background:white;box-shadow:0 3px 8px #12322204;overflow-wrap:anywhere}.mine .bubble{background:#ddede6;border-color:#d5e8df;border-radius:17px 17px 4px 17px}.text{white-space:pre-wrap;line-height:1.6}.text a{color:#137a81;text-decoration:underline}.meta{display:flex;justify-content:flex-end;gap:7px;margin-top:6px;font-size:10px;color:#81928d}.quote{border-left:3px solid #77a99b;padding:7px 10px;margin-bottom:9px;background:#123b3210;border-radius:4px;font-size:12px;max-height:72px;overflow:hidden;white-space:pre-wrap}.messageTools{display:flex;gap:2px;flex-wrap:wrap;margin-top:3px}.messageTools button{font-size:11px;padding:4px 7px;color:#82958e}.messageTools button:hover{color:var(--accent)}.reactions{display:flex;gap:4px;margin-top:7px}.reactions button{font-size:12px;border:1px solid #dae9e3;padding:4px 8px;background:white}.reactions button.selected{border-color:var(--accent);background:#e2f2ee}.composer{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:18px;margin:10px 28px 0;padding:8px 9px}.composer textarea{border:0;resize:none;flex:1;min-width:0;max-height:140px;background:white;padding:10px;line-height:1.5}.send{background:var(--accent);color:white;font-size:22px;width:44px;height:44px;padding:0}.privacy{text-align:center;font-size:10px;color:#9aaaa5;padding:10px 0 15px}#replyBar{margin:0 28px;border-left:3px solid var(--accent);padding:10px 14px;background:#e3eeea;display:flex;justify-content:space-between;font-size:12px}#replyText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#emojiPicker{margin:0 28px;padding:10px;background:white;border-radius:12px}#emojiPicker button{font-size:22px}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;max-width:420px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#0e263d70;backdrop-filter:blur(5px)}dialog p{font-size:13px;line-height:1.6;color:var(--muted)}dialog code{display:block;padding:20px;background:#edf6f3;border-radius:12px;font-size:22px;text-align:center}.actions{display:flex;gap:10px;margin-top:25px}.actions .primary{width:auto;flex:1}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#163d4a;color:white;padding:15px 22px;border-radius:14px;z-index:10;max-width:90%;font-size:13px}.deleted{font-style:italic;color:#8c9c94}.loadOlder{display:block;margin:auto;font-size:12px;color:var(--accent)}@media(max-width:700px){main{height:100dvh}aside{width:100%}#conversation{display:none}main.open aside{display:none}main.open #conversation{display:flex;width:100%}.sidebarHead{padding:25px 22px}.back{display:block;font-size:30px;padding:0 7px}header{height:76px;padding:12px 14px;gap:9px}#call{font-size:0;padding:12px}#call::after{content:'↗';font-size:20px}.messages{padding:14px}.bubble{max-width:90%}.composer{margin:8px 12px 0}.privacy{padding-bottom:calc(12px + env(safe-area-inset-bottom))}#replyBar,#emojiPicker{margin:0 12px}.login{margin:4vh auto;padding:25px}.login h1{font-size:43px}}

.folderActions{display:flex;justify-content:space-between;margin-top:10px;font-size:11px}.folders{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0}.folders button{font-size:11px;padding:7px 10px;background:#f3f6f5}.folders button.selected{background:var(--accent);color:white}select{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}

#manageDialog .newChat{margin:6px 0}#askTitle{font-size:20px;line-height:1.5}

#tryParticipant{margin-bottom:8px;font-size:12px;background:#f2f5f5;color:#617f87}

#listPeople{margin-bottom:8px}#peopleDialog{max-width:740px}.tableWrap{overflow:auto;margin:20px 0}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:11px;color:var(--muted)}td,th{padding:12px 8px;border-bottom:1px solid var(--line)}td:nth-child(2){font-family:monospace;white-space:nowrap}

.chatRow{display:flex;align-items:center;gap:2px}.chatRow .chat{flex:1;min-width:0}.moveChat{flex-shrink:0;padding:10px 7px;color:#688a83;font-size:20px}#deleteFolder{color:#a65c59}.folderActions{flex-wrap:wrap}
/* Telegram-inspired layout */
:root{--ink:#253342;--muted:#82909d;--accent:#3390ec;--bg:#e6ebef;--line:#edf0f2}body{background:#e6ebef}main{max-width:none;box-shadow:none}aside{width:360px}button{border-radius:9px}button:hover{background:#edf3f8}.sidebarHead{padding:18px 20px 16px}.eyebrow{display:none}.sidebarHead h1{font-size:24px;letter-spacing:-.5px;margin:0}.dot{color:#3390ec;font-size:9px}.sidebarHead #logout{font-size:22px;color:#8595a3}#adminTools{padding:0 12px 8px;display:flex;flex-direction:column;gap:5px}.newChat{padding:10px 13px;font-size:13px;background:#edf5fd;color:#2485df;font-weight:500}#tryParticipant,#listPeople{margin:0}#tryParticipant{background:transparent;color:#7e93a4}.folderActions{gap:3px;justify-content:flex-start;margin:3px 0;font-size:11px}.folderActions button{padding:6px 8px}#search{order:-1;margin:0 0 6px;border:0;border-radius:22px;padding:12px 17px;background:#f1f3f5;font-size:13px}.folders{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:18px;max-width:100%;margin:3px -12px 0;padding:0 14px;border-bottom:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#c5d9ee transparent;overscroll-behavior-x:contain}.folders button{position:relative;flex:0 0 auto;border-radius:0;background:transparent;white-space:nowrap;font-size:13px;font-weight:600;color:#8594a2;padding:13px 0 15px}.folders button:hover{background:transparent;color:var(--accent)}.folders button.selected{background:transparent;color:var(--accent)}.folders button.selected::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);border-radius:3px 3px 0 0}.chats{padding:0}.chatRow{gap:0;padding-right:7px}.chat{margin:0;border-radius:0;padding:13px 12px;gap:12px}.chat.active{background:#e9f3fc}.chat:hover{background:#f2f6fa}.avatar{border-radius:50%;width:48px;height:48px;background:linear-gradient(145deg,#68b7f0,#378bd3);color:white;font-size:20px}.chatInfo strong{font-size:14px;color:#283846;margin-bottom:6px}.chatInfo p{font-size:13px}.moveChat{color:#7da5c8;font-size:18px}.badge{background:#54a2e6}.chat.active .badge{background:var(--accent)}footer{padding:15px 20px;font-size:11px;color:#9ba7b2}#conversation{background-color:#dbe7dc;background-image:radial-gradient(ellipse at 10% 15%,#e7efd899,transparent 50%),radial-gradient(ellipse at 90% 80%,#c4dfd199,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%23779680' stroke-opacity='.12' stroke-width='1.2'%3E%3Cpath d='M18 22l5-5 5 5-5 5zM66 66q-8-12 0-12 8 0 0 12zM55 14a6 6 0 1 0 12 0 6 6 0 1 0-12 0M12 72q8-7 16 0q-8 7-16 0M82 30l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3C/g%3E%3C/svg%3E")}header{height:72px;padding:12px 24px;background:white}header .avatar{width:44px;height:44px}header h2{font-size:16px;margin-bottom:5px}header p{font-size:12px}#call{background:#edf6ff;color:#3390ec;padding:10px 13px}.messages{padding:20px 7%}.bubble{border:0;border-radius:13px 13px 13px 4px;background:white;box-shadow:0 1px 2px #28483418;padding:11px 14px 8px}.mine .bubble{background:#effdde;border:0;border-radius:13px 13px 4px 13px}.text{line-height:1.5}.text a{color:#2383cc}.meta{color:#84a777}.message:not(.mine) .meta{color:#8ba0a8}.quote{border-left-color:#56a3dc;background:#3490ec0a}.day{display:table;margin:15px auto;padding:5px 12px;border-radius:14px;background:#87a18f80;color:white;font-size:11px}.messageTools button{color:#73958b;font-size:10px;padding:3px 6px}.reactions button{border-color:#d0e5ba;background:#ffffffb0}.reactions button.selected{border-color:#7bc65c;background:#def4cb}.composer{margin:10px 6% 0;border:0;border-radius:12px;padding:8px 9px;box-shadow:0 1px 3px #2e573b10}.send{background:#3390ec;border-radius:50%;width:42px;height:42px}.send:hover,.primary:hover{background:#2783d9}.privacy{color:#719087;font-size:10px}.welcome{color:#6d877b}.welcome span{color:#84a597}.welcome h2{font-size:25px;color:#547463}.welcome p{color:#729285}.primary{background:#3390ec}#replyBar{background:#e8f2e4;border-left-color:#3390ec}#toast{background:#365c75}#deleteFolder{color:#b57673}.login h1{color:#2c4255}.brand{color:#3390ec}
@media(max-width:700px){aside{width:100%}.sidebarHead{padding:18px 16px}.messages{padding:13px 12px}header{height:68px;padding:10px 12px}.composer{margin:8px 10px 0}.folders{gap:20px;padding:0 16px}.privacy{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.bubble{max-width:92%}.folderActions{font-size:11px}.welcome h2{font-size:23px}}

/* Folders are a sidebar list, not horizontally scrolling tabs. */
.folders{flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;max-height:38vh;padding:5px 8px;overscroll-behavior-y:contain}
.folders button{width:100%;flex:none;text-align:left;overflow:hidden;text-overflow:ellipsis;border-radius:8px;padding:10px 12px}
.folders button:hover{background:#f2f6fa}
.folders button.selected{background:#e9f3fc}
.folders button.selected::after{top:8px;bottom:8px;left:0;right:auto;width:3px;height:auto;border-radius:3px}
@media(max-width:700px){.folders{max-height:34vh;padding:5px 12px}}
/* Vertical folder rail, matching the supplied Telegram reference */
.folderRail{width:86px;flex:0 0 86px;height:100%;display:flex;flex-direction:column;background:#3e4247;color:#b6b9bd;border-right:1px solid #34383d;overflow:hidden}.railBrand{height:67px;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:25px;color:#c4dff8;border-bottom:1px solid #50545a}.folderRail .folders{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;min-height:0;max-width:none;overflow-y:auto;overflow-x:hidden;gap:4px;margin:0;padding:12px 5px;border:0;scrollbar-width:thin;scrollbar-color:#686d74 transparent}.folderRail .folders button{width:100%;min-height:83px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 4px;background:transparent;color:#b2b5ba;border-radius:8px;border:0;font-weight:500;white-space:normal}.folderRail .folders button:hover{background:#ffffff0a;color:#e4e7eb}.folderRail .folders button.selected{background:#ffffff0b;color:#fff}.folderRail .folders button.selected::after{display:none}.railLabel{font-size:11px;line-height:1.3;max-width:100%;overflow-wrap:anywhere;text-align:center}.railIcon{position:relative;display:block;width:31px;height:24px;color:inherit;opacity:.85}.railIcon.folder,.railIcon.empty{height:22px;background:currentColor;border-radius:3px;margin-top:4px}.railIcon.folder::before,.railIcon.empty::before{content:'';position:absolute;left:0;top:-5px;width:14px;height:7px;background:currentColor;border-radius:3px 4px 0 0}.railIcon.empty{background:transparent;border:2px solid currentColor}.railIcon.empty::before{top:-7px}.railIcon.all{border-radius:50%;background:currentColor;width:28px;height:23px}.railIcon.all::before{content:'';position:absolute;bottom:-4px;left:3px;width:9px;height:8px;background:currentColor;clip-path:polygon(0 0,100% 0,0 100%)}.railIcon.all::after{content:'';position:absolute;left:9px;top:5px;width:24px;height:19px;border:2px solid #3e4247;background:currentColor;border-radius:50%}.folderRail button.selected .railIcon{color:#fff}aside{width:340px}.folderActions{border-top:1px solid var(--line);padding-top:6px;margin-top:8px}.folderRail+.sidebar{min-width:0}@media(max-width:700px){.folderRail{width:72px;flex-basis:72px}.railBrand{height:65px;font-size:23px}.folderRail .folders{padding:8px 3px}.folderRail .folders button{min-height:77px;padding:8px 3px}.railLabel{font-size:10px}.railIcon{transform:scale(.92)}#app:not(.open) aside{width:calc(100% - 72px);flex:1;min-width:0}main.open .folderRail{display:none}#adminTools{padding-left:9px;padding-right:9px}.sidebarHead{padding:17px 12px}.sidebarHead h1{font-size:22px}.chatInfo strong{font-size:13px}.chatInfo p{font-size:12px}.chat{padding:11px 8px;gap:9px}.chat .avatar{width:42px;height:42px}.folderActions button{padding:6px;font-size:10px}.newChat{font-size:12px;padding:10px}#search{font-size:12px}}

.emojiControl,.reactionControl{position:relative;display:inline-flex;flex-shrink:0;align-items:center}.emojiControl{align-self:stretch}.emojiPopover,.reactionPopover{position:absolute;z-index:20;background:white;border:1px solid #e5edf3;box-shadow:0 5px 24px #233e582b;border-radius:15px;bottom:calc(100% + 5px);left:0;padding:9px;gap:3px}.composer #emojiPicker{margin:0;padding:9px;width:242px;display:grid;grid-template-columns:repeat(5,1fr)}#emojiPicker button{width:42px;height:42px;padding:0;font-size:23px;display:grid;place-items:center}.reactionPopover{display:flex;white-space:nowrap;padding:7px;gap:2px}.messageTools .reactionPopover button{font-size:21px;color:inherit;width:34px;height:36px;padding:0}.mine .reactionPopover{left:auto;right:0}.reactionControl button[aria-expanded="true"]{color:#3390ec;background:#eaf3fc}.emojiPopover button:hover,.reactionPopover button:hover{background:#edf6ff;transform:scale(1.08)}@media(max-width:700px){.composer #emojiPicker{width:232px}.reactionPopover{max-width:calc(100vw - 25px)}.emojiPopover,.reactionPopover{bottom:calc(100% + 4px)}}

.railUnread{position:absolute;z-index:2;right:-10px;top:-10px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;background:#3390ec;color:white;border:2px solid #3e4247;border-radius:12px;font-size:10px;font-weight:700;line-height:1;box-sizing:content-box}.railIcon{opacity:1}.folderRail .folders button.selected .railUnread{background:#fff;color:#2584d9}.chatInfo strong{display:flex;align-items:center}.chat .badge{min-width:22px;text-align:center}
.folderRail{align-self:stretch;height:100dvh;min-height:0;box-sizing:border-box}.folderRail .folders{height:0;flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;touch-action:pan-y}.folderRail .folders button{flex:1 0 83px}#app{min-height:0;overflow:hidden}.folderRail .railBrand{flex:0 0 67px}@media(max-width:700px){.folderRail{height:100dvh}.folderRail .railBrand{flex-basis:65px}.folderRail .folders button{flex-basis:77px}}

.reactionPopover.openDown{bottom:auto;top:calc(100% + 4px)}