.comm-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;align-items:start}.comm-columns>section,.comm-columns>aside{min-width:0}.comm-panel-gap{margin-bottom:20px}.comm-panel-gap:not(:first-child){margin-top:20px}.comm-columns .filter-form input{max-width:340px}.comm-directory{border-top:1px solid var(--line)}.comm-directory-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:20px 10px;transition:background .15s}.comm-directory-row:hover{background:var(--surface2)}.comm-directory-row>svg{width:16px;color:var(--muted)}.comm-grow{flex:1;min-width:0}.comm-grow>strong{display:block;font-size:14px}.comm-grow>small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.comm-tag{display:inline-flex;align-items:center;justify-content:center;min-width:52px;max-width:110px;min-height:40px;border-radius:8px;background:var(--accent-soft);border:1px solid #ef404b30;color:#ff8e97;font-family:var(--display);font-size:15px;padding:8px;overflow-wrap:anywhere}.comm-elo{font-family:var(--display);font-size:24px;line-height:1;text-align:right;white-space:nowrap}.comm-elo small{display:block;color:var(--muted);font:9px var(--font);letter-spacing:.08em;margin-top:6px}.comm-columns aside .comm-tag{margin:0 0 20px}.comm-preserve{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.comm-member-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.comm-member-row:last-child{border:0}.comm-member-row .avatar{flex-shrink:0}.comm-member-actions{display:flex;gap:8px;flex-wrap:wrap}.comm-inline{display:inline-flex;margin:0}.comm-inline .button{min-height:34px;padding:7px 10px;font-size:11px}.comm-form-space{margin-top:24px}.comm-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:440px}.comm-inbox-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.comm-inbox-meta>b{color:#fff;background:var(--accent);border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600}.comm-inbox-meta>small{font-size:10px;color:var(--muted)}.comm-search-results{margin-top:20px;border-top:1px solid var(--line)}.comm-search-results>a{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.comm-search-results>a:hover{color:var(--accent)}.comm-search-results svg{width:15px}.comm-conversation{max-width:900px}.comm-thread-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.comm-message-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.comm-message{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px 20px;width:90%;align-self:flex-start}.comm-message-own{align-self:flex-end;background:#ef404b08;border-color:#ef404b25}.comm-message header{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px}.comm-message header time{font-size:10px;color:var(--muted)}.comm-message p{margin:12px 0 0;color:#dedee4;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.comm-columns .panel h2{font-size:18px;margin-bottom:20px}.comm-columns .panel h3{margin-top:0}.comm-directory-row .avatar{flex-shrink:0}.comm-member-row .account-avatar{flex-shrink:0}@media(max-width:1100px){.comm-columns{grid-template-columns:1fr}.comm-columns>aside{max-width:none}.comm-truncate{max-width:330px}}@media(max-width:760px){.comm-columns{gap:20px}.comm-directory-row{gap:10px;padding:17px 0}.comm-grow>strong{font-size:13px}.comm-grow>small{font-size:11px}.comm-tag{min-width:43px;min-height:36px;font-size:12px;max-width:78px}.comm-elo{font-size:20px}.comm-directory-row>svg{display:none}.comm-member-actions{width:100%;padding-left:46px}.comm-message{width:100%;padding:15px}.comm-message header{align-items:flex-start;flex-direction:column;gap:4px}.comm-message p{font-size:13px}.comm-inbox-meta>small{font-size:9px}.comm-inbox-meta>b{font-size:9px}.comm-truncate{max-width:190px}.comm-columns .filter-form{align-items:stretch}.comm-columns .filter-form input{flex:1;max-width:none}.comm-grow{overflow-wrap:anywhere}}
