@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";.profile-block-menu{position:relative;flex:0 0 auto;align-self:flex-end;margin-left:auto;margin-bottom:8px}.profile-identity-details-with-menu .profile-username{overflow-wrap:anywhere}.profile-block-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:6;width:180px;max-width:calc(100vw - 52px);padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 10px 30px #25233a15}.profile-block-popover>button{width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font-size:12px}.profile-block-popover>button:hover:not(:disabled){background:var(--purple-soft)}.profile-block-error{margin:4px 6px;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.post-options-menu{position:relative;display:flex;flex:0 0 auto;margin-left:auto}.profile-action-area{margin:12px 0 0 126px;max-width:100%}.profile-action-buttons{display:flex;flex-wrap:wrap;gap:9px}.profile-action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:110px;border:1px solid var(--purple);border-radius:10px;padding:9px 15px;font-size:12px;font-weight:800}.profile-follow-button{background:var(--purple);color:#fff}.profile-follow-button:hover{background:var(--purple-dark)}.profile-follow-button.is-following,.profile-message-button{background:var(--purple-soft);color:var(--purple)}.profile-message-button:hover{background:#e7e0ff}.profile-action-error{font-size:12px;color:#b42345;line-height:1.6;margin:9px 0 0;max-width:360px;overflow-wrap:anywhere}@media(max-width:600px){.profile-action-area{margin-left:0}.profile-action-button{min-width:0;flex:1 1 100px;padding:9px 11px}.profile-action-buttons{gap:8px}}.profile-avatar-image{border-radius:inherit;display:block;width:100%;height:100%;object-fit:cover}.profile-avatar-fill{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;overflow:hidden}.profile-photo-preview{background:var(--card,#fff);border-radius:18px;padding:22px;width:min(100%,520px);max-height:90vh;overflow:auto}.profile-photo-preview h2{font-size:20px;margin:0 0 16px}.profile-photo-preview-image{display:block;max-width:100%;width:100%;max-height:52vh;object-fit:cover;border-radius:12px;aspect-ratio:2.5}.profile-photo-preview-image.is-avatar{width:min(260px,100%);aspect-ratio:1;border-radius:50%;margin:auto}.profile-photo-preview-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.profile-photo-remove-controls{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.profile-photo-remove-controls button{border:0;background:transparent;color:var(--purple);font-size:12px;padding:4px 0}.profile-photo-status{margin-top:12px;font-size:12px}.messages-mini-avatar .profile-avatar-image{border-radius:50%}.messages-bubble-row.mine>.messages-mini-avatar{order:2}.suggestion-avatar .profile-avatar-image{border-radius:12px}.suggestion-profile-button{border:0;padding:0;text-align:left;cursor:pointer}.suggestion-info .suggestion-profile-button{background:transparent;color:inherit;font:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-info .suggestion-profile-button:hover{color:var(--purple);text-decoration:underline}.suggestion-profile-button:focus-visible{outline:3px solid #b8a8ff;outline-offset:2px;border-radius:4px}.admin-dashboard{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:20px;min-width:0}.admin-dashboard h1{font-size:24px}.admin-dashboard h2{font-size:17px}.admin-tabs,.admin-filters,.admin-row-actions,.admin-pagination{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.admin-tabs button,.admin-pagination button{border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:var(--purple-soft);color:var(--purple);font-size:12px}.admin-tabs button[aria-pressed=true]{background:var(--purple);color:#fff}.admin-filters input{flex:1;min-width:120px}.admin-filters input,.admin-filters select,.admin-form input:not([type=checkbox]),.admin-form textarea,.admin-form select,.admin-report-dialog textarea,.admin-report-dialog select{border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit;max-width:100%;width:100%}.admin-filters select{width:auto}.admin-form,.admin-report-dialog form{display:grid;gap:12px}.admin-form{padding:16px;background:#f8f6ff;border-radius:12px;margin:16px 0}.admin-form label,.admin-report-dialog label{display:grid;gap:7px;font-size:12px}.admin-permissions{display:flex;flex-wrap:wrap;gap:10px}.admin-permissions label{display:flex;align-items:center}.admin-records{display:grid;gap:12px}.admin-records article header{display:flex;gap:12px;justify-content:space-between}.admin-records time{font-size:11px;color:var(--muted)}.admin-uuid{font-size:11px;overflow-wrap:anywhere}.admin-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-statistics article{padding:16px;background:var(--purple-soft);border-radius:12px;display:grid;gap:6px}.admin-statistics strong{font-size:24px;color:var(--purple)}.admin-statistics span{font-size:12px}.admin-report-dialog{width:min(100%,440px);max-height:90vh;overflow:auto;padding:24px;background:#fff;border-radius:18px}.admin-report-dialog>.comment-action{margin-top:15px}.admin-reported-image{max-width:100%;max-height:360px;object-fit:contain}.admin-evidence{margin-top:18px}.admin-account-notice{position:sticky;top:0;background:#fff1d6;color:#74430c;padding:10px 18px;z-index:9;font-size:13px}.admin-account-notice button{border:0;background:transparent;text-decoration:underline;color:inherit}.safety-report-button{margin-left:6px;font-size:11px}.admin-pagination{align-items:center;font-size:12px}@media(max-width:600px){.admin-dashboard{padding:14px}.admin-tabs{gap:6px}.admin-form{padding:12px}}.admin-dashboard{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh;width:100%;border:0;border-radius:0;padding:0;background:#f7f7fb}.admin-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #e8e3f4;padding:32px 18px;display:flex;flex-direction:column;overflow:auto}.admin-brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:var(--purple);padding:0 14px 25px}.admin-brand span{display:block;font-size:9px;letter-spacing:2px;color:#888196;margin-top:8px}.admin-tabs{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;margin:0}.admin-tabs button{border:0;background:transparent;text-align:left;padding:13px 15px;font-size:13px;color:#625b75;border-radius:10px;font-weight:600}.admin-tabs button:hover{background:var(--purple-soft)}.admin-tabs button[aria-pressed=true]{background:var(--purple-soft);color:var(--purple);box-shadow:inset 3px 0 var(--purple)}.admin-back{margin-top:auto;padding:20px 12px 0;text-align:left;background:transparent;border:0;color:#74658e;font-size:12px}.admin-workspace{padding:38px clamp(18px,4vw,64px);min-width:0}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.admin-page-header h1{font-size:30px;letter-spacing:-1px;margin:5px 0 9px}.admin-eyebrow{font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:800;margin:0}.admin-page-header .muted{font-size:12px}.admin-secure-badge{padding:9px 13px;background:#eee9ff;color:#6847cf;border-radius:20px;font-size:11px;white-space:nowrap}.admin-capability-note{padding:14px 18px;border:1px solid #e5def6;border-radius:12px;background:#f1edfc;color:#665783;font-size:12px;line-height:1.7}.admin-filters{padding:16px;background:#fff;border:1px solid #ebe7f2;border-radius:14px;margin:22px 0}.admin-filters input{width:auto}.admin-content-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:20px}.admin-content-card{background:#fff;border:1px solid #e7e2f0;border-radius:16px;padding:20px;min-width:0;box-shadow:0 4px 16px #3d245205}.admin-author{display:flex;gap:10px;align-items:center;min-width:0}.admin-author>div{display:grid;gap:5px;min-width:0}.admin-author strong{font-size:13px;overflow-wrap:anywhere}.admin-author span:not(.admin-avatar){font-size:10px;color:#7c758e}.admin-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:700}.admin-avatar img{width:100%;height:100%;object-fit:cover}.admin-content-badges{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.admin-content-badges span{font-size:10px;border-radius:6px;padding:5px 8px;background:#f2eff9;color:#6b5b86}.admin-content-card .post-content{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.admin-post-image{width:100%;max-height:300px;object-fit:contain;background:#f7f5fb;border-radius:10px}.admin-content-card footer{display:grid;gap:5px;border-top:1px solid #efecf5;padding-top:14px;margin-top:18px;color:#81788f;font-size:11px}.admin-menu{position:relative;flex-shrink:0}.admin-menu-trigger{background:#f5f2fb;border:1px solid #ece7f4;border-radius:9px;min-width:40px;min-height:38px;color:var(--purple);font-size:17px;letter-spacing:1px}.admin-menu-options{position:absolute;right:0;top:44px;width:230px;max-width:calc(100vw - 60px);z-index:10;background:#fff;border:1px solid #e6dff2;border-radius:12px;padding:6px;box-shadow:0 12px 40px #2d1a4c26}.admin-menu-options button{display:block;text-align:left;width:100%;border:0;background:#fff;padding:11px;border-radius:7px;font-size:12px;color:#554364}.admin-menu-options button:hover:not(:disabled){background:var(--purple-soft);color:var(--purple)}.admin-statistics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.admin-statistics article{background:#fff;border:1px solid #e8e1f4;padding:25px}.admin-statistics strong{font-size:32px}.admin-preview-dialog,.admin-confirm-dialog{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #e8e0f4;border-radius:18px;padding:24px;color:var(--ink)}.admin-preview-dialog::backdrop,.admin-confirm-dialog::backdrop{background:#21133580}.admin-confirm-dialog .admin-form{margin:0}.admin-pagination{justify-content:flex-end;margin-top:26px}.admin-comment-context{display:grid;gap:10px;margin:16px 0}.admin-context-block{padding:12px;border:1px solid #e8e1f2;border-left:3px solid var(--purple);border-radius:9px;background:#faf8ff;min-width:0}.admin-context-block h3,.admin-context-label{margin:0 0 8px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#75618f}.admin-context-block strong{font-size:12px}.admin-context-block p{font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;margin:7px 0}.admin-context-block a{font-size:12px;color:var(--purple);font-weight:700;text-decoration:underline}.admin-context-preview{display:flow-root}.admin-context-preview img{float:right;width:68px;height:68px;object-fit:cover;border-radius:7px;margin:8px 0 8px 12px}.admin-context-label{margin-top:18px}.admin-query-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:0 0 22px}.admin-query-controls label{display:grid;gap:6px;font-size:11px;color:#6b5b86}.admin-query-controls select,.admin-query-controls input{padding:9px 11px;border:1px solid #e5def0;border-radius:9px;background:#fff;font:inherit;max-width:100%}.admin-query-controls>span{padding-bottom:10px;max-width:360px}@media(min-width:1600px){.admin-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.admin-dashboard{grid-template-columns:1fr;padding:0}.admin-sidebar{height:auto;position:static;padding:20px 16px;border-right:0;border-bottom:1px solid #e6dff2}.admin-brand{padding:0 6px 18px}.admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.admin-tabs button{padding:10px;font-size:12px}.admin-back{padding:15px 10px 0}.admin-workspace{padding:24px 16px}.admin-page-header{align-items:flex-start}.admin-page-header h1{font-size:26px}.admin-secure-badge{display:none}.admin-content-grid{grid-template-columns:minmax(0,1fr)}.admin-content-card{padding:16px}.admin-filters{gap:12px}.admin-filters input{flex-basis:100%}}.post-delete-backdrop{overflow-y:auto}.post-delete-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.post-delete-dialog>#delete-post-description{color:var(--muted);font-size:12px;line-height:1.7}.post-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.post-delete-actions .icon-button{font-size:12px}.post-delete-dialog>label{display:grid;gap:8px;font-size:12px;margin-top:14px}.post-delete-dialog textarea{width:100%;min-height:85px;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;resize:vertical}.messaging-controls{background:#fff;border:1px solid #e5e9e3;border-radius:14px;padding:16px;margin-bottom:16px}.messaging-controls>input{border:1px solid #dfe5dc;border-radius:8px;padding:9px;max-width:100%;margin:6px}.messaging-people{display:flex;flex-wrap:wrap;gap:12px;max-height:180px;overflow:auto;padding:12px 0}.messaging-people label{display:flex;gap:5px;align-items:center;font-size:13px}.messaging-member{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}.messaging-member .comment-action{margin-left:9px}.message-photo{display:block;max-width:100%;max-height:280px;border-radius:10px;object-fit:contain}.messages-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-sender{display:block;font-size:12px;margin-bottom:5px}.message-compose-status{padding:0 18px 8px;margin:0}.messages-bubbles{overflow-anchor:auto}.messages-bubble-wrap{min-width:0;max-width:85%}.messages-heading button{flex-shrink:0}.post-edit-backdrop{overflow-y:auto}.post-edit-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.post-edit-dialog .composer-form{display:block;margin-top:16px}.post-edit-dialog textarea{min-height:110px}.post-edit-dialog .composer-tools{flex-wrap:wrap}.post-edit-dialog .composer-attach{flex-basis:100%}.post-edit-dialog .post-edit-cancel{margin-top:12px;margin-left:auto;font-size:12px}.profile-post-edit-options{display:flex;justify-content:flex-end}.comment-replies,.comment-reply-form{margin-inline-start:28px;min-width:0}.comment-body{flex:1;min-width:0}.comment-body>p{overflow-wrap:anywhere}.comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:3px;padding-inline:10px}.comment-action{border:0;background:transparent;padding:0;color:var(--muted);font:inherit;font-size:11px;font-weight:600;line-height:1.6;text-align:start}.comment-action:hover{background:transparent;color:var(--purple);text-decoration:underline}.comment-replies .comment{min-width:0}.comment-replies .post-content{min-width:0;overflow-wrap:anywhere}.reply-recovery{flex-wrap:wrap}@media(max-width:480px){.comment-replies,.comment-reply-form{margin-inline-start:16px}}.moderation-list,.moderation-detail{display:grid;gap:14px;margin-top:14px}.moderation-page h3{font-size:13px;margin:0}.moderation-page .muted,.moderation-dialog .muted{font-size:12px;line-height:1.7}.moderation-filters,.moderation-actions{display:flex;flex-wrap:wrap;gap:10px}.moderation-filters .icon-button,.moderation-actions .icon-button{font-size:12px}.moderation-backdrop{overflow-y:auto}.moderation-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.moderation-dialog>p{color:var(--muted);font-size:12px;line-height:1.7}.moderation-dialog .moderation-actions{justify-content:flex-end;margin-top:18px}.notifications-card{background:var(--card,#fff);border:1px solid var(--border,#e8e9e5);border-radius:18px;padding:20px}.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.notifications-heading h2{font-size:20px;margin:0}.notification-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border,#e8e9e5);padding:14px 8px}.notification-unread{background:#f2f8f1;border-radius:10px}.notification-open{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0;text-align:left;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.notification-open time{display:block;font-size:12px;color:#758077;margin-top:5px}.notification-controls{display:flex;align-items:center}.notification-status{font-size:11px;color:#3d7343;display:block;margin-top:3px}.notification-badge{background:#48744c;color:#fff;border-radius:12px;min-width:21px;padding:2px 6px;font-size:11px;margin-left:auto}.notifications-card>.form-error{padding:10px}.notification-open:focus-visible{outline:2px solid #48744c;outline-offset:3px}.pawbuddy-topnav{position:sticky;top:0;z-index:18;background:#fff;border-bottom:1px solid #eee9f7;box-shadow:0 3px 18px #35234f08}.topnav-inner{height:76px;max-width:1510px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.topnav-brand{display:inline-flex;align-items:center;gap:10px;color:var(--purple);font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.8px}.topnav-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--purple);color:#fff;box-shadow:0 5px 15px #7657e830}.topnav-actions{display:flex;gap:14px;align-items:center}.topnav-anchor{position:relative}.topnav-icon{position:relative;width:44px;height:44px;border:0;border-radius:14px;display:grid;place-items:center;background:#f6f3fc;color:#74648c;transition:background .18s,color .18s}.topnav-icon:hover,.topnav-icon.is-open{background:var(--purple-soft);color:var(--purple)}.topnav-badge{position:absolute;top:-4px;right:-5px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border:2px solid white;border-radius:20px;background:var(--purple);color:#fff;font-size:9px;font-weight:800}.topnav-account{border:0;background:transparent;border-left:1px solid #eee8f6;padding:3px 0 3px 20px;display:flex;align-items:center;gap:10px;color:#50445f;border-radius:0 12px 12px 0}.topnav-account:hover{color:var(--purple)}.topnav-account .avatar{width:40px;height:40px;font-size:15px}.topnav-name{font-size:13px;font-weight:700;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-account svg:last-child{transition:transform .18s}.topnav-chevron-open{transform:rotate(180deg)}.topnav-dropdown{position:absolute;right:0;top:calc(100% + 17px);width:370px;max-width:calc(100vw - 24px);border:1px solid #eae3f4;border-radius:18px;background:#fff;box-shadow:0 16px 50px #38225024;overflow:hidden;animation:topnav-appear .16s ease-out}.topnav-dropdown h2{font-family:Manrope,sans-serif;font-size:17px;padding:20px;margin:0;border-bottom:1px solid #f0ecf6}.topnav-list{max-height:min(440px,calc(100dvh - 230px));overflow:auto;overscroll-behavior:contain}.topnav-list>p,.topnav-dropdown>p{font-size:12px;line-height:1.6;color:#786787;margin:0;padding:18px}.topnav-list>p button{border:0;background:transparent;color:var(--purple);text-decoration:underline}.topnav-item{display:flex;align-items:center;gap:12px;width:100%;padding:15px 18px;background:#fff;border:0;border-bottom:1px solid #f5f2f8;text-align:left;color:var(--ink);transition:background .15s}.topnav-item:hover{background:#faf7ff}.topnav-item .avatar{width:38px;height:38px;font-size:14px}.topnav-item-copy{display:grid;gap:5px;min-width:0;flex:1;font-size:12px;line-height:1.5}.topnav-item-copy>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.topnav-item-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-item-copy time{font-size:10px;color:#92869e}.topnav-unread{flex:0 0 7px;height:7px;border-radius:50%;background:var(--purple)}.topnav-view-all{padding:16px;width:100%;border:0;background:#faf8ff;color:var(--purple);font-size:12px;font-weight:800;border-top:1px solid #eee7f8}.topnav-view-all:hover{background:var(--purple-soft)}.topnav-account-dropdown{width:280px;padding:8px}.topnav-account-summary{display:flex;gap:11px;align-items:center;padding:13px 9px 18px;border-bottom:1px solid #eee8f6;margin-bottom:6px}.topnav-account-summary>div{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.topnav-account-summary strong{font-size:13px}.topnav-account-summary span:not(.avatar){font-size:11px;color:#8c7c9d}.topnav-account-link{display:flex;align-items:center;gap:11px;width:100%;border:0;background:#fff;border-radius:10px;padding:12px;color:#665276;font-size:12px;text-align:left}.topnav-account-link:hover{background:var(--purple-soft);color:var(--purple)}.topnav-logout{color:#a44f6b}.pawbuddy-with-topnav .left-sidebar,.pawbuddy-with-topnav .right-sidebar{top:76px;height:calc(100vh - 76px)}.mobile-sidebar-toggle{display:none}html{scroll-padding-top:90px}@keyframes topnav-appear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:761px){.pawbuddy-with-topnav .admin-sidebar{top:76px;height:calc(100vh - 76px)}.pawbuddy-with-topnav .admin-dashboard{min-height:calc(100vh - 76px)}}@media(max-width:760px){.topnav-inner{padding:0 16px;gap:8px;height:72px}.topnav-brand{font-size:20px;gap:7px}.topnav-logo{width:35px;height:35px;border-radius:12px}.topnav-actions{gap:8px}.topnav-icon{width:38px;height:38px;border-radius:12px}.topnav-account{padding-left:10px;gap:7px}.topnav-account .avatar{width:35px;height:35px}.topnav-name{max-width:90px;font-size:12px}.topnav-dropdown{position:fixed;top:82px;right:12px;left:12px;width:auto;max-width:none}.topnav-list{max-height:calc(100dvh - 220px)}.pawbuddy-with-topnav .left-sidebar{top:72px;height:auto}.mobile-sidebar-toggle{display:flex;align-items:center;gap:6px;position:fixed;bottom:16px;left:16px;z-index:13;background:#fff;color:var(--purple);border:1px solid #e6ddf4;box-shadow:0 4px 18px #34204720;border-radius:30px;padding:10px 14px;font-size:12px}.pawbuddy-with-topnav .feed-footer{padding-bottom:60px}}@media(max-width:440px){.topnav-inner{padding:0 12px}.topnav-brand{font-size:18px}.topnav-actions{gap:6px}.topnav-name{display:none}.topnav-account{padding-left:8px;gap:4px}}@media(prefers-reduced-motion:reduce){.topnav-dropdown{animation:none}.pawbuddy-topnav *{transition:none!important}}.pawbuddy-with-topnav .left-sidebar{padding-top:20px}.left-sidebar>.community-label{margin-top:0;margin-bottom:12px}.feed-column .post-card.post-text-only{padding-top:12px;padding-bottom:12px;min-height:0;height:auto}.feed-column .post-card.post-text-only>.post-content{margin:10px 0}.feed-column .post-card.post-text-only>.post-actions{padding-top:7px}.pawbuddy-with-topnav .feed-column,.pawbuddy-with-topnav .right-sidebar{padding-top:20px}.feed-filter{flex-wrap:wrap;gap:10px}.feed-filter>h1{font-size:13px;font-weight:800;margin:0;line-height:1.5}.feed-post-search{display:flex;align-items:center;gap:7px;flex:1;min-width:140px;max-width:240px;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:var(--muted)}.feed-post-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;outline-offset:2px}.social-section-title{font-family:Manrope,sans-serif;font-size:22px;line-height:1.3;margin:0 0 14px;letter-spacing:-.5px}.feed-column .messages-heading{margin-bottom:12px}.feed-column .messages-heading h1{margin:0}.safety-page{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:18px;min-width:0;display:grid;gap:12px}.safety-page>h1{font-size:22px;margin:0 0 4px}.safety-page>h2{font-size:16px;margin:8px 0 0}.safety-page>.admin-form{margin:0}@media(max-width:760px){.pawbuddy-with-topnav .feed-column,.pawbuddy-with-topnav .right-sidebar{padding-top:14px}.feed-filter{gap:8px}.feed-post-search{min-width:120px;max-width:none}.feed-filter>h1{flex-basis:100%}.safety-page{padding:14px}.social-section-title{font-size:20px;margin-bottom:12px}}@media(max-width:760px){.pawbuddy-with-topnav .left-sidebar{padding-top:16px}}:root{font-family:DM Sans,sans-serif;color:#25233a;background:#f7f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple:#7657e8;--purple-dark:#6242d1;--purple-soft:#f0edff;--ink:#25233a;--muted:#89879c;--line:#efedf5;--card:#fff}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b8a8ff;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{max-width:1510px;margin:0 auto;min-height:100vh;display:grid;grid-template-columns:240px minmax(460px,650px) minmax(280px,330px);justify-content:center;gap:28px;padding:0 28px}.left-sidebar{height:100vh;position:sticky;top:0;padding:30px 0 20px;display:flex;flex-direction:column;border-right:1px solid #efedf5}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:13px;width:38px;height:38px;box-shadow:0 6px 16px #7657e82b}.community-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#b0adbf;margin:46px 0 13px 13px}.main-menu{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#77748b;display:flex;align-items:center;gap:14px;text-align:left;padding:13px 15px;border-radius:13px;font-size:14px;font-weight:600;position:relative}.nav-item:hover{background:#f3f1fc;color:var(--purple)}.nav-item.selected{background:var(--purple-soft);color:var(--purple);font-weight:800}.nav-dot{width:7px;height:7px;border-radius:50%;background:#ff8ca8;margin-left:auto}.primary-button{border:0;border-radius:12px;background:var(--purple);color:#fff;padding:12px 17px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s}.primary-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.compose-button{margin:23px 10px 0;box-shadow:0 8px 18px #7657e824}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(145deg,#f1edff,#fbf9ff);border:1px solid #eae4ff;border-radius:16px;padding:16px;margin:0 7px 18px}.help-icon{width:35px;height:35px;display:grid;place-items:center;background:#fff;color:var(--purple);border-radius:11px;margin-bottom:12px}.help-card strong{font-size:12px}.help-card p{font-size:11px;line-height:1.6;color:#8983a2;margin:7px 0 10px}.help-card button,.side-card-heading button,.stories-heading button{background:transparent;border:0;color:var(--purple);font-size:11px;font-weight:800;padding:0}.account-area{position:relative}.account-button,.sidebar-signin{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:13px}.account-button:hover,.sidebar-signin:hover{background:#f7f5ff}.account-copy,.sidebar-signin>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.account-copy strong,.sidebar-signin strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy small,.sidebar-signin small{font-size:10px;color:var(--muted)}.avatar{width:43px;height:43px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#f1edff;color:var(--purple);font-size:17px;font-weight:800;overflow:hidden}.avatar img,.post-author-avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:35px;height:35px;font-size:14px}.account-popover{position:absolute;bottom:58px;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #25233a15;border-radius:12px;padding:6px;z-index:5}.account-popover button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;background:#fff;border-radius:8px;text-align:left;font-size:12px}.account-popover button:hover{background:#f7f5ff}.feed-column{min-width:0;padding:30px 0 18px}.feed-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px}.feed-top h1{font-size:24px;letter-spacing:-.8px;margin:0 0 5px;font-family:Manrope,sans-serif}.feed-top p{margin:0;color:var(--muted);font-size:12px}.round-soft,.icon-button{border:0;background:transparent;color:#858198;display:grid;place-items:center;border-radius:10px;padding:8px}.round-soft{width:38px;height:38px;background:#fff;border:1px solid var(--line);color:var(--purple)}.icon-button:hover,.round-soft:hover{background:var(--purple-soft);color:var(--purple)}.stories-panel,.composer-card,.post-card,.side-card,.welcome-card{background:#fff;border:1px solid var(--line);border-radius:17px}.stories-panel{padding:18px 19px 15px;margin-bottom:14px}.stories-heading,.side-card-heading{display:flex;justify-content:space-between;align-items:center}.stories-heading h2,.side-card-heading h2{font-size:13px;margin:0;font-weight:800}.stories-list{display:flex;justify-content:space-between;gap:9px;overflow:auto;padding:14px 1px 0}.story{background:transparent;border:0;display:grid;justify-items:center;gap:7px;color:#77748b;font-size:10px;min-width:53px}.story-ring{width:51px;height:51px;padding:3px;border-radius:50%;border:2px solid #9c7bff;display:grid;place-items:center;position:relative}.story-own{border:2px dashed #c7c0db}.story-avatar{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#f5f1ff;font-size:24px}.story-ring b{position:absolute;right:-3px;bottom:-2px;background:var(--purple);border:2px solid white;color:#fff;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:13px}.composer-card{padding:17px 18px;margin-bottom:20px}.composer-row{display:flex;align-items:flex-start;gap:12px}.composer-form{flex:1;min-width:0}.composer-form textarea{width:100%;resize:vertical;min-height:57px;border:0;outline:none;color:var(--ink);font-size:13px;line-height:1.55;padding:7px 0}.composer-form textarea::placeholder{color:#aaa7ba}.composer-tools{display:flex;align-items:center;gap:9px;border-top:1px solid #f2f0f7;padding-top:11px;margin-top:5px}.composer-attach{display:flex;align-items:center;gap:6px;color:var(--purple);min-width:0;flex:1}.composer-attach input{min-width:0;width:100%;border:0;outline:none;font-size:10px;color:#77748b}.char-count{font-size:10px;color:#aaa7ba;white-space:nowrap}.post-button{padding:9px 15px;border-radius:10px}.feed-filter{display:flex;justify-content:space-between;align-items:center;margin:0 2px 12px}.feed-filter>strong{font-size:13px}.feed-filter button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:7px;color:#77748b;font-size:10px}.posts-list{display:grid;gap:14px}.post-card{padding:18px 19px}.post-header{display:flex;align-items:center;gap:10px}.post-author-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:#f2edff;font-size:23px}.post-author{display:grid;gap:4px;flex:1;min-width:0}.post-author strong{font-size:12px}.post-author span{font-size:10px;color:#9996aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-author span i{font-style:normal;padding:0 3px}.post-more{margin-left:auto}.post-content{font-size:12px;line-height:1.8;margin:14px 0;color:#4d4a61;white-space:pre-wrap;overflow-wrap:anywhere}.post-media{border-radius:13px;overflow:hidden;max-height:420px;background:#f7f5fc;margin:11px 0 13px}.post-media img{display:block;width:100%;max-height:420px;object-fit:cover}.post-actions{display:flex;align-items:center;gap:23px;padding-top:9px;border-top:1px solid #f3f1f7}.post-actions button{border:0;background:transparent;color:#9390a4;display:flex;align-items:center;gap:7px;padding:5px 0;font-size:11px}.post-actions button:hover,.post-actions button.action-liked{color:#f06498}.post-actions button.save-action{margin-left:auto;color:#9390a4}.post-actions button.is-saved{color:var(--purple)}.comments-panel{border-top:1px solid #f0eef5;margin-top:12px;padding-top:12px}.comment{display:flex;align-items:flex-start;gap:8px;margin:9px 0}.avatar-mini{width:27px;height:27px;font-size:11px}.comment p{font-size:11px;line-height:1.6;background:#f8f7fc;border-radius:10px;padding:8px 10px;margin:0;flex:1}.comment p strong{margin-right:4px}.comment-form{display:flex;gap:7px;align-items:center;margin-top:12px}.comment-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:11px;outline:none}.comment-form input:focus{border-color:#c8bbff}.small-text{font-size:11px}.muted{color:var(--muted)}.notice{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f2efff;border:1px solid #e4dcff;color:#5743a4;border-radius:11px;padding:10px 12px;font-size:11px;line-height:1.5;margin-bottom:13px}.notice button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.empty-state{background:#fff;border:1px solid var(--line);border-radius:17px;padding:40px 25px;text-align:center;margin:20px 0}.empty-illustration{width:67px;height:67px;border-radius:22px;background:#f0edff;color:var(--purple);display:grid;place-items:center;margin:0 auto 16px}.empty-state h2{font-size:18px;margin:0 0 8px}.empty-state p{font-size:12px;line-height:1.8;color:var(--muted);max-width:370px;margin:0 auto 17px}.feed-footer{display:flex;align-items:center;justify-content:center;gap:5px;color:#aaa7b8;font-size:9px;padding:24px 0}.feed-footer svg{color:#e78bb3}.feed-footer button{border:0;background:transparent;color:#8d88a2;font-size:9px;padding:0}.right-sidebar{padding:30px 0 20px;position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:none}.right-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px;height:43px;color:#aaa6ba;margin-bottom:19px}.right-search input,.search-mobile input{border:0;outline:none;min-width:0;flex:1;font-size:11px;background:transparent}.right-search input::placeholder,.search-mobile input::placeholder{color:#aaa6ba}.welcome-card{padding:19px;margin-bottom:17px;background:linear-gradient(150deg,#fff 30%,#f6f2ff)}.welcome-art{display:flex;align-items:center;justify-content:center;gap:12px;height:65px;margin-bottom:8px}.welcome-art span{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#eee9ff;font-size:24px;transform:rotate(-5deg)}.welcome-art span:nth-child(2){width:34px;height:34px;font-size:17px;background:#ffeaf1;transform:rotate(8deg)}.welcome-art span:nth-child(3){transform:rotate(5deg)}.welcome-card h2{font-size:16px;line-height:1.45;letter-spacing:-.3px;margin:0 0 7px}.welcome-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 14px}.full-width{width:100%}.welcome-card .primary-button{padding:11px}.welcome-member{display:flex;align-items:center;gap:7px;color:#5d47c5;background:#f0edff;padding:10px;border-radius:10px;font-size:11px;font-weight:700}.side-card{padding:17px 15px;margin-bottom:16px}.side-card-heading{margin-bottom:14px}.side-card-heading h2{font-size:12px}.suggestion{display:flex;align-items:center;gap:9px;margin:13px 0}.suggestion-avatar{width:37px;height:37px;border-radius:12px;background:#f4f0ff;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.suggestion-info{min-width:0;display:grid;gap:3px;flex:1}.suggestion-info strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-info span{font-size:9px;color:#aaa6b9}.suggestion-info small{font-size:9px;color:#89869b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-button{background:#f0edff;color:var(--purple);border:0;border-radius:8px;font-size:9px;font-weight:800;padding:7px 9px}.follow-button.following{background:#f4f3f8;color:#77748b}.trend-card .side-card-heading svg{color:var(--purple)}.trend{width:100%;display:grid;text-align:left;gap:4px;border:0;border-radius:9px;background:transparent;padding:10px 8px}.trend:hover{background:#f8f6ff}.trend span,.trend small{font-size:9px;color:#a09caf}.trend strong{font-size:11px;color:#4b4762}.right-footer{font-size:9px;color:#aaa7b7;line-height:2;text-align:center;padding:4px 0 20px}.mobile-topbar,.search-mobile{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#211b3b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;display:grid;place-items:center;padding:20px}.auth-modal{width:min(100%,420px);background:#fff;border-radius:22px;padding:30px;position:relative;box-shadow:0 25px 80px #20164240}.modal-close{position:absolute;right:16px;top:16px}.auth-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:16px;margin:0 auto 15px}.auth-modal h2{text-align:center;font-size:23px;letter-spacing:-.7px;margin:0 0 7px}.auth-modal>.muted{text-align:center;font-size:12px;margin:0 0 24px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#57536d}.auth-form input{width:100%;border:1px solid #e8e5f1;border-radius:10px;padding:12px;font-size:12px;outline:none}.auth-form input:focus{border-color:#ad9cff;box-shadow:0 0 0 3px #7657e815}.auth-form .primary-button{min-height:43px;margin-top:3px}.auth-switch{display:flex;justify-content:center;gap:10px;margin-top:18px;font-size:11px;color:#a09caf}.auth-switch button{border:0;background:transparent;color:var(--purple);font-weight:800;font-size:11px;padding:0}.auth-legal{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#aaa6b9;margin:23px 0 0}.form-error,.form-success{font-size:11px;line-height:1.5;margin:0;padding:9px 10px;border-radius:9px}.form-error{color:#b42345;background:#fff0f3}.form-success{color:#287c52;background:#ecfff4}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.app-shell{grid-template-columns:210px minmax(430px,650px);gap:22px;padding:0 22px}.right-sidebar{display:none}.search-mobile{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 12px;height:40px;margin-bottom:14px;color:#aaa6ba}.left-sidebar{padding-right:12px}.feed-column{max-width:650px;width:100%}}@media(max-width:760px){.app-shell{display:block;padding:0 13px}.mobile-topbar{height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f7f7fb;z-index:8;border-bottom:1px solid var(--line);margin:0 -13px;padding:0 14px}.mobile-topbar .brand{font-size:20px}.mobile-topbar .brand-icon{width:32px;height:32px;border-radius:11px}.left-sidebar{display:none;position:fixed;top:62px;left:0;bottom:0;width:270px;height:auto;background:#fff;z-index:12;padding:22px 16px;box-shadow:15px 0 40px #221b3b18;border-right:1px solid var(--line)}.left-sidebar.mobile-open{display:flex}.desktop-brand{display:none}.community-label{margin-top:8px}.feed-column{padding:20px 0 10px;max-width:650px;margin:0 auto}.feed-top h1{font-size:22px}.stories-panel{padding:15px 13px}.stories-list{justify-content:flex-start;gap:14px}.story{min-width:52px}.composer-card{padding:14px 12px}.composer-row{gap:9px}.composer-row>.avatar{width:35px;height:35px}.composer-tools{gap:7px}.composer-attach input{font-size:9px}.char-count{display:none}.post-card{padding:15px 13px}.post-actions{gap:17px}.post-actions button{font-size:10px}.feed-footer{flex-wrap:wrap}.modal-backdrop{padding:12px}.auth-modal{padding:25px 21px}.right-sidebar{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.profile-name-button{color:#262626!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;font:inherit;font-size:15px;font-weight:700!important;opacity:1!important;cursor:pointer;text-align:left}.profile-name-button:hover{color:#1877f2!important}.profile-page{width:100%;min-width:0}.profile-cover{min-height:210px;position:relative;overflow:hidden;border-radius:20px 20px 0 0;background:linear-gradient(125deg,#e9ddff,#d8e8ff 48%,#fce7f3);background-position:center;background-size:cover}.profile-cover.has-cover{background-repeat:no-repeat}.profile-image-edit{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:9px 13px;background:#fffffff0;color:#5630a5;font:inherit;font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 3px 14px #2814461f}.profile-image-edit:disabled{opacity:.65;cursor:wait}.profile-cover-edit{position:absolute;right:16px;bottom:14px}.profile-page-header{position:relative;padding:0 22px 22px;background:var(--card, #fff);border-radius:0 0 18px 18px;border:1px solid var(--border, #eee8f5);border-top:0}.profile-identity{display:flex;align-items:flex-end;gap:16px;margin-top:-48px;position:relative}.profile-page-avatar{width:112px;height:112px;flex:0 0 112px;position:relative;border:5px solid var(--card, #fff);border-radius:50%;background:#f1eaff;display:grid;place-items:center;color:#7144b7;font-size:36px}.profile-page-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-edit{position:absolute;right:-1px;bottom:2px;display:grid;place-items:center;width:33px;height:33px;border:2px solid #fff;border-radius:50%;color:#fff;background:#7044bd;cursor:pointer}.profile-avatar-edit:disabled{opacity:.65;cursor:wait}.profile-file-input{display:none}.profile-identity-details{min-width:0;padding-bottom:8px}.profile-identity-details h2{margin:0 0 4px;font-size:24px;overflow-wrap:anywhere}.profile-username{margin:0;color:var(--muted, #777)}.profile-bio{margin:18px 0 14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.profile-post-count{display:flex;align-items:baseline;gap:7px;margin-top:15px}.profile-post-count strong{font-size:18px}.profile-post-count span{color:var(--muted, #777);font-size:13px}.profile-upload-error{color:#b42318;font-size:13px;overflow-wrap:anywhere}.profile-posts{margin-top:22px}.profile-posts>h3{margin:0 0 14px}.profile-post-actions{display:flex;gap:18px}.profile-post-actions span{display:inline-flex;align-items:center;gap:6px}.spin{animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.profile-cover{min-height:165px;border-radius:16px 16px 0 0}.profile-page-header{padding:0 14px 18px}.profile-page-avatar{width:88px;height:88px;flex-basis:88px;margin-top:6px}.profile-identity{gap:10px;margin-top:-38px}.profile-identity-details h2{font-size:19px}.profile-cover-edit{right:10px;bottom:10px}}.messages-page{--msg-purple: #7657e8;--msg-purple-dark: #6242d1;--msg-purple-soft: #f0edff;--msg-ink: #25233a;--msg-muted: #89879c;--msg-line: #efedf5;width:100%;min-width:0;color:var(--msg-ink)}.messages-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px}.messages-heading h1{margin:0 0 6px;font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.7px}.messages-heading p{margin:0;color:var(--msg-muted);font-size:12px}.messages-heading-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--msg-purple-soft);color:var(--msg-purple)}.messages-layout{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.35fr);min-height:590px;height:min(690px,calc(100vh - 190px));background:#fff;border:1px solid var(--msg-line);border-radius:18px;overflow:hidden}.messages-inbox{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--msg-line)}.messages-inbox-title{display:flex;align-items:center;gap:9px;padding:20px 16px 14px}.messages-inbox-title h2{margin:0;font-size:14px;font-weight:800}.messages-inbox-title>span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:8px;background:var(--msg-purple-soft);color:var(--msg-purple);font-size:10px;font-weight:800}.messages-search{display:flex;align-items:center;gap:9px;min-width:0;height:39px;margin:0 12px 12px;padding:0 11px;border:1px solid var(--msg-line);border-radius:10px;color:var(--msg-muted);background:#fbfaff}.messages-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--msg-ink);font-size:11px}.messages-chat-list{min-height:0;flex:1;overflow-y:auto}.messages-chat-item{display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;border:0;border-left:3px solid transparent;background:#fff;color:inherit;text-align:left;transition:background .15s}.messages-chat-item:hover{background:#faf9ff}.messages-chat-item.active{border-left-color:var(--msg-purple);background:var(--msg-purple-soft)}.messages-avatar{position:relative;display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:50%;background:#f2edff;font-size:23px}.messages-avatar i{position:absolute;right:0;bottom:1px;width:11px;height:11px;border:2px solid white;border-radius:50%;background:#39bd80}.messages-chat-copy{display:grid;gap:6px;flex:1;min-width:0}.messages-chat-copy strong{overflow:hidden;color:var(--msg-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.messages-chat-copy small{overflow:hidden;color:var(--msg-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.messages-chat-meta{display:grid;justify-items:end;align-self:stretch;gap:7px;min-width:0}.messages-chat-meta>small{color:#a09caf;font-size:9px;white-space:nowrap}.messages-chat-meta b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--msg-purple);color:#fff;font-size:9px}.messages-no-results{padding:20px 12px;color:var(--msg-muted);font-size:11px;text-align:center}.messages-demo-note{display:flex;align-items:center;gap:8px;margin:12px;padding:12px;border:1px solid #e9e3ff;border-radius:11px;background:#f8f6ff;color:#7765bb;font-size:10px;line-height:1.5}.messages-conversation{display:flex;flex-direction:column;min-width:0;background:#fff}.messages-conversation-header{display:flex;align-items:center;gap:11px;min-height:77px;padding:13px 17px;border-bottom:1px solid var(--msg-line)}.messages-avatar-large{width:43px;height:43px}.messages-contact{display:grid;gap:5px;flex:1;min-width:0}.messages-contact strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.messages-contact small{color:var(--msg-muted);font-size:10px}.messages-contact small:first-letter{color:inherit}.messages-more,.messages-back{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border:0;border-radius:10px;background:transparent;color:var(--msg-muted)}.messages-more:hover,.messages-back:hover{background:var(--msg-purple-soft);color:var(--msg-purple)}.messages-back{display:none}.messages-date-divider{display:flex;align-items:center;justify-content:center;padding:21px 10px}.messages-date-divider span{color:#aaa7ba;font-size:9px;font-weight:800;letter-spacing:1.1px}.messages-bubbles{display:flex;flex-direction:column;flex:1;gap:17px;min-height:0;padding:5px 19px 20px;overflow-y:auto}.messages-bubble-row{display:flex;align-items:flex-end;gap:8px;max-width:88%}.messages-bubble-row.mine{align-self:flex-end;justify-content:flex-end}.messages-mini-avatar{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:50%;background:var(--msg-purple-soft);font-size:15px}.messages-bubble-wrap{display:grid;gap:5px;min-width:0}.messages-bubble{margin:0;padding:11px 13px;border:1px solid var(--msg-line);border-radius:15px 15px 15px 4px;background:#f8f7fc;color:#4d4a61;font-size:11px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.messages-bubble-row.mine .messages-bubble{border-color:var(--msg-purple);border-radius:15px 15px 4px;background:var(--msg-purple);color:#fff}.messages-time{padding:0 3px;color:#aaa7ba;font-size:9px}.messages-bubble-row.mine .messages-time{text-align:right}.messages-compose{display:flex;align-items:center;gap:7px;margin:0 14px 14px;padding:7px;border:1px solid #e8e3f6;border-radius:13px;background:#fbfaff}.messages-compose input{flex:1;width:0;min-width:0;padding:8px;border:0;outline:none;background:transparent;color:var(--msg-ink);font-size:11px}.messages-compose input::placeholder{color:#aaa7ba}.messages-attach,.messages-send{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border:0;border-radius:10px}.messages-attach{background:var(--msg-purple-soft);color:var(--msg-purple)}.messages-send{background:var(--msg-purple);color:#fff}.messages-send:hover:not(:disabled){background:var(--msg-purple-dark)}.messages-send:disabled{opacity:.45;cursor:not-allowed}.messages-empty{display:grid;flex:1;align-content:center;justify-items:center;gap:10px;padding:30px;color:var(--msg-purple);text-align:center}.messages-empty h2{margin:0;color:var(--msg-ink);font-size:17px}.messages-empty p{margin:0;color:var(--msg-muted);font-size:12px}.messages-footer{padding:20px 0 5px;color:var(--msg-muted);font-size:10px;text-align:center}.messages-footer span{color:#e78bb3}@media(max-width:760px){.messages-heading{margin-bottom:17px}.messages-heading h1{font-size:22px}.messages-layout{display:block;height:calc(100dvh - 160px);min-height:480px;position:relative}.messages-inbox{height:100%;border-right:0}.messages-conversation{display:none;height:100%}.messages-page.mobile-chat-open .messages-inbox{display:none}.messages-page.mobile-chat-open .messages-conversation{display:flex}.messages-back{display:grid}.messages-bubbles{padding:5px 13px 18px}.messages-bubble-row{max-width:94%}.messages-compose{margin:0 9px 9px}.messages-chat-item{padding:13px 10px}}
