.dc-root{font-family:'DM Sans',sans-serif;background:#111114;border:1px solid #2a2a35;border-radius:10px;overflow:hidden;color:#e0dedd;max-width:680px;}
.dc-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#18181c;border-bottom:1px solid #2a2a35;}
.dc-logo{width:20px;height:20px;color:#5865f2;flex-shrink:0;}
.dc-header-label{font-size:13px;font-weight:600;letter-spacing:.04em;color:#e0dedd;}
.dc-count{margin-left:auto;font-size:11px;font-family:'IBM Plex Mono',monospace;background:#2a2a35;color:#8a8898;padding:2px 8px;border-radius:10px;}
.dc-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:#4a4a58;text-align:center;}
.dc-empty svg{width:36px;height:36px;opacity:.4;}
.dc-empty p{font-size:13px;margin:0;}
.dc-list{list-style:none;margin:0;padding:0;}
.dc-item{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid #1e1e24;transition:background .12s;}
.dc-item:last-child{border-bottom:none;}
.dc-item:hover{background:#16161a;}
.dc-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#2a2a35;}
.dc-body{flex:1;min-width:0;}
.dc-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;flex-wrap:wrap;}
.dc-author{font-size:13px;font-weight:600;color:#5865f2;}
.dc-time{font-size:11px;color:#4a4a58;font-family:'IBM Plex Mono',monospace;white-space:nowrap;}
.dc-content{margin:0;font-size:13px;line-height:1.55;color:#b8b6b0;word-break:break-word;}

/* NEW — not from the decompile: compose box for posting into Discord
   from the Community page (see community.html + community.js). Matches
   .dc-root's own palette/radius rather than this page's separate
   community.css tokens, since it sits directly beneath that panel. */
.dc-compose{display:flex;gap:10px;align-items:flex-end;max-width:680px;margin-top:12px;background:#111114;border:1px solid #2a2a35;border-radius:10px;padding:12px;}
.dc-compose-input{flex:1;min-height:40px;max-height:160px;resize:vertical;background:#18181c;border:1px solid #2a2a35;border-radius:8px;padding:10px 12px;color:#e0dedd;font-family:'DM Sans',sans-serif;font-size:13px;line-height:1.5;outline:none;}
.dc-compose-input:focus{border-color:#5865f2;}
.dc-compose-input::placeholder{color:#4a4a58;}
.dc-compose-send{flex-shrink:0;background:#5865f2;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s;}
.dc-compose-send:hover{background:#4752c4;}
.dc-compose-send:disabled{opacity:.5;cursor:not-allowed;}
.dc-compose-error{max-width:680px;margin-top:8px;font-size:12px;color:#f87171;}
