*{box-sizing:border-box}body{color:#1f2937;background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.app-shell{background:#fff;flex-direction:column;max-width:860px;min-height:100vh;margin:0 auto;display:flex}.top-bar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}.top-bar h1{color:#3390ec;margin:0;font-size:19px}.menu-dots-btn{color:#6b7280;background:0 0;border-radius:18px;width:36px;height:36px;padding:0;font-size:24px;line-height:1}.page-content{flex:1;padding:0}.page h2{margin-top:0}.list{gap:10px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:6px;padding:12px;display:grid}.form{gap:10px}label{gap:6px;display:grid}input,button{font:inherit}input{border:1px solid #d1d5db;border-radius:8px;padding:10px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 12px}button:disabled{opacity:.7;cursor:default}.send-form{grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid}.topics-page{background:#fff;padding:8px 0 0}.topics-list{gap:0;padding:0 0 10px;display:grid}.topics-search-wrap{padding:0 10px 8px}.topics-search-input{background:#f1f1f1;border:0;border-radius:12px;width:100%;padding:9px 12px}.topic-tabs-row{scrollbar-width:none;gap:8px;padding:4px 10px 8px;display:flex;overflow-x:auto}.topic-tabs-row::-webkit-scrollbar{display:none}.topic-pill{white-space:nowrap;color:#5f6368;background:#e8e8e8;border-radius:16px;padding:6px 12px}.topic-pill.active{color:#3390ec;background:#d9ecfc;border:1px solid #3390ec}.chat-row{border-bottom:1px solid #eef1f4;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.chat-row.flat{border-bottom:1px solid #eef1f4}.chat-row:last-child{border-bottom:0}.chat-avatar{color:#fff;background:#5c9ce6;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.chat-main{gap:4px;min-width:0;display:grid}.chat-main strong{font-size:18px;line-height:1.15}.chat-main span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.chat-row-side{align-content:start;justify-items:end;gap:6px;display:grid}.chat-date{color:#8b929a;font-size:13px}.chat-unread{color:#fff;background:#3390ec;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:grid}.bottom-nav{background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr 1fr;display:grid;position:sticky;bottom:0}.bottom-nav a{text-align:center;color:#6b7280;padding:10px 8px 12px;font-size:14px}.bottom-nav a.active{color:#2563eb;font-weight:700}.error-text{color:#b91c1c}.reply-banner,.file-banner{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px;display:flex}.reply-preview{text-align:left;width:100%;color:inherit;background:#f8fafc;border:0;border-left:3px solid #60a5fa;padding-left:8px}.chat-list{gap:8px;padding:0 10px 120px;display:grid}.chat-scroll{height:calc(100vh - 170px);overflow-y:auto}.chat-page{background:#f2f4f7;min-height:100vh;padding:0 0 8px}.chat-header{justify-content:space-between;align-items:baseline;padding:0 12px 8px;display:flex}.chat-header.mobile{background:#fff;border-bottom:1px solid #e7eaee;justify-content:flex-start;align-items:center;gap:8px;padding:10px 8px}.chat-header h2{color:#1f2937;margin:0;font-size:18px;line-height:1.1}.chat-id{color:#94a3b8;font-size:12px}.back-btn{color:#3390ec;background:0 0;border-radius:18px;width:36px;height:36px;padding:0;font-size:28px;line-height:1}.message-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:3px;max-width:74%;padding:8px 10px;display:grid;box-shadow:0 1px #00000008}.message-select-hit{all:unset;cursor:pointer;gap:3px;width:100%;display:grid}.message-select-hit.selected{border-radius:10px;outline:2px solid #7cb4f2}.message-bubble.own{background:#eaf4ff;border-color:#bcd8f5;margin-left:auto}.unread-separator{text-align:center;color:#4b5563;background:#e5e7eb;border-radius:10px;width:fit-content;margin:6px auto;padding:4px 8px;font-size:12px}.date-separator{text-align:center;color:#64748b;background:#eef2f7;border-radius:10px;width:fit-content;margin:6px auto;padding:3px 8px;font-size:12px}.message-bubble small{color:#6b7280}.chat-send-form{padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e7eb;gap:6px;margin-top:0;display:grid;position:sticky;bottom:0}.chat-textarea{resize:none;background:#f1f3f6;border:0;border-radius:18px;flex:1;min-height:38px;max-height:120px;padding:10px 14px}.chat-send-row{align-items:center;gap:8px;display:flex}.chat-send-row.tg{align-items:flex-end}.file-input{display:none}.file-input-label{color:#4a7ec2;cursor:pointer;background:#e9eff7;border:0;border-radius:19px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:20px;display:flex}.picked-file-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12px;overflow:hidden}.send-round-btn{color:#fff;background:#9ec4f3;border-radius:20px;width:40px;height:40px;padding:0;font-size:20px}.chat-send-meta{min-height:16px;padding-left:46px}.reply-link-btn{color:#4b78b3;background:0 0;border:0;justify-self:start;padding:0;font-size:12px}.selection-banner{background:#eef4fc;border:1px solid #d7e6f8;border-radius:10px;align-items:center;gap:8px;margin:6px 10px;padding:8px 10px;display:flex}.selection-banner button{color:#1d4ed8;background:#dbeafe;padding:6px 10px;font-size:12px}.older-wrap{padding:6px 10px}.older-btn{color:#60758f;background:#e9eef5;border:0;border-radius:12px;padding:4px 10px;font-size:12px}.unread-fab{color:#fff;background:#3390ec;border-radius:18px;padding:8px 12px;font-size:13px;position:fixed;bottom:86px;right:14px;box-shadow:0 4px 10px #00000026}.profile-page{padding:16px 10px 10px}.profile-card{border-radius:12px}