:root{font-family:Inter,system-ui,sans-serif;color:#241b20;background:#f7f2f4;--accent:#7b3154}
*{box-sizing:border-box}body{margin:0;padding:20px 16px 90px}main{max-width:680px;margin:auto}.card{background:#fff;border-radius:22px;padding:22px;margin:0 0 16px;box-shadow:0 8px 30px #49213b12}h1,h2{margin:0 0 12px}p{line-height:1.5}.muted{color:#776b72}.pill{display:inline-block;background:#f3e5ec;border-radius:999px;padding:6px 10px;margin:3px;font-size:13px}.actions{display:flex;gap:10px;margin-top:18px}button{border:0;border-radius:14px;padding:13px 16px;background:#eee7eb;font-weight:650;color:#38252f}button.primary{background:var(--accent);color:white}input,textarea,select{width:100%;padding:12px;border:1px solid #ded3d8;border-radius:12px;margin:5px 0 12px;font:inherit}label{font-size:13px;color:#685a62}nav{position:fixed;bottom:0;left:0;right:0;padding:10px max(16px,calc((100% - 680px)/2));display:flex;gap:8px;background:#fff;box-shadow:0 -4px 20px #0001}nav button{flex:1;font-size:12px}.message{padding:10px 12px;border-radius:14px;background:#eee7eb;margin:6px 18% 6px 0}.mine{background:#ead3df;margin-left:18%;margin-right:0}.danger{color:#a21f34}.level{border-left:4px solid var(--accent);padding-left:12px}
.profile-photo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;margin-bottom:16px;background:#eee7eb}
.generated-avatar{width:100%;aspect-ratio:4/5;border-radius:16px;margin-bottom:16px;display:grid;place-items:center;background:linear-gradient(145deg,#7b3154,#d28aa7);color:#fff;font-size:72px;font-weight:750;text-transform:uppercase}
.chat-list{background:#fff;border-radius:22px;overflow:hidden}.chat-row{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #eee7eb;cursor:pointer}.chat-row:last-child{border-bottom:0}.avatar-small{width:58px;height:58px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#7b3154,#d28aa7);color:#fff;font-size:24px;font-weight:750;flex:0 0 auto}.chat-main{min-width:0;flex:1}.chat-top{display:flex;justify-content:space-between;gap:10px}.chat-name{font-weight:750}.chat-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#776b72;margin-top:5px}.unread,.nav-badge{background:var(--accent);color:#fff;border-radius:999px;min-width:22px;height:22px;padding:2px 7px;display:inline-grid;place-items:center;font-size:12px}.nav-badge{min-width:18px;height:18px;padding:1px 5px;margin-left:3px}.nav-badge[hidden]{display:none}.ticks,.message-meta{font-weight:700}.sent{color:#2684d8}.read{color:#35a868}.pending{color:#8d7d85}.chat-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.chat-header .avatar-small{width:46px;height:46px}.chat-header button{margin-left:auto;padding:9px 12px}.messages{min-height:45vh;max-height:62vh;overflow:auto;padding:4px}.message-meta{font-size:11px;text-align:right;margin-top:3px}.composer{display:flex;gap:8px;position:sticky;bottom:72px;background:#fff;padding-top:10px}.composer textarea{margin:0;min-height:48px;max-height:120px}.composer button{flex:0 0 auto}.privacy-note{background:#f3e5ec;border-radius:16px;padding:14px;line-height:1.45}
.filter-panel{background:#fff;border-radius:18px;padding:0 16px;margin-bottom:16px;box-shadow:0 8px 30px #49213b12}.filter-panel summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:750;display:flex;justify-content:space-between}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary span{color:var(--accent);font-size:13px}.filter-panel form{border-top:1px solid #eee7eb;padding:14px 0 16px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:9px;margin:4px 0 14px;font-size:15px}.check input{width:auto;margin:0}.online-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#36b76b;vertical-align:middle}.filter-panel button{width:100%}
.demo-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#eee7eb;color:#776b72;font-size:10px;text-transform:uppercase;vertical-align:middle}