/* KlipTok v146 · Comunidad unificada (Red Social + Academia) — modo claro por defecto */
.k146{--c-soc:#0e7490;--c-soc-bg:#ecfeff;--c-aca:#6d28d9;--c-aca-bg:#f5f3ff;--c-line:rgba(15,23,42,.1);--c-mut:#64748b;--c-ink:#0f172a;color:var(--c-ink);max-width:760px;margin:0 auto}
.k146 .filters{position:sticky;top:0;z-index:5;display:flex;gap:.35rem;padding:.35rem;margin:0 0 1rem;background:#f1f5f9;border-radius:14px;box-shadow:0 6px 16px -14px rgba(15,23,42,.5)}
.k146 .filters button{flex:1;font:inherit;font-weight:600;font-size:.9rem;border:0;background:transparent;color:#334155;padding:.6rem .5rem;border-radius:10px;cursor:pointer;display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:wrap}
.k146 .filters button[aria-selected="true"]{background:#fff;color:var(--c-ink);box-shadow:0 2px 8px -3px rgba(15,23,42,.3)}
.k146 .filters button[data-f="social"][aria-selected="true"]{color:var(--c-soc)}
.k146 .filters button[data-f="academia"][aria-selected="true"]{color:var(--c-aca)}
.k146 .filters .n{font-size:.72rem;font-weight:700;background:#e2e8f0;color:#475569;border-radius:999px;padding:.05rem .45rem}
.k146 button:focus-visible,.k146 a:focus-visible,.k146 input:focus-visible,.k146 textarea:focus-visible,.k146 select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.k146 .composer{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:1rem;margin:0 0 1rem;display:flex;flex-direction:column;gap:.55rem}
.k146 .composer input,.k146 .composer textarea,.k146 .composer select{font:inherit;padding:.55rem .75rem;border:1px solid var(--c-line);border-radius:10px;width:100%;box-sizing:border-box;background:#fff;color:var(--c-ink)}
.k146 .composer textarea{min-height:80px;resize:vertical}
.k146 .composer .row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.k146 .composer .row label{font-size:.85rem;color:#334155;display:flex;gap:.4rem;align-items:center}
.k146 .composer .hint{font-size:.8rem;color:var(--c-mut);margin:0}
.k146 .btn{font:inherit;font-size:.88rem;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);padding:.45rem .9rem;border-radius:999px;cursor:pointer}
.k146 .btn.primary{background:#0f172a;color:#fff;border-color:#0f172a}
.k146 .btn.danger{color:#b91c1c;border-color:#fecaca}
.k146 .btn:disabled{opacity:.5;cursor:not-allowed}
.k146 .feed{display:flex;flex-direction:column;gap:.8rem}
.k146 .pc{background:#fff;border:1px solid var(--c-line);border-left:5px solid var(--c-soc);border-radius:16px;padding:1rem 1.1rem}
.k146 .pc[data-origin="academia"]{border-left-color:var(--c-aca)}
.k146 .pc.pinned{box-shadow:0 0 0 1px rgba(180,83,9,.25)}
.k146 .pc-head{display:flex;gap:.7rem;align-items:center;margin:0 0 .6rem}
.k146 .av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:#64748b}
.k146 .av.admin{background:#b45309}.k146 .av.instructor{background:#6d28d9}.k146 .av.mentor{background:#0f766e}.k146 .av.student{background:#7c3aed}.k146 .av.member{background:#0e7490}
.k146 .who{min-width:0;display:flex;flex-direction:column;gap:.15rem}
.k146 .who .line{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.k146 .who b{font-size:.95rem}
.k146 .who .when{font-size:.78rem;color:var(--c-mut)}
.k146 .tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;padding:.12rem .5rem;border-radius:999px;border:0;font-family:inherit;line-height:1.4}
.k146 .tag.role-admin{background:#fef3c7;color:#92400e}
.k146 .tag.role-instructor{background:#ede9fe;color:#5b21b6}
.k146 .tag.role-mentor{background:#ccfbf1;color:#115e59}
.k146 .tag.role-student{background:#f5f3ff;color:#6d28d9}
.k146 .tag.role-member{background:#ecfeff;color:#0e7490}
.k146 .ctx{margin-left:auto;flex:none;align-self:flex-start;font-size:.74rem;font-weight:700;padding:.25rem .65rem;border-radius:8px;white-space:nowrap}
.k146 .ctx.social{background:var(--c-soc-bg);color:var(--c-soc)}
.k146 .ctx.academia{background:var(--c-aca-bg);color:var(--c-aca)}
.k146 .course-tag{cursor:pointer;background:var(--c-aca-bg);color:var(--c-aca);border:1px solid rgba(109,40,217,.25);font-weight:600}
.k146 .pc h3{margin:0 0 .3rem;font-size:1.08rem;line-height:1.3}
.k146 .pc .body{margin:.2rem 0 .6rem;white-space:pre-wrap;line-height:1.55;color:#1e293b;overflow-wrap:anywhere}
.k146 .acts{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.k146 .acts .btn{padding:.35rem .8rem}
.k146 .acts .btn.on{background:#fee2e2;border-color:#fecaca;color:#b91c1c}
.k146 .cmt{border-top:1px solid var(--c-line);padding:.7rem 0}
.k146 .cmt .line{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.85rem;margin-bottom:.2rem}
.k146 .note,.k146 .empty{padding:1rem;border-radius:12px;background:#f8fafc;color:#475569;text-align:center}
.k146 .err{color:#b91c1c}.k146 .ok{color:#15803d}
.k146 .scope{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:0 0 1rem;padding:.6rem .9rem;border-radius:12px;background:var(--c-aca-bg);color:var(--c-aca);font-size:.9rem}
.k146 .legend{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0 0;font-size:.8rem;color:var(--c-mut);align-items:center}
@media (max-width:520px){.k146 .filters button{font-size:.8rem}.k146 .ctx{margin-left:0}.k146 .pc-head{flex-wrap:wrap}}
@media (prefers-reduced-motion:no-preference){.k146 .filters button{transition:background .15s,color .15s}}