.zen360-hr{--lav:#C8A2FF;--aqua:#7FE3D1;--peach:#FFBFAE;--ink:#2b2b2b;--card:#ffffff;--muted:#6b6b6b}
.zen360-hr{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--ink)}
.zen360-hr .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
@media(max-width:980px){.zen360-hr .grid{grid-template-columns:1fr}}
.viewer{position:relative;border:1px solid #eee;border-radius:18px;overflow:hidden;aspect-ratio:1/1;background:linear-gradient(180deg,#ffeef9,#eefaff)}
.viewer video,.viewer canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}
.hand-outline{margin:20px auto;width:62%;height:62%;border:2px dashed var(--lav);border-radius:22px}
.tips{display:flex;gap:12px;justify-content:center;margin:0 0 12px;padding:0;list-style:none}
.tips li{font-size:12px;background:#f6f0ff;border:1px solid #e8dcff;padding:6px 10px;border-radius:999px}
.controls{display:flex;gap:14px;align-items:center;margin:10px 0}
.switch{position:relative;display:inline-block;width:56px;height:26px}
.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ddd;border-radius:26px;transition:.2s}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}
.switch input:checked + .slider{background:var(--aqua)}.switch input:checked + .slider:before{transform:translateX(30px)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.btn{appearance:none;border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600}
.btn.primary{background:linear-gradient(90deg,var(--lav),var(--peach));color:#111;border:0}
.btn.accent{background:#f7f7f7;border-color:#e5e5e5} /* minimal, sin verde */
.btn.ghost{background:#fff}
.status{min-height:22px;font-size:13px;margin-top:6px;color:#666}
.quality{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.quality .chip{font-size:12px;background:#ffffff;border:1px solid #eadfff;color:#5B4B8A;padding:6px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(200,162,255,.2)}
.card{border:1px solid #eee;border-radius:18px;padding:18px;background:var(--card);box-shadow:0 10px 30px rgba(0,0,0,.04)}
.card h3{margin:0 0 12px}
.result .scores{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.pill{font-size:12px;background:#ffffff;border:1px solid #eadfff;color:#5B4B8A;padding:6px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(200,162,255,.25)}
.lines{display:grid;gap:10px;margin-top:8px}
.line .badge{display:inline-block;background:#f5f5ff;color:#5b4b8a;border:1px solid #e8dcff;padding:4px 8px;border-radius:999px;font-size:12px}
.extras{margin-top:12px;color:#3d3d3d}
.extras .affirm{margin-top:8px;font-style:italic;color:#4a4a4a}
.actions-row{display:flex;gap:10px;margin-top:10px}
.card.premium{margin-top:16px;border-color:#f6d2c7;background:linear-gradient(180deg,#fff, #fff6f3)}
.card.premium .premium-btn{display:inline-block;margin-top:10px;text-decoration:none;background:linear-gradient(90deg,var(--lav),var(--peach));padding:10px 14px;border-radius:12px;color:#111;font-weight:700}