:root{--fg: #000;--bg: #fff;--line: #000;--out: #004c8c;--tick-read: #1466c0;--hdr-h: 52px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 19px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:480px;margin:0 auto;min-height:100vh}a{color:inherit;text-decoration:none}.hdr{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:var(--hdr-h);padding:0 8px;background:var(--bg);border-bottom:2px solid var(--line)}.hdr-title{font-size:21px;font-weight:700;text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-btn{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;font-size:26px;background:none;border:none;color:inherit;cursor:pointer}.row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--line)}.tile .label{flex:1;font-size:20px}.tile.unread .label{font-weight:700}.tile.muted .label{font-weight:400}.count{font-weight:700;font-size:19px;min-width:32px;text-align:right}.tile-right{display:flex;align-items:center;gap:8px}.mute-ico{font-size:17px;flex-shrink:0}.sep{height:10px;background:var(--bg);border-bottom:2px solid var(--line)}.chat-main{flex:1;min-width:0}.chat-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chat-name{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-name.unread{font-weight:700}.time{font-size:15px;flex-shrink:0}.snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;margin-top:2px}.chat-unread{flex-shrink:0;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:var(--fg);color:var(--bg);font-size:15px;font-weight:700;line-height:24px;text-align:center}.chat-unread.muted{background:#777}.chat.kbd .chat-unread{background:var(--bg);color:var(--fg)}.convo{padding:10px 12px 112px}.msg{max-width:85%;margin:8px 0;padding:2px 0;font-size:19px;line-height:1.45;word-wrap:break-word}.msg.in{text-align:left;margin-right:auto}.msg.out{text-align:right;margin-left:auto;color:var(--out)}.msg .text{display:inline}.sender{display:block;font-size:15px;font-weight:700;opacity:.8}.msg-media{display:block;max-width:100%;max-height:280px;height:auto;border:1px solid var(--line);border-radius:6px}.msg-media.sticker{max-width:128px;max-height:128px;border:none}.msg.out .msg-media{margin-left:auto}.msg-audio{width:220px;max-width:100%;height:40px}.msg-doc{display:inline-block;padding:8px 10px;border:2px solid var(--line);font-size:17px}.media-cap{display:block;margin-top:4px}.media-gone{opacity:.6;font-style:italic}.msgtime{display:none;font-size:14px;margin-left:8px;opacity:.85}.msg.show-time .msgtime{display:inline}.tick{font-size:14px;margin-left:4px}.tick.read{color:var(--tick-read)}.composer{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;padding:8px 10px;background:var(--bg);border-top:2px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.msg-input{flex:1;min-width:0;min-height:44px;padding:8px 10px;font-size:18px;color:var(--fg);background:var(--bg);border:2px solid var(--line)}.comp-btn{flex-shrink:0;min-width:48px;height:44px;font-size:22px;color:var(--fg);background:var(--bg);border:2px solid var(--line);cursor:pointer}.comp-btn.kbd,.mic-btn.recording{background:#000;color:#fff}.cancel-btn{font-weight:700}.reply-bar{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 6px;font-size:14px;border-bottom:1px solid var(--line)}.reply-bar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel{flex-shrink:0;background:none;border:none;color:inherit;font-size:18px;cursor:pointer}.reply-quote{display:block;font-size:14px;opacity:.7;border-left:2px solid currentColor;padding-left:6px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-preview{font-size:16px;padding:8px 10px;border:1px solid var(--line);margin-bottom:10px;max-height:4.5em;overflow:hidden}.msg.kbd{outline:3px solid #000;outline-offset:1px}.comp-status{flex-basis:100%;min-height:16px;font-size:14px;text-align:center}.peek-note{font-size:15px;text-align:center;padding:6px 4px;margin-bottom:6px;border-bottom:1px dashed var(--line)}.msg.failed .text{text-decoration:line-through;opacity:.6}.pad{padding:16px}.field-label{display:block;font-size:17px;font-weight:700;margin-bottom:6px}.field{width:100%;min-height:48px;padding:10px 12px;font-size:19px;color:var(--fg);background:var(--bg);border:2px solid var(--line)}.hint{font-size:15px;margin:8px 0 20px}.hint code{font-size:14px}.btn{display:block;width:100%;min-height:48px;margin:10px 0;padding:10px;font-size:19px;color:var(--fg);background:var(--bg);border:2px solid var(--line);cursor:pointer}.btn.primary{color:var(--bg);background:var(--fg)}.btn.muteopt{text-align:left}.menu-label{font-weight:700;font-size:16px;margin:16px 0 8px}.btn.current{font-weight:700}.hintbar{font-size:15px;padding-top:14px}.kbd{outline:3px solid #000;outline-offset:-3px}.tile.kbd,.chat.kbd,.btn.kbd,a.hdr-btn.kbd{background:#000;color:#fff}.btn.primary.kbd{outline-color:#fff}.muted-note{font-size:17px}.err{font-size:18px}.link-msg{font-size:18px;line-height:1.45;margin:8px 0}.link-ok{font-size:56px;text-align:center;margin:12px 0 4px}.qr-img{display:block;width:100%;max-width:260px;height:auto;margin:14px auto;padding:8px;background:#fff;border:2px solid var(--line);image-rendering:pixelated}.link-banner{display:block;padding:12px 16px;background:#000;color:#fff;font-size:16px;font-weight:700;text-align:center;border-bottom:2px solid var(--line)}.link-banner.kbd{outline:3px solid #000;outline-offset:-6px}