/* Community forum, comments and notifications. Every selector is cm- scoped so a new skin can replace this file alone. */
.cm-board,.cm-topic-page,.cm-comments,.cm-inbox,.cm-activity,.cm-dialog{--cm-surface:var(--surface,#12152e);--cm-raised:var(--raised,#191b38);--cm-stroke:var(--stroke,#2d2e50);--cm-text:var(--text,#f8f3ff);--cm-muted:var(--muted,#a5a5c5);--cm-brand:var(--brand,#d98aff);--cm-lavender:var(--lavender,#a88bff);--cm-red:var(--red,#ff899e);--cm-radius:var(--radius,16px);--cm-hard:0 2px 0 rgb(0 0 0/.35)}
.cm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Author card */
.cm-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.cm-card-portrait{display:block;text-decoration:none}
.cm-card-stage{position:relative;display:block;width:96px;height:118px;margin:0 auto}
.cm-card-stage::before{content:"";position:absolute;left:8px;right:8px;bottom:0;height:34px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:color-mix(in srgb,var(--cm-lavender) 30%,var(--cm-raised));box-shadow:inset 0 -4px 0 rgb(0 0 0/.25)}
.cm-card--staff .cm-card-stage::before{background:color-mix(in srgb,var(--cm-brand) 42%,var(--cm-raised))}
.cm-card-avatar{position:relative;display:block;width:64px;height:110px;margin:0 auto;object-fit:contain;object-position:bottom;image-rendering:pixelated}
.cm-card-info{display:grid;gap:8px;justify-items:center;width:100%;min-width:0}
.cm-card-nick{margin:0;font-size:16px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
.cm-card-name{color:var(--cm-text);text-decoration:none}
a.cm-card-name:hover{text-decoration:underline;text-underline-offset:3px}
.cm-card-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}
.cm-role{padding:2px 8px;border:1px solid color-mix(in srgb,var(--cm-role) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--cm-role) 16%,transparent);color:var(--cm-role);font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.cm-card-stats{display:grid;gap:6px;width:100%;margin:2px 0 0}
.cm-card-stats div{display:flex;flex-direction:column;gap:1px}
.cm-card-stats dt{color:var(--cm-muted);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.cm-card-stats dd{margin:0;font-size:14px;font-weight:800}
.cm-card-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}
.cm-card-badges img{display:block;width:40px;height:40px;image-rendering:pixelated;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.cm-card-badges img:hover{transform:translateY(-2px)}
.cm-card--ghost{padding:12px;color:var(--cm-muted);font-style:italic}

/* Posts */
.cm-posts{display:grid;gap:14px}
.cm-post{position:relative;display:grid;grid-template-columns:176px minmax(0,1fr);background:var(--cm-surface);border:1px solid var(--cm-stroke);border-radius:var(--cm-radius);overflow:hidden;scroll-margin-top:96px}
.cm-post-author{padding:18px 12px;background:var(--cm-raised);border-right:1px solid var(--cm-stroke)}
.cm-post-main{display:flex;flex-direction:column;min-width:0;padding:16px 20px}
.cm-post:target{outline:2px solid var(--cm-brand);outline-offset:2px}
.cm-post.is-deleted{opacity:.7;border-style:dashed}
.cm-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;color:var(--cm-muted);font-size:13px}
.cm-post-number{color:var(--cm-muted);font-variant-numeric:tabular-nums;font-weight:800;text-decoration:none}
.cm-post-number:hover{color:var(--cm-text)}
.cm-edited{padding:1px 7px;border:1px solid var(--cm-stroke);border-radius:999px;font-size:11px;font-style:italic}
.cm-opening{padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--cm-brand) 18%,transparent);color:var(--cm-brand);font-size:11px;font-weight:800}
.cm-body{font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.cm-body>:first-child{margin-top:0}.cm-body>:last-child{margin-bottom:0}
.cm-body img{max-width:100%;height:auto;border-radius:8px}
a.cm-mention{padding:0 4px;border-radius:6px;background:color-mix(in srgb,var(--cm-brand) 14%,transparent);color:var(--cm-brand);font-weight:800;text-decoration:none}
a.cm-mention:hover{background:color-mix(in srgb,var(--cm-brand) 24%,transparent)}
.cm-deleted{margin:0;color:var(--cm-muted);font-style:italic}
.cm-quote{margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--cm-cat,var(--cm-brand));border-radius:10px;background:var(--cm-raised);font-size:14px}
.cm-quote-source{display:inline-block;margin-bottom:4px;color:var(--cm-text);font-size:13px;font-weight:800;text-decoration:none}
.cm-quote-source:hover{text-decoration:underline}
.cm-quote p{margin:0;color:#cfcbe4;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.cm-quote .cm-quote-gone{color:var(--cm-muted);font-style:italic}
.cm-post-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--cm-stroke)}
.cm-body+.cm-post-actions{margin-top:14px}

/* Reactions */
.cm-reactions{display:flex;flex-wrap:wrap;gap:6px}
.cm-react{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border:1px solid var(--cm-stroke);border-radius:999px;background:var(--cm-raised);color:var(--cm-text);font-size:13px;font-weight:800;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s,background-color .16s}
.cm-react-emoji{display:inline-block;font-size:16px;line-height:1}
.cm-react-count:empty{display:none}
.cm-react.is-empty{opacity:.55}
.cm-react.is-empty:hover,.cm-react.is-empty:focus-visible{opacity:1}
.cm-react.is-mine{border-color:var(--cm-brand);background:color-mix(in srgb,var(--cm-brand) 20%,var(--cm-raised))}
.cm-react:not(:disabled):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cm-brand) 60%,var(--cm-stroke))}
.cm-react:disabled{cursor:default;opacity:1}
.cm-react-emoji.is-popping{animation:cm-pop .38s cubic-bezier(.34,1.56,.64,1)}
@keyframes cm-pop{0%{transform:scale(1)}45%{transform:scale(1.28) rotate(-8deg)}100%{transform:scale(1)}}

/* Post tools */
.cm-tools{display:flex;flex-wrap:wrap;gap:4px}
.cm-tool{padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--cm-muted);font-size:13px;font-weight:700}
.cm-tool:hover{background:var(--cm-raised);color:var(--cm-text)}
.cm-tool--danger:hover{color:var(--cm-red)}
.cm-tool--mod::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--cm-lavender);vertical-align:2px}
.cm-tool--quiet{opacity:.8}

/* Compact posts: replies inside a comment thread */
.cm-post--compact{display:flex;gap:12px;padding:12px 16px;grid-template-columns:none}
.cm-post--compact .cm-post-main{padding:0}
.cm-post-face{flex:none;width:33px;height:33px;padding:2px;border-radius:50%;background:var(--cm-raised);object-fit:contain;object-position:center}
.cm-post-mini{display:inline-flex;align-items:center;color:var(--cm-text);font-size:14px;font-weight:900}
.cm-post-nick{color:inherit;text-decoration:none}
a.cm-post-nick:hover{text-decoration:underline}
.cm-thread{display:grid;gap:10px;margin:10px 0 0 28px;padding:0 0 0 14px;border-left:2px solid var(--cm-stroke);list-style:none}

/* Board */
.cm-about{max-width:70ch;margin:0 0 18px;color:#cfcbe4;line-height:1.6}
.cm-board{margin-top:8px}
.cm-board-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.cm-board-head h2{margin:0;font-size:26px}
.cm-board-actions{display:flex;flex-wrap:wrap;gap:8px}
.cm-cats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.cm-cat{display:flex;flex-direction:column;gap:2px;min-width:118px;padding:10px 14px;border:1px solid var(--cm-stroke);border-top:3px solid var(--cm-cat,var(--cm-brand));border-radius:12px;background:var(--cm-surface);color:var(--cm-text);text-decoration:none;scroll-snap-align:start;transition:background-color .16s,border-color .16s}
.cm-cat b{font-size:14px}
.cm-cat small{color:var(--cm-muted);font-size:12px}
.cm-cat:hover{background:var(--cm-raised)}
.cm-cat[aria-current=page]{border-color:var(--cm-cat,var(--cm-brand));background:color-mix(in srgb,var(--cm-cat,var(--cm-brand)) 18%,var(--cm-surface))}
.cm-cat-intro{margin:0 0 14px;padding:4px 0 4px 12px;border-left:3px solid var(--cm-cat);color:#cfcbe4;font-size:14px}
.cm-topics{margin:0;padding:0;list-style:none;background:var(--cm-surface);border:1px solid var(--cm-stroke);border-radius:var(--cm-radius);overflow:hidden}
.cm-topic{display:grid;grid-template-columns:44px minmax(0,1fr) 96px 200px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--cm-stroke);box-shadow:inset 3px 0 0 var(--cm-cat,transparent);transition:background-color .16s}
.cm-topic:last-child{border-bottom:0}
.cm-topic:hover{background:var(--cm-raised)}
.cm-topic.is-pinned{background:color-mix(in srgb,var(--cm-brand) 7%,var(--cm-surface))}
.cm-topic.is-pinned:hover{background:color-mix(in srgb,var(--cm-brand) 11%,var(--cm-surface))}
.cm-topic-face{width:44px;height:44px;padding:5px;border-radius:12px;background:var(--cm-raised);box-shadow:var(--cm-hard);object-fit:contain;object-position:center}
.cm-topic-main{min-width:0}
.cm-topic-title{margin:4px 0;font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.cm-topic-title a{color:var(--cm-text);text-decoration:none}
.cm-topic-title a:hover{text-decoration:underline;text-underline-offset:3px}
.cm-topic-by{margin:0;color:var(--cm-muted);font-size:13px}
.cm-topic-author{color:#d8d4ee;font-weight:800;text-decoration:none}
a.cm-topic-author:hover{text-decoration:underline}
.cm-topic-count{display:flex;flex-direction:column;align-items:center;text-align:center}
.cm-topic-count strong{font-size:20px;font-variant-numeric:tabular-nums}
.cm-topic-count span{color:var(--cm-muted);font-size:11px;font-weight:700;text-transform:uppercase}
.cm-topic-last{color:var(--cm-muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.cm-topic-last span{display:block;font-size:11px;font-weight:700;text-transform:uppercase}
.cm-topic-last a{color:var(--cm-text);text-decoration:none}
.cm-topic-last a:hover{text-decoration:underline}
.cm-topic-last--empty{font-style:italic}
.cm-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--cm-cat,var(--cm-brand)) 15%,transparent);color:var(--cm-cat,var(--cm-brand));font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none}
.cm-flag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.cm-flag--pin{background:color-mix(in srgb,var(--cm-brand) 16%,transparent);color:var(--cm-brand)}
.cm-flag--pin::before{content:"📌";font-size:10px}
.cm-flag--lock{background:var(--cm-raised);color:var(--cm-muted)}
.cm-flag--lock::before{content:"🔒";font-size:10px}
.cm-empty{padding:34px 20px;border:1px dashed var(--cm-stroke);border-radius:var(--cm-radius);text-align:center}
.cm-empty p,.cm-empty-line{color:var(--cm-muted)}
.cm-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:18px 0}
.cm-pager ol{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.cm-pager ol a,.cm-pager ol span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:999px;color:var(--cm-text);font-weight:800;text-decoration:none}
.cm-pager ol a{border:1px solid var(--cm-stroke);background:var(--cm-surface)}
.cm-pager ol a:hover{background:var(--cm-raised)}
.cm-pager [aria-current=page]{background:var(--cm-brand);color:#140b22}
.cm-pager-step{padding:8px 14px;border:1px solid var(--cm-stroke);border-radius:999px;color:var(--cm-text);font-weight:800;text-decoration:none}
.cm-pager-step:hover{background:var(--cm-raised)}
.cm-gap{display:grid;place-items:center;color:var(--cm-muted)}

/* Topic page */
.cm-topic-page{max-width:980px;margin:0 auto}
.cm-topic-head{margin:10px 0 18px}
.cm-topic-head h1{margin:8px 0;font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-.5px;overflow-wrap:anywhere}
.cm-topic-head .cm-tool{margin-top:6px;padding-left:0}
.cm-modbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--cm-lavender) 60%,transparent);border-radius:12px}
.cm-modbar>span{margin-right:4px;color:var(--cm-lavender);font-size:11px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.cm-locked-note{margin-top:22px;padding:14px 18px;border-radius:12px;background:var(--cm-raised);color:var(--cm-muted)}

/* Compose */
.cm-compose{margin-top:22px;padding:18px;border:1px solid var(--cm-stroke);border-radius:var(--cm-radius);background:var(--cm-surface)}
.cm-compose h2{margin:0 0 10px;font-size:18px}
.cm-compose-quote{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 12px;border-left:3px solid var(--cm-brand);border-radius:10px;background:var(--cm-raised);font-size:14px}
.cm-compose-quote[hidden]{display:none}
.cm-compose-quote p{margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cm-compose-clear{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--cm-stroke);border-radius:50%;background:var(--cm-surface);color:var(--cm-text)}
.cm-compose-clear:hover{border-color:var(--cm-red);color:var(--cm-red)}
.cm-hint{margin:8px 0 0;color:var(--cm-muted);font-size:12px}

/* News comments */
.cm-comments{margin-top:32px}
.cm-comments h2 small{color:var(--cm-muted);font-size:14px;font-weight:400}
.cm-comment-list{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none}

/* Profile activity */
.cm-activity ol{margin:0;padding:0;list-style:none}
.cm-activity-item{padding:10px 0;border-bottom:1px solid var(--cm-stroke)}
.cm-activity-item:last-child{border-bottom:0}
.cm-activity-kind{color:var(--cm-muted);font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.cm-activity-item a{font-weight:800}
.cm-activity-item time{margin-left:6px;color:var(--cm-muted);font-size:12px}
.cm-activity-item p{margin:4px 0 0;color:var(--cm-muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Notifications */
.cm-inbox{margin-bottom:22px}
.cm-inbox-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cm-inbox-head h2{margin:0}
.cm-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--cm-brand);color:#140b22;font-size:13px;vertical-align:3px}
.cm-inbox ol{display:grid;gap:4px;margin:12px 0 0;padding:0;list-style:none}
.cm-notice a{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;color:var(--cm-text);text-decoration:none}
.cm-notice a:hover{background:var(--cm-raised)}
.cm-notice img{flex:none;width:33px;height:33px;padding:2px;border-radius:50%;background:var(--cm-raised);object-fit:contain;object-position:center}
.cm-notice q{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;color:var(--cm-muted);font-size:13px;quotes:none}
.cm-notice time{display:block;margin-top:2px;color:var(--cm-muted);font-size:12px}
.cm-notice.is-unread a{background:color-mix(in srgb,var(--cm-brand) 10%,transparent)}
.cm-notice.is-unread a::after{content:"";position:absolute;top:16px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--cm-brand)}

/* Dialog */
.cm-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid var(--cm-stroke);border-radius:var(--cm-radius);background:var(--cm-surface);color:var(--cm-text)}
.cm-dialog::backdrop{background:rgb(4 5 16/.72)}
.cm-dialog h2{margin:0 0 14px;font-size:20px}
.cm-dialog .field{display:grid;gap:6px;margin-bottom:12px}
.cm-dialog input:not([type=color]),.cm-dialog select{width:100%}
.cm-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px}
.cm-cat-editor{display:grid;grid-template-columns:minmax(0,1fr) 72px 80px;gap:8px;align-items:end;margin:0 0 12px;padding:12px;border:1px solid var(--cm-stroke);border-radius:12px}
.cm-cat-editor legend{padding:0 6px;font-weight:800}
.cm-cat-editor .field{margin:0}
.cm-cat-editor .field.wide,.cm-cat-editor-actions{grid-column:1/-1}
.cm-cat-editor-actions{display:flex;flex-wrap:wrap;align-items:end;gap:8px}
.cm-cat-editor input[type=color]{width:100%;height:38px;padding:2px;border-radius:8px}

/* Focus */
.cm-board a:focus-visible,.cm-board button:focus-visible,.cm-topic-page a:focus-visible,.cm-topic-page button:focus-visible,.cm-comments a:focus-visible,.cm-comments button:focus-visible,.cm-inbox a:focus-visible,.cm-inbox button:focus-visible,.cm-dialog :focus-visible{outline:2px solid var(--cm-brand);outline-offset:2px}

/* Mobile: compact author strip, two-row topics, scrolling categories */
@media (max-width:759px){
 .cm-post{grid-template-columns:1fr}
 .cm-post-author{padding:12px 14px;border-right:0;border-bottom:1px solid var(--cm-stroke)}
 .cm-post-author .cm-card{flex-direction:row;align-items:flex-start;gap:12px;text-align:left}
 .cm-post-author .cm-card-stage{width:52px;height:64px;margin:0;border-radius:10px;background:color-mix(in srgb,var(--cm-lavender) 22%,var(--cm-surface));overflow:hidden}
 .cm-post-author .cm-card--staff .cm-card-stage{background:color-mix(in srgb,var(--cm-brand) 30%,var(--cm-surface))}
 .cm-post-author .cm-card-stage::before{display:none}
 .cm-post-author .cm-card-avatar{width:52px;height:90px;margin-top:-4px;object-fit:cover;object-position:top}
 .cm-post-author .cm-card-info{justify-items:start;gap:5px}
 .cm-post-author .cm-card-roles{justify-content:flex-start}
 .cm-post-author .cm-card-stats{display:flex;flex-wrap:wrap;gap:2px 12px}
 .cm-post-author .cm-card-stats div{flex-direction:row;gap:4px;align-items:baseline}
 .cm-post-author .cm-card-stats dt{font-size:10px}
 .cm-post-author .cm-card-stats dd{font-size:12px}
 .cm-post-author .cm-card-badges{justify-content:flex-start}
 .cm-post-author .cm-card-badges img{width:28px;height:28px}
 .cm-post-main{padding:14px}
 .cm-thread{margin-left:14px;padding-left:10px}
 .cm-cats{flex-wrap:nowrap;margin-inline:-16px;padding:0 16px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .cm-cats::-webkit-scrollbar{display:none}
 .cm-cat{flex:none}
 .cm-topic{grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:14px}
 .cm-topic-face{width:36px;height:36px;padding:3px;border-radius:10px}
 .cm-topic-count,.cm-topic-last{grid-column:2}
 .cm-topic-count{flex-direction:row;gap:4px;align-items:baseline}
 .cm-topic-count strong{font-size:14px}
 .cm-topic-count span{font-size:12px;text-transform:none;font-weight:600}
 .cm-topic-last span{display:inline;margin-right:4px}
 .cm-cat-editor{grid-template-columns:1fr 1fr}
 .cm-cat-editor .field:first-of-type{grid-column:1/-1}
}

/* Motion with purpose: entries settle in, the linked post flashes once. */
@media (prefers-reduced-motion:no-preference){
 .cm-post:not(.cm-post--compact),.cm-topic,.cm-cat{animation:cm-rise .32s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--cm-i,0) * 30ms)}
 .cm-post:target{animation:cm-flash 1.2s ease-out}
 .cm-dialog[open]{animation:cm-open .22s ease-out}
}
@keyframes cm-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cm-flash{0%{background:color-mix(in srgb,var(--cm-brand) 22%,var(--cm-surface))}100%{background:var(--cm-surface)}}
@keyframes cm-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
 .cm-board *,.cm-topic-page *,.cm-comments *,.cm-inbox *,.cm-dialog,.cm-react,.cm-react-emoji,.cm-card-badges img{animation:none!important;transition:none!important}
 .cm-react:not(:disabled):hover,.cm-card-badges img:hover{transform:none}
}

/* Compact author column: identity first, details in the tooltip. */
@media (min-width:721px){
.cm-post{grid-template-columns:136px minmax(0,1fr)}
.cm-post-author{padding:12px 10px}
.cm-post-author .cm-card{gap:4px}
.cm-post-author .cm-card-stage{width:72px;height:84px}
.cm-post-author .cm-card-stage::before{left:6px;right:6px;height:24px}
.cm-post-author .cm-card-avatar{width:48px;height:82px}
.cm-post-author .cm-card-info{gap:5px}
.cm-post-author .cm-card-nick{font-size:14px}
.cm-post-author .cm-role{padding:1px 7px;font-size:10px}
}
.cm-card-badges img{width:28px;height:28px}
.cm-card-portrait[data-tip],.cm-card-nick[data-tip]{cursor:default}