:root{--bg:#0b1713;--panel:#14251f;--focus:#2c6bed;--text:#f4f7f5;--muted:#9db1a8;--line:#294039;--signal:#3a76f0;--danger:#e15b64;--read:#72b7ff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font:16px/1.25 system-ui,sans-serif;overflow:hidden}body{max-width:320px;margin:auto;border-inline:1px solid #20332d}button,input,textarea,select{font:inherit}#app{height:calc(100% - 30px);overflow:auto;scrollbar-width:none}#app::-webkit-scrollbar{display:none}header{position:sticky;top:0;z-index:2;height:42px;padding:10px 12px;background:#10201b;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen{min-height:100%;padding-bottom:6px}.center{display:flex;min-height:100%;padding:18px;flex-direction:column;justify-content:center;text-align:center}.logo{width:54px;height:54px;border-radius:50%;margin:0 auto 12px;background:var(--signal);display:grid;place-items:center;font-size:30px;font-weight:800}.hint,.meta{color:var(--muted);font-size:13px}.error{color:#ff9399}.field{display:block;width:100%;margin:10px 0;padding:11px;border:1px solid var(--line);border-radius:5px;background:#07100d;color:var(--text)}.action,.row{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left}.action{padding:12px;border:1px solid var(--line);border-radius:5px;text-align:center}.row{min-height:54px;padding:8px 10px}.conversation-row{display:flex;align-items:center;gap:9px}.row-body{display:block;min-width:0;flex:1}.row strong,.row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .preview{display:block;margin-top:3px;color:var(--muted);font-size:13px}.preview b{display:inline;color:#cbd8d2}.typing{color:#65c991;font-style:italic}.avatar{position:relative;display:grid!important;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#31584b;color:white;font-size:13px;font-weight:700;overflow:hidden}.avatar img{position:absolute;width:100%;height:100%;object-fit:cover}.unread{display:inline!important;float:right;min-width:18px;padding:1px 5px;border-radius:10px;background:var(--signal);font-size:11px;text-align:center}.focusable:focus{outline:3px solid var(--focus);outline-offset:-3px;background:#1d342c}.empty{padding:30px 15px;text-align:center;color:var(--muted)}.messages{padding:8px}.bubble{display:block;max-width:88%;margin:5px 0;padding:7px 9px;border:0;border-radius:8px;background:#233a32;color:var(--text);font:inherit;text-align:left;overflow-wrap:anywhere}.bubble.out{margin-left:auto;background:#2454a7}.bubble.deleted{color:var(--muted);font-style:italic}.bubble time{display:block;text-align:right;color:#c0cec8;font-size:10px}.sender{display:block;margin-bottom:3px;color:#9fc4ff;font-size:12px}.message-text,.attachment,.quote,.link-preview,.reactions{display:block}.quote{margin-bottom:5px;padding:4px 6px;border-left:3px solid #86aefc;background:#102c4d;color:#d4dfda;font-size:12px}.quote b,.link-preview b,.link-preview small{display:block}.link-preview{margin-top:5px;padding:5px;background:#10201b;border-radius:4px}.link-preview small{margin-top:2px;color:var(--muted)}.reactions{width:max-content;margin-top:4px;padding:2px 5px;border-radius:10px;background:#10201b}.media{display:block;width:100%;max-height:260px;margin-bottom:5px;border-radius:5px;object-fit:contain;background:#050a08}.attachment{margin-bottom:4px;color:#d8e4df}.receipt{font-weight:700;color:#c0cec8}.receipt.read,.receipt.viewed{color:var(--read)}.compose{position:sticky;bottom:0;display:flex;padding:5px;background:#10201b;border-top:1px solid var(--line)}.compose input{min-width:0;flex:1;margin:0;padding:8px;background:#07100d;color:var(--text);border:1px solid var(--line)}.compose button{width:44px;border:0;background:var(--signal);color:white}.replying{position:sticky;bottom:45px;display:flex;justify-content:space-between;padding:5px 8px;background:#183128;border-top:1px solid var(--line);font-size:12px}.replying button{border:0;background:transparent;color:white}.menu-list,#group-form{padding:10px}.menu-list .action{margin-bottom:7px}.danger{margin-top:10px;border-color:var(--danger);color:#ffb7bb}.emoji-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.emoji{padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:20px}.receipt-list{padding-left:22px;color:var(--muted);font-size:12px}.setting-label{display:block;margin:8px 0;color:var(--muted);text-align:left}.choice-list{max-height:205px;overflow:auto;border:1px solid var(--line)}.check{display:inline-block;margin-right:6px}.qr{width:220px;max-width:100%;image-rendering:auto;background:#fff}.linking{padding:10px;text-align:center}#softkeys{position:fixed;bottom:0;width:min(320px,100%);height:30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 7px;background:#050a08;border-top:1px solid var(--line);font-size:12px;font-weight:700;text-transform:uppercase}#soft-center{text-align:center}#soft-right{text-align:right}
.preview>.receipt{float:right;margin-left:5px}
.receipt{display:inline-flex;align-items:center;gap:2px;color:#fff!important;font-weight:600}.receipt-icon{display:inline-grid;place-items:center;width:15px;height:15px;border:1.5px solid #fff;border-radius:50%;color:#fff;line-height:1}.receipt-icon>span{font-size:8px;letter-spacing:-3px;padding-right:2px}.receipt.read .receipt-icon,.receipt.viewed .receipt-icon{background:#fff;color:#2454a7}.system-message{max-width:90%;margin:9px auto;padding:4px 8px;border-radius:10px;background:#182a24;color:#b7c7c0;text-align:center;font-size:11px}.note-avatar{background:#3a76f0;font-size:19px}.section-label{margin:10px 0 4px;color:var(--muted);font-size:12px}.emoji-picker{padding:8px}.emoji-picker h3{margin:12px 2px 5px;color:var(--muted);font-size:13px}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.emoji-grid .emoji{min-width:0;padding:6px 2px}.emoji-picker .field{font-size:22px;text-align:center}
body{background:radial-gradient(circle at top,#17352b 0,#0b1713 38%)}header{height:44px;padding:11px 13px;background:linear-gradient(135deg,#15342a,#10201b 70%);border-bottom-color:#315349;box-shadow:0 2px 8px #0005;letter-spacing:.2px}.conversation-row{margin:3px 5px;width:calc(100% - 10px);border:1px solid transparent;border-radius:8px;background:linear-gradient(135deg,#162b24,#12231e)}.conversation-row:focus{border-color:#6c9fff;box-shadow:0 2px 8px #0006}.avatar{box-shadow:0 2px 7px #0007;border:1px solid #ffffff24}.bubble{box-shadow:0 2px 5px #0005}.menu-list{padding:8px 9px 14px}.menu-heading{margin:9px 6px 5px;color:#87a49a;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.menu-action{display:flex;align-items:center;gap:9px;min-height:43px;margin:0 0 5px!important;padding:7px 9px;border:1px solid #2c473e;border-radius:8px;background:linear-gradient(145deg,#1a3029,#13251f);box-shadow:0 2px 5px #0004;text-align:left}.menu-action>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:#28473c;color:#eaf4f0;font-size:16px;font-weight:700}.menu-value{padding:2px 6px;border-radius:10px;background:#29483e;color:#bad0c7;font-size:11px}.chevron{color:#91a9a0;font-size:20px}.menu-action:focus{background:linear-gradient(145deg,#315f9d,#244a7e);border-color:#8bb6ff}.menu-action:focus .menu-icon{background:#ffffff26}.primary{border-color:#5687dd;background:linear-gradient(135deg,#3778e8,#285eb8);font-weight:700}.setting-card{padding:9px;border:1px solid #2b493f;border-radius:8px;background:#13251f}.setting-card>span{display:block;color:#d6e3de;font-weight:650}.setting-card .field{margin-bottom:0;background:#0b1713}.receipt-details{margin-top:9px;padding:7px;border:1px solid #2b493f;border-radius:8px;background:#10201b}.receipt-details summary{color:#dbe7e2;font-size:12px;font-weight:700}.receipt-list{margin:6px 0 0;padding:0;list-style:none}.receipt-list li{display:flex;justify-content:space-between;gap:8px;padding:6px 3px;border-top:1px solid #294039}.receipt-list li strong{max-width:47%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9f2ee}.receipt-list li span{text-align:right;color:#9fb5ac}.emoji-row,.emoji-grid{padding:4px;border-radius:8px;background:#0d1c17}.emoji{border-radius:7px;box-shadow:0 1px 3px #0005}.compose{box-shadow:0 -3px 8px #0005}#softkeys{background:linear-gradient(#0b1512,#050a08);border-top-color:#315349;letter-spacing:.3px}
.date-separator{display:flex;align-items:center;gap:6px;margin:10px 0 6px;color:#91a79e;font-size:10px}.date-separator::before,.date-separator::after{content:"";height:1px;flex:1;background:#294039}.date-separator span{padding:2px 7px;border-radius:9px;background:#14251f}.unread-marker{display:flex;align-items:center;gap:6px;margin:9px 0;color:#8db6ff;font-size:10px;font-weight:700}.unread-marker::before,.unread-marker::after{content:"";height:1px;flex:1;background:#4d78c5}.load-older{display:block;margin:4px auto 10px;padding:5px 10px;border:1px solid #34594d;border-radius:12px;background:#14251f;color:#b9cbc4;font-size:11px}.search-form{padding:9px;background:#10201b}.search-result{position:relative;padding-right:58px}.search-result time{position:absolute;right:8px;top:9px;color:#83988f;font-size:9px}
.voice-label{display:block;margin:2px 0 4px;color:#d7e5df;font-size:11px;font-weight:700}.voice-note{display:block;width:100%;height:32px;margin:3px 0}.sticker{display:block;width:110px;max-width:100%;max-height:130px;object-fit:contain}.view-once{display:block;width:100%;padding:7px;border:1px solid #ffffff45;border-radius:7px;background:#ffffff10;color:#fff;text-align:left}.view-once.opened{color:#a9bbb4;font-style:italic}.text-bold{font-weight:800}.text-italic{font-style:italic}.text-strikethrough{text-decoration:line-through}.text-monospace{padding:0 2px;background:#07100d;font-family:monospace}.spoiler{border-radius:2px;background:#d6e0dc;color:#d6e0dc}.spoiler.revealed{background:#ffffff20;color:inherit}.recorder{display:flex;min-height:calc(100vh - 75px);padding:18px;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.record-dot{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#412025;color:#d55b64;font-size:30px}.record-dot.active{animation:record-pulse 1s infinite;background:#7c2630;color:#fff}.recorder>time{color:#b5c8c0;font-size:24px;font-variant-numeric:tabular-nums}.recorder .action{margin-top:4px}#record-preview{width:100%}@keyframes record-pulse{50%{transform:scale(.9);opacity:.7}}
.poll{display:block;margin:4px 0;padding:7px;border-radius:8px;background:#10201b}.poll>b{display:block;margin-bottom:6px}.poll-option{display:flex;width:100%;justify-content:space-between;gap:5px;margin:3px 0;padding:6px;border:1px solid #345348;border-radius:6px;background:#193029;color:#fff;text-align:left}.poll-option small{color:#9db4aa}.pinned-card{margin:12px;padding:12px;border:1px solid #385b50;border-radius:10px;background:linear-gradient(145deg,#1b342c,#12241e);box-shadow:0 4px 12px #0006}.pinned-card>strong,.pinned-card>time{display:block}.pinned-card>time{margin:6px 0 12px;color:#99aea6;font-size:10px}
.identity-card{padding:14px}.identity-card code{display:block;margin:10px 0;padding:10px;border:1px solid #35584c;border-radius:8px;background:#08110e;color:#e7f1ed;font:12px/1.7 monospace;overflow-wrap:anywhere}.member-card{display:flex;align-items:center;gap:5px;padding:7px;border-bottom:1px solid #294039;background:#14251f}.member-card>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.member-card small{color:#8fb0a4}.member-card button{padding:3px 5px;border:1px solid #684149;border-radius:4px;background:#321d21;color:#ffc1c5;font-size:10px}.invite-link{margin:5px 0 8px;padding:7px;border-radius:6px;background:#08110e;color:#a9beb6;font-size:10px;overflow-wrap:anywhere}
.text-mention{padding:0 2px;border-radius:3px;background:#3769b8;color:#fff;font-weight:700}.message-info{display:flex;justify-content:space-between;gap:6px;margin-bottom:8px;padding:6px;border-radius:7px;background:#0c1b16;color:#b8cbc3;font-size:10px}.status-card{display:flex;flex-direction:column;gap:3px}.status-card small{color:#d8959a;overflow-wrap:anywhere}
.contact-filter{position:sticky;top:44px;z-index:1;padding:4px 8px;background:#10201b}.contact-filter .field{margin:2px 0}
.identity-warning{padding:6px 9px;background:#5a3518;color:#ffe0a8;font-size:11px;text-align:center}

/* The linking view must fit completely inside a 240x320 CloudPhone viewport. */
.linking{display:flex;height:100%;min-height:0;padding:5px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}
.linking h2{flex:0 0 auto;margin:0 0 3px;font-size:17px;line-height:20px}
.linking .qr{display:block;width:204px;height:204px;max-width:calc(100% - 8px);max-height:calc(100% - 52px);object-fit:contain}
.linking #link-status{flex:0 0 auto;margin:4px 0 0;font-size:12px;line-height:16px}
.room-typing{position:sticky;bottom:45px;z-index:1;width:max-content;margin:0 0 3px 10px;padding:6px 9px;border-radius:14px;background:#233a32;box-shadow:0 2px 5px #0006}
.room-typing span{display:inline-block;width:5px;height:5px;margin:0 1px;border-radius:50%;background:#c5d7d0;animation:typing-dot .9s infinite ease-in-out}
.room-typing span:nth-child(2){animation-delay:.15s}.room-typing span:nth-child(3){animation-delay:.3s}
@keyframes typing-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.image-viewer{display:grid;width:100%;height:100%;padding:4px;place-items:center;background:#000}
.image-viewer img{display:block;width:100%;height:100%;object-fit:contain}