:root{--mora:#5E2090;--mora2:#3A1262;--am:#FFCC00;--bg:#16121c;--card:#211a2b;--tx:#eee;}
*{box-sizing:border-box;font-family:Montserrat,system-ui,sans-serif}
body{margin:0;background:var(--bg);color:var(--tx)}
header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--mora2)}
.logo{color:var(--am);font-weight:800;text-decoration:none;letter-spacing:.5px}
.sp{flex:1}.logout{color:#cbb;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:16px}
section h2{font-size:1rem;color:#cbb}.n{background:var(--mora);border-radius:10px;padding:0 8px;font-size:.8rem}
.grid{display:grid;gap:10px}
.card{background:var(--card);border-radius:14px;padding:16px;text-decoration:none;color:var(--tx)}
.reel .hook{font-weight:700}.reel .meta{color:var(--am);font-size:.85rem;margin-top:6px}
.login{max-width:320px;margin:60px auto;display:flex;flex-direction:column;gap:12px}
input,button{padding:12px;border-radius:10px;border:0;font-size:1rem}
button{background:var(--am);color:var(--mora2);font-weight:700;cursor:pointer}
button.no{background:#5a2b2b;color:#fee}button.ok{background:var(--am)}
.acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.acciones form{margin:0;flex:1}.acciones button{width:100%}
.escena{padding:8px 0;border-bottom:1px solid #322a3e}.voz{color:#bdb4c9;font-size:.9rem}
.toma{color:var(--am);font-size:.8rem}.cta{color:var(--am);font-weight:700}
video{width:100%;border-radius:12px;background:#000}
.caption{white-space:pre-wrap;background:#1a1422;padding:12px;border-radius:10px}
.volver{color:#cbb;text-decoration:none}.err{color:#ff9}.vacio{color:#888}
@media(max-width:520px){main{padding:12px}}

/* Nota del evaluador de calidad (0-10) */
.nota{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font-weight:800;font-size:.78rem;}
.nota-alta{background:#1f7a3d;color:#fff;}      /* >=8 muy bueno */
.nota-media{background:#FFCC00;color:#3A1262;}  /* 6-8 */
.nota-baja{background:#7a1f1f;color:#fff;}       /* <6 flojo */