:root{--ink:#15221e;--paper:#e8e4d7;--signal:#ed5b35;--acid:#d8ef53;--line:#a5aa9d;--muted:#66706b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","PingFang SC",sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}main{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding:20px 0}header small,.tag{font:700 11px ui-monospace,monospace;letter-spacing:.16em}h1{font-size:clamp(42px,8vw,90px);line-height:.8;margin:18px 0 5px;letter-spacing:-.07em}h1 i{font-family:serif;font-weight:400;color:var(--signal)}.status{display:flex;gap:9px;align-items:center;font:12px monospace}.status b{width:9px;height:9px;border-radius:50%;background:#36a66a;box-shadow:0 0 0 5px #36a66a22}.card{border:1px solid var(--ink);background:#f3f0e7;padding:28px;box-shadow:7px 7px 0 var(--ink)}.auth{max-width:520px;margin:10vh auto}.auth h2,.title h2{font-size:32px;margin:9px 0}.auth p,.notice p{color:var(--muted);line-height:1.6}.notice.compact{padding:16px;box-shadow:4px 4px 0 var(--ink);margin:0 4px 24px}.notice.compact p{margin:6px 0 0}form{display:grid;gap:15px}input,select,textarea{width:100%;border:1px solid var(--ink);background:#faf8f0;padding:13px;font:inherit;border-radius:0}button{border:1px solid var(--ink);background:var(--ink);color:white;padding:11px 17px;font-weight:700;cursor:pointer}button:hover{background:var(--signal)}nav{display:flex;gap:4px;overflow:auto;padding:24px 0}nav button{white-space:nowrap;background:transparent;color:var(--ink)}nav button.on{background:var(--ink);color:white}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.metrics article{min-height:180px;border-top:8px solid var(--ink);padding:18px;background:var(--acid);display:flex;flex-direction:column}.metrics strong{font-size:70px;line-height:1}.metrics em{margin-top:auto;font:11px monospace}.notice{margin-top:25px}.title{display:flex;justify-content:space-between;align-items:end;margin:28px 0 18px}.list{border-top:1px solid var(--ink)}.row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:16px 4px}.row small{color:var(--muted)}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{padding:7px 10px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.material{border:1px solid var(--ink);padding:18px;background:#f5f1e6}.material pre{white-space:pre-wrap;font:14px/1.6 inherit;color:var(--muted)}.terminal{background:#16221e;color:#d7e6dd;padding:18px;font:12px/1.7 ui-monospace;min-height:320px}.terminal div{border-bottom:1px solid #ffffff18;padding:6px}.ok{color:#87d39f}.bad{color:#ff876d}.badge{display:inline-block;padding:4px 7px;background:#d9ded8;font:11px monospace}.badge.online{background:#b5e8b3}dialog{border:1px solid var(--ink);padding:0;background:#f3f0e7;width:min(92vw,520px);box-shadow:12px 12px 0 #15221e}dialog::backdrop{background:#15221ecc}dialog form{padding:25px}dialog h3{font-size:27px;margin:0 0 15px}label{display:grid;gap:6px;font-size:13px;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.warn{background:#f5d7bd;padding:10px;font-size:13px}#toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:white;padding:14px;display:none;max-width:400px}@media(max-width:700px){main{padding:16px}header{align-items:start}.status{display:none}.metrics,.cards{grid-template-columns:1fr}.metrics article{min-height:120px}.row{grid-template-columns:1fr}.title{align-items:center}.title h2{font-size:25px}.split{grid-template-columns:1fr}h1{font-size:52px}}
button.danger{background:#8e3428}.empty{padding:24px 4px;color:var(--muted);border-bottom:1px solid var(--line)}#toast[hidden]{display:none!important}.bad-toast{background:#a83525!important}dialog button[type=button],dialog button[data-close]{background:transparent;color:var(--ink)}

/* 中文 Telegram 工作台：高密度三栏操作面，不使用装饰卡片。 */
.workspace-tab{margin-top:4px}.workspace-shell{height:calc(100vh - 220px);min-height:590px;display:grid;grid-template-columns:210px 310px minmax(360px,1fr);overflow:hidden;border:1px solid #26332f;background:#f5f3eb;box-shadow:7px 7px 0 #26332f}.workspace-accounts{display:flex;flex-direction:column;background:#17241f;color:#f5f3eb;border-right:1px solid #394741}.workspace-brand{height:76px;display:flex;align-items:center;gap:11px;padding:14px;border-bottom:1px solid #ffffff1c}.workspace-brand>b{display:grid;place-items:center;width:38px;height:38px;background:var(--signal);font:800 15px ui-monospace}.workspace-brand>span{font-weight:750}.workspace-brand small,.workspace-account small,.workspace-dialog small{display:block;margin-top:4px;color:#98a49e;font-size:10px;font-weight:500}.workspace-account-list{flex:1;overflow:auto;padding:8px}.workspace-account{width:100%;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;text-align:left;padding:9px;border:0;background:transparent;color:#e9eee9}.workspace-account:hover,.workspace-account.on{background:#2a3933}.workspace-account>span,.workspace-dialog>span{display:grid;place-items:center;width:34px;height:34px;background:#4c6258;color:white;font-weight:800}.workspace-account>b,.workspace-dialog>b{min-width:0;overflow:hidden;text-overflow:ellipsis}.workspace-add{margin:10px;background:var(--acid);color:#17241f;border-color:var(--acid)}.workspace-dialogs{display:flex;min-width:0;flex-direction:column;border-right:1px solid #c6cbc3}.workspace-dialogs>header,.workspace-chat>header{height:76px;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #c6cbc3}.workspace-dialogs header h2,.workspace-chat header h2{margin:2px 0 0;font-size:18px;letter-spacing:0}.workspace-dialogs header small,.workspace-chat header small{color:var(--muted)}.workspace-dialogs header button,.workspace-chat header button{padding:7px 9px;background:transparent;color:var(--ink)}.workspace-chat-actions{display:flex;gap:5px}#workspaceBack{display:none}.workspace-search{padding:10px;border-bottom:1px solid #d4d7d0}.workspace-search input{padding:9px;border-color:#c3c8c0;background:white}.workspace-dialog-list{flex:1;overflow:auto}.workspace-dialog{width:100%;min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #e1e2dd;background:transparent;color:var(--ink)}.workspace-dialog:hover,.workspace-dialog.on{background:#e2ead7}.workspace-dialog>span{background:#758d81}.workspace-dialog i{padding:3px 5px;background:var(--acid);color:#29332e;font:9px ui-monospace;font-style:normal}.workspace-chat{min-width:0;display:grid;grid-template-rows:76px minmax(0,1fr) auto;background:#edf0e9}.workspace-messages{overflow:auto;padding:22px 24px;background-color:#e7ebe4;background-image:linear-gradient(#d9dfd7 1px,transparent 1px),linear-gradient(90deg,#d9dfd7 1px,transparent 1px);background-size:28px 28px}.workspace-message{width:fit-content;max-width:min(78%,620px);margin:7px 0;padding:9px 12px 6px;background:white;border:1px solid #cbd1ca;box-shadow:2px 2px 0 #ccd2cb}.workspace-message.out{margin-left:auto;background:#dff2b7;border-color:#b8cf87}.workspace-message p{white-space:pre-wrap;margin:0;line-height:1.45}.workspace-message small{display:block;margin-top:4px;text-align:right;color:#778078;font:9px ui-monospace}.workspace-composer{display:grid;grid-template-columns:1fr 70px;gap:8px;padding:11px;background:#f7f6f1;border-top:1px solid #c6cbc3}.workspace-composer textarea{resize:none;background:white;padding:10px}.workspace-composer button{padding:0}.workspace-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#526159;gap:6px;padding:24px}.workspace-empty.compact{height:auto;min-height:130px}.workspace-empty span,.workspace-hint{font-size:12px;color:#7b867f}.workspace-empty.error b{color:#a33b2a}
@media(max-width:900px){.workspace-shell{grid-template-columns:170px 250px minmax(320px,1fr);overflow:auto}.workspace-tab{overflow:auto}}
@media(max-width:700px){.workspace-shell{height:620px;min-height:620px;grid-template-columns:78px minmax(0,1fr)}.workspace-brand span,.workspace-account>b,.workspace-add{display:none}.workspace-brand{justify-content:center}.workspace-account{display:flex;justify-content:center}.workspace-accounts{min-width:78px}.workspace-chat{display:none}.workspace-shell.chat-open .workspace-dialogs{display:none}.workspace-shell.chat-open .workspace-chat{display:grid}.workspace-message{max-width:88%}#workspaceBack{display:inline-block}.workspace-chat>header{padding:10px}.workspace-chat header h2{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-chat-actions button{font-size:10px;padding:6px}.workspace-messages{padding:14px 10px}.workspace-composer{grid-template-columns:1fr 58px}}

.workspace-account-list,.workspace-dialogs,.workspace-dialog-list,.workspace-chat,.workspace-messages{min-height:0}.workspace-dialogs,.workspace-chat{overflow:hidden}.workspace-account-list,.workspace-dialog-list,.workspace-messages{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

.workspace-identitybar{display:grid;grid-template-columns:minmax(190px,1fr) minmax(330px,1.5fr) auto;gap:18px;align-items:end;margin:0 0 14px}.workspace-identitybar h2{margin:3px 0 0;font-size:24px}.workspace-identity{min-height:54px;padding:9px 12px;border-left:4px solid var(--acid);background:#e8eee4}.workspace-identity b,.workspace-identity span{display:block}.workspace-identity span{margin-top:4px;color:var(--muted);font:10px ui-monospace}.workspace-identity .bad{color:#a33b2a}.workspace-identitybar>button{height:43px}.workspace-shell{height:calc(100vh - 245px);min-height:620px;box-shadow:none}.workspace-account{border-bottom:1px solid #ffffff12}.workspace-dialog{border-radius:0}.workspace-media{min-width:180px;padding:36px 18px;margin-bottom:7px;border:1px dashed #91a098;background:#eef2ed;text-align:center;color:#5d6b64;font-size:12px}.workspace-message.out .workspace-media{background:#e5efce}.workspace-buttons{display:grid;gap:5px;margin-top:8px}.workspace-buttons button,.workspace-buttons a{display:block;padding:8px 10px;border:1px solid #73837a;background:#edf2ee;color:#26332f;text-align:center;text-decoration:none;font:600 11px ui-monospace}.workspace-buttons button:hover,.workspace-buttons a:hover{background:var(--acid)}@media(max-width:900px){.workspace-identitybar{grid-template-columns:1fr 1.5fr}.workspace-identitybar>button{grid-column:2}}@media(max-width:700px){.workspace-identitybar{grid-template-columns:1fr}.workspace-identitybar>button{grid-column:auto}.workspace-identity{min-width:0}.workspace-shell{height:650px}}

/* TWeb-inspired interaction model, implemented locally without copying GPL UI code. */
.workspace-tab{--tg-blue:#3390ec;--tg-blue-soft:#eaf4fd;--tg-panel:#fff;--tg-chat:#e9eef2;--tg-text:#17212b;--tg-muted:#77838f;width:min(1480px,calc(100vw - 28px));margin-left:50%;transform:translateX(-50%);font-family:"Avenir Next","PingFang SC",sans-serif}.workspace-identitybar{grid-template-columns:240px minmax(360px,1fr) auto;align-items:center;margin:0 0 10px;padding:0 6px}.workspace-identitybar>div:first-child .tag{color:#84909a;letter-spacing:.08em}.workspace-identitybar h2{font-size:22px;color:var(--tg-text)}.workspace-identity{min-height:58px;padding:10px 16px;border:0;border-radius:12px;background:#fff;box-shadow:0 1px 3px #18222d18}.workspace-identity:before{content:"";display:inline-block;float:left;width:38px;height:38px;margin-right:11px;border-radius:50%;background:linear-gradient(145deg,#4fa8f5,#2e7fd0)}.workspace-identity b{padding-top:1px;font-size:14px;color:var(--tg-text)}.workspace-identity span{font:11px "Avenir Next","PingFang SC",sans-serif;color:var(--tg-muted)}.workspace-identitybar>button{height:40px;border:0;border-radius:10px;background:var(--tg-blue);padding:0 18px}.workspace-shell{height:calc(100vh - 235px);min-height:620px;grid-template-columns:220px 340px minmax(420px,1fr);border:0;border-radius:16px;background:var(--tg-panel);box-shadow:0 8px 32px #1e293b24;isolation:isolate}.workspace-accounts{background:#232e38;border:0;color:#fff}.workspace-brand{height:66px;padding:12px 16px;border-color:#ffffff12}.workspace-brand>b{width:40px;height:40px;border-radius:50%;background:#ef6c4d}.workspace-brand small{color:#9eabb6}.workspace-account-list{padding:8px}.workspace-account{grid-template-columns:42px minmax(0,1fr);min-height:60px;padding:8px;border:0!important;border-radius:11px;color:#fff}.workspace-account:hover{background:#ffffff0d}.workspace-account.on{background:#3390ec}.workspace-account>span{width:42px;height:42px;border-radius:50%;background:#6c7d89}.workspace-account b{font-size:13px}.workspace-account small{color:#c0cad2}.workspace-dialogs{border-right:1px solid #dfe5ea;background:#fff}.workspace-dialogs>header,.workspace-chat>header{height:66px;padding:10px 16px;border-color:#e5e9ed;background:#fff}.workspace-dialogs header h2,.workspace-chat header h2{font-size:16px;color:var(--tg-text)}.workspace-dialogs header small,.workspace-chat header small{color:var(--tg-muted)}.workspace-dialogs .badge{border-radius:12px;background:#edf1f4;color:#66727d}.workspace-search{padding:8px 12px;border:0}.workspace-search input{height:38px;border:0;border-radius:19px;background:#f1f3f5;padding:0 16px;font-size:13px;outline:none}.workspace-search input:focus{box-shadow:0 0 0 2px #3390ec33;background:#fff}.workspace-dialog{min-height:68px;grid-template-columns:46px minmax(0,1fr) auto;padding:8px 12px;border:0;border-radius:0;color:var(--tg-text)}.workspace-dialog:hover{background:#f3f7fa}.workspace-dialog.on{background:var(--tg-blue);color:#fff}.workspace-dialog>span{width:46px;height:46px;border-radius:50%;background:#7aa8a0}.workspace-dialog b{font-size:13px}.workspace-dialog small{color:#87939d}.workspace-dialog.on small{color:#dceeff}.workspace-dialog i{border-radius:9px;background:#eef4f7;color:#61707c}.workspace-chat{grid-template-rows:66px minmax(0,1fr) auto;background:var(--tg-chat)}.workspace-chat>header{box-shadow:0 1px 2px #18222d0d;z-index:1}.workspace-chat-actions button,#workspaceBack{border:0;border-radius:9px;background:#edf2f6;color:#52616d}.workspace-messages{padding:20px clamp(18px,5vw,72px);background-color:var(--tg-chat);background-image:radial-gradient(circle at 1px 1px,#b9c5cd55 1px,transparent 0);background-size:22px 22px}.workspace-message{max-width:min(72%,620px);margin:5px 0;padding:8px 12px 5px;border:0;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 1px 2px #18222d22;color:var(--tg-text)}.workspace-message.out{margin-left:auto;border:0;border-radius:14px 14px 4px 14px;background:#d8f7c5}.workspace-message p{font-size:14px;line-height:1.42}.workspace-message small{color:#7c8993;font-size:9px}.workspace-media{min-width:210px;border:0;border-radius:10px;background:#edf2f5;color:#71808b}.workspace-message.out .workspace-media{background:#caecb7}.workspace-buttons{gap:4px}.workspace-buttons button,.workspace-buttons a{border:0;border-radius:8px;background:var(--tg-blue-soft);color:#2477bf;font:600 12px "Avenir Next","PingFang SC",sans-serif}.workspace-buttons button:hover,.workspace-buttons a:hover{background:#d6eafb}.workspace-composer{grid-template-columns:minmax(0,1fr) 74px;gap:8px;padding:10px 14px;border-color:#dbe2e7;background:#fff}.workspace-composer textarea{min-height:44px;max-height:120px;border:0;border-radius:22px;background:#f1f3f5;padding:11px 17px;outline:none}.workspace-composer textarea:focus{box-shadow:0 0 0 2px #3390ec33}.workspace-composer button{border:0;border-radius:22px;background:var(--tg-blue)}.workspace-empty{color:#5f6d78}.workspace-empty span{color:#8b969f}.account-row{border-bottom:1px solid #d9dfdc;padding:18px 10px}.account-row .actions button{border-radius:8px}.ghost-danger{background:transparent!important;color:#9b3c31!important;border-color:#bb6d64!important}@media(max-width:900px){.workspace-identitybar{grid-template-columns:1fr 1.5fr auto}.workspace-identitybar>button{grid-column:auto}.workspace-shell{grid-template-columns:180px 300px minmax(390px,1fr)}}@media(max-width:700px){.workspace-tab{width:100%;margin:0;transform:none}.workspace-identitybar{grid-template-columns:1fr;padding:0}.workspace-identitybar>div:first-child{display:none}.workspace-shell{height:680px;border-radius:12px;grid-template-columns:72px minmax(0,1fr)}.workspace-account{display:flex}.workspace-account>span{width:44px;height:44px}.workspace-message{max-width:88%}}
.workspace-account>span,.workspace-dialog>span{position:relative;overflow:hidden}.workspace-account>span>i,.workspace-dialog>span>i{position:absolute;inset:0;display:grid;place-items:center;background:transparent;color:#fff;font-style:normal;font-weight:750}.workspace-account>span>img,.workspace-dialog>span>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#7aa8a0}.workspace-dialog>em{padding:3px 7px;border-radius:9px;background:#eef4f7;color:#61707c;font:9px ui-monospace;font-style:normal}.workspace-dialog.on>em{background:#ffffff2b;color:#fff}.workspace-identity:before{display:none}.workspace-identity-avatar{float:left;width:38px;height:38px;margin-right:11px;border-radius:50%;object-fit:cover;background:linear-gradient(145deg,#4fa8f5,#2e7fd0)}

/* Client workspace: dense dialog metadata and first-class Telegram media. */
.workspace-dialog{grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:22px 22px;column-gap:10px;min-height:70px}.workspace-dialog>span{grid-row:1/3}.workspace-dialog>b{grid-row:1/3;display:grid;grid-template-rows:22px 22px;align-self:center}.workspace-dialog>b strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.workspace-dialog>b small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px}.workspace-dialog>time{align-self:center;color:#8a969f;font-size:10px}.workspace-dialog.on>time{color:#dceeff}.workspace-dialog>em{grid-column:3;align-self:center;justify-self:end}.workspace-dialog>.workspace-unread{min-width:20px;padding:3px 6px;border-radius:11px;background:#3390ec;color:#fff;text-align:center;font:700 10px system-ui}.workspace-dialog.on>.workspace-unread{background:#fff;color:#2581d4}.workspace-dialog>.workspace-pin{background:transparent;color:#7c8993}.workspace-message{overflow:hidden}.workspace-sender{display:block;margin:0 0 3px;color:#2685d5;font-size:12px}.workspace-message blockquote{max-width:100%;margin:1px 0 7px;padding:6px 9px;border-left:3px solid #3390ec;border-radius:3px;background:#eef5fa;color:#62717c;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-message.out blockquote{background:#ccebb9}.workspace-photo{display:block;margin:-4px -8px 7px}.workspace-photo img,.workspace-video{display:block;width:min(420px,100%);max-height:440px;border-radius:11px;object-fit:contain;background:#dce3e8}.workspace-video{margin-bottom:7px}.workspace-audio{display:block;width:min(300px,100%);height:42px;margin:3px 0 7px}.workspace-file{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:220px;margin:2px 0 7px;color:inherit;text-decoration:none}.workspace-file>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#3390ec;color:#fff;font-size:10px}.workspace-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.workspace-message>small{clear:both}.workspace-message p+small{margin-top:2px}
.workspace-composer{position:relative;grid-template-columns:42px minmax(0,1fr) 74px}.workspace-composer>.workspace-emoji{padding:0;border-radius:50%;background:#edf2f6;color:#50616d;font-size:21px}.workspace-emoji-picker{position:absolute;left:12px;bottom:68px;z-index:5;width:min(360px,calc(100vw - 28px));height:390px;display:grid;grid-template-rows:48px 42px minmax(0,1fr);overflow:hidden;border:1px solid #d7dfe5;border-radius:10px;background:#fff;box-shadow:0 8px 28px #18222d2e}.workspace-emoji-picker[hidden]{display:none}.workspace-emoji-search{padding:8px}.workspace-emoji-search input{width:100%;height:32px;padding:0 12px;border:0;border-radius:8px;background:var(--surface-2);font-size:13px;outline:none}.workspace-emoji-tabs{display:flex;align-items:center;justify-content:space-around;padding:0 5px;border-bottom:1px solid var(--line)}.workspace-emoji-picker .workspace-emoji-tabs button{width:36px;height:36px;font-size:18px}.workspace-emoji-picker .workspace-emoji-tabs button.on{background:var(--surface-2);box-shadow:inset 0 -2px var(--accent)}.workspace-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px;overflow-y:auto;padding:8px;overscroll-behavior:contain}.workspace-emoji-picker button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:7px;background:transparent;font-size:23px}.workspace-emoji-picker button:hover{background:#edf4f9}.workspace-emoji-grid p{grid-column:1/-1;margin:48px 0;color:var(--muted);text-align:center;font-size:13px}@media(max-width:700px){.workspace-composer{grid-template-columns:38px minmax(0,1fr) 58px}.workspace-emoji-picker{left:4px;width:min(340px,calc(100vw - 16px));height:350px}.workspace-emoji-grid{grid-template-columns:repeat(7,1fr)}}

/* Modern system UI. Automatically follows the OS appearance. */
:root{color-scheme:light dark;--ink:#1d1d1f;--paper:#f5f5f7;--signal:#ff3b30;--acid:#34c759;--line:#d2d2d7;--muted:#6e6e73;--surface:#fff;--surface-2:#f2f2f7;--accent:#007aff;--shadow:#00000014}body{background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif}.grain{display:none}main{max-width:1440px;padding:18px 24px}body>main>header{align-items:center;padding:8px 2px 18px;border-bottom:1px solid var(--line)}header small,.tag{font:600 11px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:0;color:var(--muted)}h1{margin:8px 0 0;font-size:34px;line-height:1;letter-spacing:0}h1 i{font-family:inherit;font-style:normal;font-weight:650;color:var(--accent)}nav{gap:6px;padding:14px 0}nav button,button{border:0;border-radius:8px;background:var(--accent);font-weight:600}nav button{background:transparent;color:var(--muted)}nav button:hover{background:var(--surface-2);color:var(--ink)}nav button.on{background:var(--ink);color:var(--surface)}button:hover{filter:brightness(.94)}input,select,textarea{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.card,.material{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 3px 16px var(--shadow)}.metrics article{min-height:140px;border:0;border-radius:8px;background:var(--surface);box-shadow:0 2px 12px var(--shadow)}.metrics article:nth-child(1){border-top:4px solid #007aff}.metrics article:nth-child(2){border-top:4px solid #34c759}.metrics article:nth-child(3){border-top:4px solid #ff9500}.metrics strong{font-size:54px}.list{border-top:1px solid var(--line)}.row{padding:16px 12px}.badge{border-radius:6px;background:var(--surface-2);font-family:inherit}.badge.online{background:#d8f5df;color:#187a32}dialog{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #0005}dialog::backdrop{background:#0008}.warn{border-radius:7px;background:#fff1d6;color:#805b13}.workspace-tab{--tg-panel:var(--surface);--tg-chat:var(--surface-2);--tg-text:var(--ink);--tg-muted:var(--muted);--tg-blue:var(--accent);--tg-blue-soft:#e8f2ff}.workspace-identity{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none}.workspace-shell{border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px var(--shadow)}.workspace-accounts{background:#262628}.workspace-account{border-radius:8px}.workspace-dialogs,.workspace-dialogs>header,.workspace-chat>header,.workspace-composer{background:var(--surface);border-color:var(--line)}.workspace-search input,.workspace-composer textarea{background:var(--surface-2);color:var(--ink)}.workspace-dialog{color:var(--ink)}.workspace-dialog:hover{background:var(--surface-2)}.workspace-messages{background-color:var(--surface-2);background-image:none}.workspace-message{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px var(--shadow)}.workspace-message.out{background:#d9f7c5}.workspace-emoji-picker{border-color:var(--line);background:var(--surface)}.workspace-emoji-picker button:hover{background:var(--surface-2)}
@media(prefers-color-scheme:dark){:root{--ink:#f5f5f7;--paper:#000;--line:#38383a;--muted:#98989d;--surface:#1c1c1e;--surface-2:#2c2c2e;--accent:#0a84ff;--shadow:#00000066}.badge.online{background:#153c20;color:#65d77b}.warn{background:#4a3716;color:#ffd98a}.workspace-accounts{background:#111113}.workspace-dialog.on{background:var(--accent)}.workspace-message.out{background:#214d2a}.workspace-message blockquote{background:#253440}.workspace-message.out blockquote{background:#2d442c}.workspace-file>b{background:var(--accent)}.ghost-danger{color:#ff6961!important;border-color:#7a3330!important}}

.theme-toggle{position:absolute;right:0;min-width:40px;padding:8px 11px;background:var(--surface-2);color:var(--ink);font-size:17px}body>main>header{display:none}main{width:min(1500px,calc(100vw - 32px));max-width:1500px;padding-top:8px}nav{position:sticky;top:0;z-index:20;justify-content:center;align-items:center;width:100%;height:52px;margin:0 auto;padding:6px 48px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.workspace-mode{height:100vh;overflow:hidden}.workspace-mode>main{width:min(1500px,calc(100vw - 32px));max-width:1500px;height:100vh;margin:auto;padding:0}.workspace-mode nav{height:52px;padding:6px 48px}.workspace-mode .workspace-tab{width:100%;height:calc(100vh - 52px);margin:0;transform:none}.workspace-mode .workspace-identitybar{height:58px;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 8px;padding:0}.workspace-mode .workspace-identitybar>div:first-child{display:none}.workspace-mode .workspace-identity{height:52px;min-height:52px;padding:7px 12px}.workspace-mode .workspace-shell{width:100%;height:calc(100vh - 118px);min-height:0;grid-template-columns:190px 320px minmax(0,1fr)}.workspace-mode .workspace-messages{padding:16px max(24px,calc((100% - 760px)/2))}.workspace-mode .workspace-message{font-size:14px}
html[data-theme="light"]{color-scheme:light;--ink:#1d1d1f;--paper:#f5f5f7;--line:#d2d2d7;--muted:#6e6e73;--surface:#fff;--surface-2:#f2f2f7;--accent:#007aff;--shadow:#00000014}html[data-theme="dark"]{color-scheme:dark;--ink:#f5f5f7;--paper:#000;--line:#38383a;--muted:#98989d;--surface:#1c1c1e;--surface-2:#2c2c2e;--accent:#0a84ff;--shadow:#00000066}html[data-theme="light"] .workspace-accounts{background:#262628}html[data-theme="light"] .workspace-message.out{background:#d9f7c5}html[data-theme="light"] .workspace-message blockquote{background:#eef5fa}html[data-theme="light"] .workspace-message.out blockquote{background:#ccebb9}html[data-theme="dark"] .workspace-accounts{background:#111113}html[data-theme="dark"] .workspace-message.out{background:#214d2a}html[data-theme="dark"] .workspace-message blockquote{background:#253440}html[data-theme="dark"] .workspace-message.out blockquote{background:#2d442c}
@media(max-width:900px){main,.workspace-mode>main{width:calc(100vw - 16px)}.workspace-mode .workspace-shell{grid-template-columns:76px 300px minmax(0,1fr)}.workspace-mode .workspace-messages{padding-left:24px;padding-right:24px}}@media(max-width:700px){main,.workspace-mode>main{width:100%;padding:0 6px}nav,.workspace-mode nav{height:48px;padding:4px 46px 4px 4px;justify-content:flex-start}.theme-toggle{right:4px}.workspace-mode .workspace-tab{height:calc(100vh - 48px)}.workspace-mode .workspace-identitybar{height:52px}.workspace-mode .workspace-identity{height:46px;min-height:46px}.workspace-mode .workspace-shell{height:calc(100vh - 106px);grid-template-columns:68px minmax(0,1fr)}.workspace-mode .workspace-messages{padding-left:10px;padding-right:10px}}
.workspace-message-row{display:flex;align-items:flex-end;gap:8px;width:100%;margin:5px 0}.workspace-message-row.out{justify-content:flex-end}.workspace-message-row .workspace-message{margin:0}.workspace-sender-avatar{position:relative;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border-radius:50%;background:#64748b;color:#fff}.workspace-sender-avatar i,.workspace-sender-avatar img{position:absolute;inset:0;width:100%;height:100%}.workspace-sender-avatar i{display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:700}.workspace-sender-avatar img{object-fit:cover}.workspace-composer{align-items:center}.workspace-composer>.workspace-emoji{align-self:center;width:40px!important;min-width:40px;height:40px!important;min-height:40px;padding:0!important;border-radius:50%!important;background:var(--surface-2)!important;color:var(--muted)!important;line-height:1;font-size:19px}.workspace-composer>.workspace-emoji:hover{background:var(--line)!important;color:var(--ink)!important}
.workspace-load-older{display:block;margin:2px auto 14px;padding:7px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--accent);box-shadow:0 1px 4px var(--shadow);font-size:12px}

/* Telegram-like comfortable reading scale. */
.workspace-mode .workspace-shell{grid-template-columns:210px 350px minmax(0,1fr)}.workspace-dialog{min-height:74px;grid-template-columns:50px minmax(0,1fr) auto;grid-template-rows:24px 24px;padding:10px 12px}.workspace-dialog>span{width:50px;height:50px}.workspace-dialog>b{grid-template-rows:24px 24px}.workspace-dialog>b strong{font-size:14px}.workspace-dialog>b small{font-size:12px}.workspace-dialog>time{font-size:11px}.workspace-mode .workspace-messages{padding-left:max(28px,calc((100% - 880px)/2));padding-right:max(28px,calc((100% - 880px)/2))}.workspace-message-row{gap:10px;margin:7px 0}.workspace-sender-avatar{flex-basis:40px;width:40px;height:40px}.workspace-sender-avatar i{font-size:14px}.workspace-message{max-width:min(78%,700px)!important;padding:10px 14px 7px!important;border-radius:16px 16px 16px 5px!important}.workspace-message.out{border-radius:16px 16px 5px 16px!important}.workspace-message p{font-size:16px!important;line-height:1.45!important}.workspace-sender{margin-bottom:4px;font-size:14px}.workspace-message small{margin-top:4px;font-size:11px}.workspace-message blockquote{padding:8px 10px;font-size:13px}.workspace-photo img,.workspace-video{width:min(520px,100%);max-height:560px}.workspace-chat>header{height:70px}.workspace-chat{grid-template-rows:70px minmax(0,1fr) auto}.workspace-chat header h2{font-size:18px}.workspace-chat header small{font-size:12px}.workspace-composer{min-height:68px;padding:8px 14px}.workspace-composer textarea{min-height:50px;padding:13px 18px;font-size:16px}.workspace-composer>.workspace-emoji{width:44px!important;min-width:44px;height:44px!important;min-height:44px;font-size:21px}.workspace-composer>button:last-of-type{height:48px;padding:0 20px;font-size:15px}.workspace-account{min-height:64px}.workspace-account>span{width:46px;height:46px}.workspace-account b{font-size:14px}.workspace-account small{font-size:11px}
@media(max-width:900px){.workspace-mode .workspace-shell{grid-template-columns:76px 330px minmax(0,1fr)}.workspace-mode .workspace-messages{padding-left:18px;padding-right:18px}}@media(max-width:700px){.workspace-mode .workspace-shell{grid-template-columns:68px minmax(0,1fr)}.workspace-mode .workspace-messages{padding-left:10px;padding-right:10px}.workspace-message{max-width:88%!important}.workspace-message p{font-size:15px!important}.workspace-sender-avatar{flex-basis:36px;width:36px;height:36px}}
.workspace-message-menu{position:fixed;z-index:100;width:150px;padding:6px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 12px 34px #0005;backdrop-filter:blur(18px)}.workspace-message-menu[hidden]{display:none}.workspace-message-menu button{display:block;width:100%;padding:9px 11px;background:transparent;color:var(--ink);text-align:left}.workspace-message-menu button:hover{background:var(--surface-2)}.workspace-message-menu button.danger{color:#ff453a}.workspace-dialog mark{color:#d94f64;background:transparent;font:inherit}
.workspace-top-actions{display:flex;gap:8px}.workspace-top-actions button{height:40px;padding:0 16px}.workspace-top-actions #workspaceProfile{background:var(--surface-2);color:var(--ink)}.workspace-compose-context{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:7px 10px 7px 14px;border-left:3px solid var(--accent);border-radius:6px;background:var(--surface-2)}.workspace-compose-context[hidden]{display:none}.workspace-compose-context span{min-width:0}.workspace-compose-context b,.workspace-compose-context small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-compose-context b{color:var(--accent);font-size:12px}.workspace-compose-context small{margin-top:2px;color:var(--muted);font-size:12px}.workspace-compose-context button{flex:0 0 32px;width:32px;height:32px;margin-left:10px;border-radius:50%;background:transparent;color:var(--muted);font-size:22px}.workspace-confirm{width:min(390px,calc(100vw - 32px));padding:22px}.workspace-confirm h3{margin:0 0 8px}.workspace-confirm p{color:var(--muted);line-height:1.5}.workspace-confirm form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.workspace-confirm .danger{background:#ff3b30}.workspace-profile-dialog{width:min(460px,calc(100vw - 28px));padding:0}.workspace-profile-dialog form{display:grid;gap:16px;padding:20px}.workspace-profile-dialog header,.workspace-profile-dialog footer{display:flex;align-items:center;justify-content:space-between}.workspace-profile-dialog header h2{margin:3px 0 0}.workspace-profile-dialog header>button{width:34px;height:34px;padding:0;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:21px}.workspace-profile-dialog label{display:grid;gap:7px;color:var(--muted);font-size:12px}.workspace-profile-dialog input,.workspace-profile-dialog textarea{width:100%;padding:11px 12px;font-size:15px}.workspace-profile-dialog label>small{text-align:right}.workspace-profile-dialog footer{justify-content:flex-end;gap:8px}.workspace-profile-dialog footer button:first-child{background:var(--surface-2);color:var(--ink)}@media(max-width:700px){.workspace-top-actions{width:100%}.workspace-top-actions button{flex:1}.workspace-compose-context{padding-left:10px}}
.workspace-shell{position:relative}.workspace-settings{position:absolute;inset:0 auto 0 0;z-index:20;width:560px;display:grid;grid-template-rows:70px minmax(0,1fr);overflow:hidden;border-right:1px solid var(--line);background:var(--surface);box-shadow:8px 0 24px #0002}.workspace-settings[hidden]{display:none}.workspace-settings>header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:var(--surface)}.workspace-settings>header h2{margin:0;text-align:center;font-size:17px}.workspace-settings>header button{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;background:transparent;color:var(--ink);font-size:22px}.workspace-settings>header button:hover{background:var(--surface-2)}.workspace-settings>header #workspaceSettingsSave{color:var(--accent);font-weight:800}.workspace-settings-body{min-height:0;overflow-y:auto;background:var(--surface-2);overscroll-behavior:contain}.workspace-settings-loading{display:grid;place-items:center;height:180px;color:var(--muted)}.workspace-settings-profile{padding:28px 24px 24px;text-align:center;background:var(--surface)}.workspace-settings-profile>span{position:relative;display:grid;place-items:center;width:96px;height:96px;margin:0 auto 13px;overflow:hidden;border-radius:50%;background:#65aadd;color:#fff}.workspace-settings-profile>span i,.workspace-settings-profile>span img{position:absolute;inset:0;width:100%;height:100%}.workspace-settings-profile>span i{display:grid;place-items:center;font-size:30px;font-style:normal;font-weight:700}.workspace-settings-profile>span img{object-fit:cover}.workspace-settings-profile h3{margin:0;font-size:20px}.workspace-settings-profile p{margin:5px 0 0;color:var(--muted);font-size:13px}.workspace-settings-profile small{display:block;max-width:390px;margin:10px auto 0;color:var(--ink);line-height:1.45}.workspace-settings-section{margin:10px 0;background:var(--surface)}.workspace-settings-section>button,.workspace-settings-section>div{display:grid;width:100%;min-height:58px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:8px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left}.workspace-settings-section>button:hover{background:var(--surface-2)}.workspace-settings-section b{font-size:14px}.workspace-settings-section b small{display:block;margin-top:3px;color:var(--muted);font-weight:400}.workspace-settings-section em{color:var(--muted);font-size:24px;font-style:normal}.workspace-settings-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;font-size:17px}.workspace-settings-icon.blue{background:#3390ec}.workspace-settings-icon.green{background:#34c759}.workspace-settings-icon.violet{background:#8e8ce6}.workspace-settings-edit{padding-bottom:28px}.workspace-settings-edit .workspace-settings-profile{padding-bottom:20px}.workspace-settings-edit section{margin:10px 0;padding:0 18px;background:var(--surface)}.workspace-settings-edit section label{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;min-height:58px;border-bottom:1px solid var(--line)}.workspace-settings-edit section label:last-of-type{border-bottom:0}.workspace-settings-edit label>span{color:var(--muted);font-size:13px}.workspace-settings-edit input,.workspace-settings-edit textarea{width:100%;padding:11px 4px;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:15px;outline:none;resize:none}.workspace-settings-edit label>small{position:absolute;right:3px;bottom:3px;color:var(--muted);font-size:10px}.workspace-settings-edit section>p{margin:0;padding:0 0 14px;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:900px){.workspace-settings{width:406px}}@media(max-width:700px){.workspace-settings{width:100%}.workspace-settings-profile>span{width:88px;height:88px}}
