/* DESCANSO / HOBBIES (descanso.js) — turquesa, para distinguirlo del resto de tarjetas de Foco */
.desc-card{border-color:rgba(45,212,191,.28);background:linear-gradient(180deg,rgba(45,212,191,.06),var(--card));}
.desc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.desc-tag{font-family:var(--font-stat);font-size:10px;font-weight:800;letter-spacing:2px;color:#2dd4bf;border:1px solid rgba(45,212,191,.4);border-radius:20px;padding:3px 9px;}
.desc-item{
  display:flex;align-items:stretch;gap:6px;margin-bottom:10px;
  background:linear-gradient(180deg,rgba(45,212,191,.05),var(--card2));
  border:1px solid rgba(45,212,191,.18);border-radius:16px;transition:.2s;
}
.desc-item:hover{border-color:rgba(45,212,191,.4);}
.desc-do{
  display:flex;align-items:center;gap:12px;flex:1;min-width:0;
  background:none;border:none;padding:14px 16px;margin:0;cursor:pointer;
  color:var(--text);font:inherit;text-align:left;border-radius:16px;transition:.18s;
}
.desc-do:hover{background:rgba(45,212,191,.06);}
.desc-do:active{transform:scale(.99);}
.desc-dot{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;border:2px solid rgba(45,212,191,.5);
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#04201c;line-height:1;transition:.18s;
}
.desc-do:hover .desc-dot{border-color:#2dd4bf;box-shadow:0 0 12px rgba(45,212,191,.55);}
.desc-txt{flex:1;min-width:0;font-size:clamp(13.5px,1.1vw,16px);font-weight:600;line-height:1.35;overflow-wrap:anywhere;}
.desc-reps{flex:none;font-size:12px;font-weight:800;color:#2dd4bf;background:rgba(45,212,191,.12);border-radius:20px;padding:3px 9px;}
.desc-xp{flex:none;font-size:11.5px;font-weight:800;color:var(--dim);font-variant-numeric:tabular-nums;}
.desc-item.done{background:linear-gradient(180deg,rgba(45,212,191,.12),var(--card2));border-color:rgba(45,212,191,.5);}
.desc-item.done .desc-dot{background:#2dd4bf;border-color:#2dd4bf;box-shadow:0 0 14px rgba(45,212,191,.6);}
.desc-x{background:none;border:none;color:var(--dim2);font-size:16px;cursor:pointer;line-height:1;padding:0 12px;}
.desc-x:hover{color:var(--red);}
.desc-meter{display:flex;align-items:center;gap:12px;margin-top:4px;}
.desc-meter-bar{flex:0 0 90px;height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;}
.desc-meter-fill{height:100%;border-radius:6px;background:#2dd4bf;transition:width .3s;}
.desc-meter-fill.low{background:#ffcf4d;}
.desc-meter-t{font-size:11.5px;color:var(--dim2);line-height:1.4;}
.desc-foot{margin:14px 0 0;font-size:11.5px;color:var(--dim2);line-height:1.45;}
.desc-ejemplos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;}
.desc-ej-t{font-size:11px;color:var(--dim2);width:100%;}
.desc-ej{background:var(--card2);border:1px solid var(--border);color:var(--dim);border-radius:20px;padding:6px 12px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;text-align:left;transition:.15s;}
.desc-ej:hover{border-color:rgba(45,212,191,.5);color:var(--text);}
.desc-add{display:flex;gap:10px;margin-top:14px;align-items:stretch;}
.desc-in{flex:1;min-width:0;display:flex;align-items:center;background:var(--card2);border:1px solid var(--border);border-radius:14px;padding:0 14px;transition:.15s;}
.desc-in:focus-within{border-color:#2dd4bf;}
.desc-in input{flex:1;min-width:0;background:none;border:none;padding:13px 0;color:var(--text);font:inherit;font-size:13.5px;}
.desc-in input:focus{outline:none;}
.desc-add-btn{width:46px;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,#2dd4bf,#14a898);border:none;color:#04201c;font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px rgba(45,212,191,.4);display:flex;align-items:center;justify-content:center;}
.desc-add-btn:hover{transform:scale(1.05);}
@media(max-width:420px){.desc-do{padding:12px;gap:10px;}.desc-xp{display:none;}}