/* ── Shared rhythm card styles ── */

/* Post card */
.post{background:var(--d2);border:1px solid var(--border);border-radius:16px;padding:20px 24px;
  position:relative;overflow:hidden;width:100%;min-width:0;box-sizing:border-box}
.post.is-featured{border-color:rgba(252,219,68,.3)}
.post-featured{position:absolute;top:0;right:0;background:var(--y);color:var(--dark);font-size:9px;
  font-weight:700;padding:3px 14px;border-radius:0 0 0 10px;letter-spacing:.8px;text-transform:uppercase}
.post-draft{position:absolute;top:0;right:0;font-size:9px;font-weight:600;
  color:var(--t3);border:1px dashed var(--border);padding:3px 12px;border-radius:0 0 0 10px;
  letter-spacing:.5px;text-transform:uppercase;background:var(--d3)}

/* Post title */
.post-title{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.post-title a{font-family:'Exo 2',sans-serif;font-size:18px;font-weight:900;letter-spacing:-.3px;
  color:var(--text);text-decoration:none;transition:color .15s;overflow-wrap:break-word;word-break:break-word;min-width:0}
.post-title a:hover{color:var(--y)}

/* Created by row */
.post-by{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--t2)}
.post-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:var(--d3);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none}
.post-avatar img{width:100%;height:100%;object-fit:cover}
.post-avatar-placeholder{font-size:10px;font-weight:800;color:var(--y);font-family:'Exo 2',sans-serif}
.post-by-name{font-weight:700;color:var(--text);text-decoration:none;transition:color .15s}
.post-by-name:hover{color:var(--y)}
.post-by-dot{color:var(--t3)}
.post-by-time{color:var(--t2);font-family:'Source Code Pro',monospace;font-size:11px}
.post-desc{font-size:12px;color:var(--t2);line-height:1.5;margin-bottom:12px;overflow-wrap:break-word;word-break:break-word}

/* Tags row */
.post-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}
.post-tag{display:inline-flex;align-items:center;gap:4px;
  border-radius:6px;padding:4px 10px;font-family:'Source Code Pro',monospace;font-size:11px;color:var(--t2)}
.post-tag:first-child{padding-left:0}
.post-tag svg{width:12px;height:12px;color:var(--y)}
.post-tag b{color:var(--text);font-weight:700}
.post-genre{font-size:10px;font-weight:600;color:var(--y);background:var(--ydim);
  padding:3px 10px;border-radius:6px;letter-spacing:.3px;font-family:'Source Code Pro',monospace;
  flex-shrink:0;white-space:nowrap}

/* Actions bar — icon-only Instagram style */
.post-actions{display:flex;align-items:center;gap:2px;border-top:1px solid var(--border);
  margin:0 -24px -20px;padding:6px 12px}
.post-action{display:inline-flex;align-items:center;gap:5px;
  padding:8px 10px;font-family:'Source Code Pro',monospace;font-size:12px;font-weight:600;
  color:var(--t3);text-decoration:none;border:none;background:none;cursor:pointer;
  transition:all .15s;border-radius:0}
.post-action svg{width:20px;height:20px;flex-shrink:0;transition:transform .15s ease}
.post-action:hover svg{transform:scale(1.15)}
.post-action.act-play:hover{color:var(--y)}
.post-action.act-like:hover{color:var(--red)}
.post-action.act-like.is-liked{color:var(--red)}
.post-action.act-like.is-liked svg{fill:var(--red);stroke:var(--red)}
.post-action.act-fork:hover{color:var(--purple)}
.post-action.act-share:hover{color:var(--blue)}
.post-action .act-count{font-size:11px;font-weight:500}

/* Owner dropdown */
.post-action-more{position:relative;margin-left:auto}
.post-action.act-more{color:var(--t3);padding:8px 6px}
.post-action.act-more svg{width:18px;height:18px}
.post-action.act-more:hover{color:var(--text)}
.post-dropdown{display:none;position:absolute;right:0;bottom:100%;margin-bottom:6px;background:var(--d2);
  border:1px solid var(--border);border-radius:10px;padding:4px 0;min-width:150px;z-index:50;
  box-shadow:0 8px 24px rgba(0,0,0,.3)}
.post-action-more.open .post-dropdown{display:block}
.post-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;
  background:none;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;
  text-decoration:none;transition:background .12s}
.post-dd-item svg{width:14px;height:14px;flex-shrink:0;color:var(--t3)}
.post-dd-item:hover{background:var(--d3)}
.post-dd-danger{color:var(--red)}
.post-dd-danger svg{color:var(--red)}
.post-dd-danger:hover{background:rgba(255,69,69,.1)}

/* Light theme */
[data-theme="light"] .post-featured{color:#1a1c22}

/* ── Edit-info modal (shared) ── */
.rc-ov{position:fixed;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(10px);z-index:200;
  display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.rc-ov.open{opacity:1;pointer-events:all}
.rc-modal{background:var(--d2);border:1px solid var(--border);border-radius:18px;padding:24px;
  width:520px;max-width:92vw;transform:scale(.95) translateY(10px);transition:transform .2s}
.rc-ov.open .rc-modal{transform:scale(1) translateY(0)}
.rc-mttl{font-family:'Exo 2',sans-serif;font-size:14px;font-weight:700;margin-bottom:4px}
.rc-msub{font-size:11px;color:var(--t2);margin-bottom:16px}
.rc-label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:5px}
.rc-field-wrap{position:relative}
.rc-field-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--t3);pointer-events:none}
.rc-field{width:100%;background:var(--d2);border:1px solid var(--border);border-radius:10px;padding:8px 10px 8px 30px;
  color:var(--text);font-family:'Source Code Pro',monospace;font-size:11px;outline:none;transition:all .2s;box-sizing:border-box}
.rc-field:focus{border-color:var(--y);background:var(--d3);box-shadow:0 0 0 3px var(--ydim)}
.rc-field::placeholder{color:var(--t3)}
.rc-field-err{font-size:11px;color:var(--red);margin-top:4px;display:none;font-family:'Source Code Pro',monospace}
.rc-btn-pri{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--y);border:1px solid var(--y);border-radius:8px;
  color:var(--dark);font-family:'Source Code Pro',monospace;font-size:11px;font-weight:700;padding:9px 14px;cursor:pointer;transition:all .15s}
.rc-btn-pri:hover{box-shadow:0 0 16px var(--yglow);transform:translateY(-1px)}
.rc-btn-pri:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
[data-theme="light"] .rc-btn-pri{color:#1a1c22}
.rc-btn-cancel{flex:1;padding:9px;background:none;border:1px solid var(--border);border-radius:8px;
  color:var(--t2);font-family:'Source Code Pro',monospace;font-size:11px;cursor:pointer;transition:all .15s}
.rc-btn-cancel:hover{border-color:var(--t2);color:var(--text)}

/* Responsive */
@media(max-width:640px){
  .post{padding:16px}
  .post-actions{margin:0 -16px -16px;padding:4px 4px}
  .post-action{padding:8px 8px}
  .post-action svg{width:18px;height:18px}
  .post-title a{font-size:15px}
  .rc-modal{width:96vw;padding:18px;border-radius:14px}
  .rc-btn-pri,.rc-btn-cancel{padding:12px;font-size:12px;min-height:44px}
}