/* =====================================================================
   Next Chord — /next-chord/nc.css (20/10/2026). Base: analyzer.css.
   Every class starts with nc-. The colours are the book's: sage for
   arrival (confirm), amber for waiting (delay), terracotta for surprise.
   ===================================================================== */
:root{--nc-c:#6FB78F;--nc-d:#c9942f;--nc-s:#e07a52;--nc-b:#8d8a83}

.nc-h1{margin:10px 0 8px}
.nc-lema{color:var(--pewter);font-size:clamp(16px,1.9vw,19px);font-weight:500;margin:0 0 6px}
.nc-lema b{color:var(--cream)}

.nc-app{margin-top:28px;display:flex;flex-direction:column;gap:14px}
.nc-panel{background:linear-gradient(180deg,var(--panel),#121214);border:1px solid var(--line-strong);border-radius:16px;padding:22px}
.nc-panel h2{font-size:20px;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.nc-panel h2 .nc-num{font-size:13px;color:var(--muted2);letter-spacing:2px}
.nc-panel p{color:var(--muted);font-size:15px;margin:0 0 10px;max-width:46em}
.nc-panel p b{color:var(--cream)}
.nc-esp{color:var(--nc-c)}

.nc-fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}
.nc-lbl{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.4px;font-size:11.5px;color:var(--muted2)}
.nc-panel select,.nc-panel input[type=text]{background:#0a0a0b;border:1px solid var(--line-strong);border-radius:8px;color:var(--cream);
  font:inherit;font-size:14.5px;padding:7px 10px}
.nc-panel input[type=text]{flex:1 1 260px;min-width:0}
.nc-err{color:var(--nc-s);font-size:13.5px;margin:4px 0 0;min-height:1em}

.nc-btn,.nc-chip,.nc-play,.nc-usar{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.3px;font-size:12.5px;
  border-radius:999px;padding:8px 15px;cursor:pointer;border:1px solid var(--line-strong);background:#0f0f11;color:var(--cream);transition:.15s}
.nc-btn:hover,.nc-chip:hover,.nc-play:hover{border-color:var(--pewter)}
.nc-btn:disabled{opacity:.35;cursor:default}
.nc-btn.prim{background:var(--cream);color:#111;border-color:var(--cream)}
.nc-chip.ej{border-color:var(--nc-c);color:var(--nc-c)}
.nc-presets{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}

/* the eight bars */
.nc-tira{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:14px 0 10px}
.nc-bar{position:relative;border:1px solid var(--line-strong);border-top:3px solid var(--nc-b);border-radius:10px;padding:18px 6px 8px;
  min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0e0e10;transition:.15s}
.nc-bar.dec-c{border-top-color:var(--nc-c)} .nc-bar.dec-d{border-top-color:var(--nc-d)} .nc-bar.dec-s{border-top-color:var(--nc-s)}
.nc-bar.vacio{border-style:dashed;border-top-width:1px;opacity:.55}
.nc-bar.siguiente{opacity:1;border-color:var(--pewter)}
.nc-bar.sonando{background:rgba(241,238,232,.10);transform:translateY(-2px)}
.nc-n{position:absolute;top:5px;left:8px;font-size:11px;color:var(--muted2);font-family:'Oswald',sans-serif}
.nc-ch{font-family:'Oswald',sans-serif;font-size:clamp(15px,1.9vw,20px);font-weight:600;white-space:nowrap}
.nc-ro{font-size:12.5px;color:var(--pewter)}
.nc-dec{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:10px;color:var(--muted2)}
.dec-c .nc-dec{color:var(--nc-c)} .dec-d .nc-dec{color:var(--nc-d)} .dec-s .nc-dec{color:var(--nc-s)}
@media (max-width:720px){ .nc-tira{grid-template-columns:repeat(4,minmax(0,1fr))} }

.nc-trans{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nc-trans input[type=range]{accent-color:var(--nc-c);width:120px}

/* decide */
.nc-decidir{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 4px}
.nc-dec-btn{text-align:left;border:1px solid var(--line-strong);border-radius:14px;padding:14px 16px;background:#0e0e10;color:var(--cream);
  cursor:pointer;font:inherit;transition:.15s}
.nc-dec-btn b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.6px;font-size:17px;margin-bottom:3px}
.nc-dec-btn span{color:var(--muted);font-size:13.5px;line-height:1.45;display:block}
.nc-dec-btn[data-dec=confirm] b{color:var(--nc-c)} .nc-dec-btn[data-dec=delay] b{color:var(--nc-d)} .nc-dec-btn[data-dec=surprise] b{color:var(--nc-s)}
.nc-dec-btn.on[data-dec=confirm]{border-color:var(--nc-c);background:rgba(111,183,143,.10)}
.nc-dec-btn.on[data-dec=delay]{border-color:var(--nc-d);background:rgba(201,148,47,.10)}
.nc-dec-btn.on[data-dec=surprise]{border-color:var(--nc-s);background:rgba(224,122,82,.10)}
@media (max-width:720px){ .nc-decidir{grid-template-columns:1fr} }

/* conditions */
.nc-intro{margin-top:14px !important}
.nc-cond{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}
.nc-cond-g{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#0e0e10}
.nc-cond-g .nc-lbl{display:block;margin-bottom:6px}
.nc-check{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:13.5px;line-height:1.4;margin:6px 0;cursor:pointer}
.nc-check input{accent-color:var(--nc-s);margin-top:2px;flex:none}
@media (max-width:860px){ .nc-cond{grid-template-columns:1fr} }
.nc-cuenta{font-size:15px}
.nc-cuenta b{font-family:'Oswald',sans-serif;font-size:20px;color:var(--cream)}

/* candidates */
.nc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:8px}
.nc-card{border:1px solid var(--line-strong);border-left:3px solid var(--nc-s);border-radius:12px;padding:12px 14px;background:#0e0e10;
  display:flex;flex-direction:column;gap:6px}
.nc-card.g-confirm,.nc-card.g-color{border-left-color:var(--nc-c)} .nc-card.g-inversion,.nc-card.g-casa{border-left-color:var(--nc-d)}
.nc-card-et{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.2px;font-size:10.5px;color:var(--muted2)}
.nc-card-cab{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.nc-card-ch{font-family:'Oswald',sans-serif;font-size:24px;font-weight:600}
.nc-card-ro{color:var(--pewter);font-size:14px}
.nc-card-dat{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);line-height:1.5}
.nc-card-dat b{color:var(--cream);font-weight:500}
.nc-tags{display:flex;flex-wrap:wrap;gap:4px}
.nc-tag{font-size:11px;border:1px solid var(--line-strong);border-radius:999px;padding:1px 8px;color:var(--pewter)}
.nc-cumple{font-size:12.5px}
.nc-cumple.si{color:var(--nc-c)} .nc-cumple.no{color:var(--muted2)}
.nc-card-acc{display:flex;gap:6px;margin-top:4px}
.nc-play{flex:1;padding:7px 10px}
.nc-usar{flex:1;padding:7px 10px;background:var(--cream);color:#111;border-color:var(--cream)}
.nc-hold{margin:6px 0 0}

/* the end */
.nc-acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}

/* the book */
.nc-libro{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.nc-libro img{width:150px;height:auto;border-radius:4px;box-shadow:0 12px 40px rgba(0,0,0,.5);flex:none}
.nc-libro div{flex:1 1 320px}
.nc-libro h2{margin:0 0 8px}
.nc-libro p{color:var(--muted);margin:0 0 12px}
.nc-libro .nc-btn{display:inline-block;margin-right:8px}
.nc-lista p{color:var(--muted);max-width:46em}
.nc-lista h3{margin:22px 0 6px;font-size:17px;letter-spacing:.8px;text-transform:uppercase}