/* ============================================================
   Comments
   ============================================================ */
.comment-form{display:grid;gap:11px;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:20px}
.comment-form .cf-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.switch{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700;cursor:pointer;color:var(--muted)}
.switch input{appearance:none;width:38px;height:21px;border-radius:99px;background:#2a2a36;position:relative;cursor:pointer;transition:.2s;border:0}
.switch input::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:99px;background:#fff;transition:.2s}
.switch input:checked{background:var(--accent)}
.switch input:checked::after{left:20px}
.comment{display:flex;gap:13px;padding:16px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--panel);margin-bottom:11px;animation:fade .3s ease}
.comment .c-av{width:40px;height:40px;border-radius:99px;flex-shrink:0;display:grid;place-items:center;font-weight:900;color:#fff;font-size:.9rem}
.comment .c-body{flex:1;min-width:0}
.comment .c-top{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:5px}
.comment .c-top b{font-size:.88rem}
.comment .c-top span{font-size:.72rem;color:var(--muted2)}
.comment p{margin:0;font-size:.9rem;color:#d6d6e2;word-break:break-word}
.comment .c-acts{display:flex;gap:8px;align-items:center;margin-top:9px}
.cbtn{background:none;border:1px solid var(--line);border-radius:99px;padding:.28rem .7rem;font-size:.72rem;font-weight:800;cursor:pointer;color:var(--muted);transition:.18s;display:inline-flex;gap:6px;align-items:center}
.cbtn:hover{color:var(--txt);border-color:var(--line2)}
.cbtn.on{color:var(--accent);border-color:var(--accent)}
.spoiler-blur{filter:blur(7px);user-select:none;cursor:pointer;transition:filter .25s}
.spoiler-blur.shown{filter:none;user-select:auto}
.spoiler-tag{font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffb020;border:1px solid rgba(255,176,32,.4);background:rgba(255,176,32,.1);padding:.16rem .45rem;border-radius:6px;margin-right:7px}