.composer{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;gap:12px}
.composer .box{flex:1;min-width:0}
.composer textarea{width:100%;background:none;border:none;outline:none;resize:none;
  font-size:16.5px;line-height:1.55;min-height:52px;max-height:340px;padding:8px 0;
  color:var(--fg)}
.composer textarea::placeholder{color:var(--mut2)}
.cbar{display:flex;align-items:center;gap:6px;margin-top:6px}
.cbar .sp{flex:1}
.tool{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;font-size:15px;opacity:.6;transition:all .18s}
.tool:hover{opacity:1;background:rgba(0,240,255,.1)}
.cnt{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mut2);
  margin-right:6px}
.cnt.warn{color:#FFB020}
.cnt.over{color:var(--rd)}
.send{padding:8px 20px;border-radius:99px;font-weight:800;font-size:13.5px;
  background:linear-gradient(120deg,#00F0FF,#00E58A);color:#04121A;
  transition:all .2s}
.send:disabled{opacity:.32;cursor:not-allowed}
.send:not(:disabled):hover{box-shadow:0 0 20px -4px rgba(0,240,255,.7)}
.preview{position:relative;margin-top:10px;border-radius:14px;overflow:hidden;
  border:1px solid var(--line);max-width:300px}
.preview img{width:100%;display:block;max-height:220px;object-fit:cover}
.preview .x{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;
  background:rgba(0,0,0,.72);color:#fff;font-size:13px;display:flex;
  align-items:center;justify-content:center}

.post{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);
  transition:background .2s;cursor:pointer;animation:fadeIn .35s var(--ease) both}
.post:hover{background:rgba(255,255,255,.018)}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.post .body{flex:1;min-width:0}
.phead{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:3px}
.phead .nm{font-weight:750;font-size:14px}
.phead .hd,.phead .dt{font-size:12.5px;color:var(--mut2);
  font-family:'JetBrains Mono',monospace}
.phead .dt::before{content:'·';margin-right:6px}
.aiflag{font-size:10px;padding:1.5px 7px;border-radius:99px;
  background:rgba(138,43,226,.16);border:1px solid rgba(138,43,226,.4);
  color:#C89CFF;font-weight:700;font-family:'JetBrains Mono',monospace}
.ptext{font-size:14.6px;line-height:1.62;white-space:pre-wrap;word-break:break-word;
  overflow-wrap:anywhere;margin:2px 0 8px}
.ptext .tag{color:var(--cy);font-weight:600}
.pmedia{margin:10px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  background:#000;max-width:100%}
.pmedia img{width:100%;display:block;max-height:520px;object-fit:contain}
.plink{display:block;margin:8px 0;padding:11px 13px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:12.5px;
  color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plink:hover{border-color:rgba(0,240,255,.4);color:var(--cy)}
.pacts{display:flex;gap:4px;margin-top:2px;margin-left:-8px}
.act{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;
  font-size:12.5px;color:var(--mut2);transition:all .16s;font-weight:600}
.act:hover{background:rgba(0,240,255,.09);color:var(--cy)}
.act.on{color:var(--rd)}
.act.on:hover{background:rgba(255,77,109,.1)}
.act.del:hover{color:var(--rd);background:rgba(255,77,109,.09)}
.act .ic{font-size:14px;line-height:1}

.panel-card{border:1px solid var(--line);border-radius:16px;background:var(--card);
  padding:15px 16px;margin-bottom:14px}
.panel-card h3{margin:0 0 11px;font-size:11px;font-family:'JetBrains Mono',monospace;
  letter-spacing:.14em;text-transform:uppercase;color:var(--mut2);font-weight:600}
.who-row{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer}
.who-row:hover .nm{color:var(--cy)}
.who-row .nm{font-size:13px;font-weight:700;line-height:1.25;transition:color .16s}
.who-row .hd{font-size:11.5px;color:var(--mut2);font-family:'JetBrains Mono',monospace}
.who-row .fbtn{margin-left:auto;font-size:11.5px;font-weight:800;padding:5px 11px;
  border-radius:99px;border:1px solid rgba(0,240,255,.4);color:var(--cy);
  transition:all .18s}
.who-row .fbtn:hover{background:rgba(0,240,255,.13)}
.who-row .fbtn.on{border-color:var(--line);color:var(--mut2)}
.who-row .fbtn.on:hover{border-color:rgba(255,77,109,.5);color:var(--rd)}
.aitip{font-size:12.4px;line-height:1.65;color:var(--mut);margin:0}
.aitip b{color:var(--cy);font-weight:700}