/* KlipTok v196 · Reels: botones FUERA del móvil, en vertical, estilo YouTube Shorts; comentarios en el panel derecho. Quitar: borrar este CSS y su JS + etiquetas en index.html. */
@media (min-width:1024px){
  /* con el marco de móvil, la columna se aparta para no quedar bajo el marco ni el botón naranja */
  body.k196-fr .k130-rail{left:calc(100% + 2.9rem)}
  .k130-rail{width:4.4rem;gap:.2rem;padding-bottom:.4rem}
  .k130-b{position:relative;width:3rem;min-height:3rem;margin-bottom:1.15rem;border-radius:999px;background:#f2f2f2;color:#0f0f0f;box-shadow:none;padding:0}
  .k130-b:hover{background:#e3e3e3;transform:none;filter:none}.k130-b:active{background:#d6d6d6;transform:scale(.95)}
  .k130-b svg{width:1.35rem;height:1.35rem}
  .k130-b small{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font:500 12px/1 Roboto,system-ui,sans-serif;color:var(--k196-lb,#0f0f0f);white-space:nowrap}
  html.dark .k130-b{background:#272727;color:#fff}html.dark .k130-b:hover{background:#3f3f3f}html.dark{--k196-lb:#fff}
  .k130-nav button{background:#f2f2f2;color:#0f0f0f;box-shadow:none}.k130-nav button:hover{background:#e3e3e3;transform:none}
  html.dark .k130-nav button{background:#272727;color:#fff}html.dark .k130-nav button:hover{background:#3f3f3f}
  html.kr-open .k130-nav{display:none!important}
}
/* comentarios dentro del panel derecho */
#kt-rside .kc-title{margin:0 0 .4rem;font:800 1rem system-ui,sans-serif;text-transform:none;letter-spacing:0;color:inherit}
#kt-rside .kc-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding:.2rem .1rem}
#kt-rside .kc-it{display:flex;gap:.6rem;font:400 .8rem/1.35 system-ui,sans-serif}
#kt-rside .kc-av{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#7c3aed,#0891b2)}
#kt-rside .kc-u{font-weight:700;cursor:pointer}#kt-rside .kc-t{margin-left:.4rem;color:#64748b;font-size:.7rem}
#kt-rside .kc-it p{margin:.15rem 0 0;word-break:break-word}
#kt-rside .kc-del{margin-left:auto;border:0;background:none;color:#94a3b8;cursor:pointer}#kt-rside .kc-del:hover{color:#ef4444}
#kt-rside .kc-form{flex:none;display:flex;gap:.4rem;padding-top:.6rem;border-top:1px solid rgba(148,163,184,.3)}
#kt-rside .kc-form input{flex:1;min-width:0;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:rgba(148,163,184,.12);color:inherit;font:inherit;font-size:.8rem}
#kt-rside .kc-form button{border:0;border-radius:999px;padding:0 .9rem;background:#7c3aed;color:#fff;font:700 .75rem system-ui,sans-serif;cursor:pointer}
