.com-screen{padding:20px 18px 32px;max-width:800px;margin:auto;width:100%;box-sizing:border-box}
.com-push{padding-bottom:0}.com-push h2{font-size:1rem}.com-push button[hidden]{display:none}
.com-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.com-heading h2,.com-original h2{font-size:1.2rem;margin:0 0 8px}
.com-note{font-size:.87rem;opacity:.8;line-height:1.5}
.com-card{display:block;width:100%;text-align:left;background:var(--surface,#fff);color:inherit;border:1px solid #9aafbb55;border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;font:inherit}
.com-card.com-unread{border-left:4px solid #007fae}
.com-card small,.com-bubble small,.com-original small{display:block;font-size:.75rem;opacity:.75;margin-top:5px}
.com-excerpt{font-size:.9rem;line-height:1.4;margin:6px 0;overflow-wrap:anywhere}
.com-badge{font-size:.67rem;background:#007fae;color:white;border-radius:12px;padding:3px 7px;white-space:nowrap}
.snpill .com-badge:empty{display:none}.snpill .com-badge{margin-left:3px}
.com-button{font:inherit;font-size:.85rem;border:1px solid #709bad88;background:transparent;color:inherit;border-radius:10px;padding:9px 12px;cursor:pointer;min-height:40px}
.com-button:disabled{opacity:.5;cursor:wait}.com-primary{background:#006990;color:#fff;border:0}
.com-original{padding:18px 0;border-bottom:1px solid #9aafbb55;margin-bottom:18px}
.com-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:.95rem}
.com-bubble{border-radius:14px;background:#819eaf18;padding:14px;margin:12px 0;max-width:95%}.com-own{margin-left:auto;background:#0489b81c}
.com-reply{display:grid;gap:12px;margin-top:20px}.com-reply textarea{box-sizing:border-box;width:100%;font:inherit;background:transparent;color:inherit;border:1px solid #829ba9;border-radius:12px;padding:12px;resize:vertical;font-size:16px}.com-reply button{justify-self:start}

.com-card{position:relative;padding-left:68px;min-height:108px;border-left:3px solid var(--bdr);}
.com-card.com-unread{border-left-color:var(--blue-mid);}
.com-card-icon{position:absolute;top:18px;left:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--s2);font-size:21px;}
.com-kind{color:var(--blue-mid);font-size:12px;font-weight:700;letter-spacing:.03em;margin-bottom:14px;}