.ht-unlock-badge {
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 12px; border-radius:20px;
  background:var(--purple-bg); color:var(--purple-fg);
  font-size:.83em; font-weight:600; margin-bottom:14px;
}
.ht-desc { font-size:.88em; color:var(--text-muted); margin-bottom:16px; line-height:1.7; }

/* 계산기 박스 */
.ht-calc {
  margin-bottom:14px; padding:14px 16px;
  background:var(--bg-card); border:1px solid var(--border); border-radius:10px;
}
.ht-calc-section-label {
  font-size:.73em; font-weight:700; color:var(--text-muted);
  letter-spacing:.04em; text-transform:uppercase; margin-bottom:8px;
}
.ht-calc-divider {
  border:none; border-top:1px solid var(--border); margin:12px 0;
}
.ht-selector-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.ht-selector-row:last-child { margin-bottom:0; }
.ht-selector-label { font-size:.8em; font-weight:700; color:var(--text-muted); width:56px; flex-shrink:0; }
.ht-chips { display:flex; flex-wrap:wrap; gap:4px; }
.ht-chip {
  padding:3px 10px; border-radius:12px; font-size:.8em; font-weight:600; cursor:pointer;
  border:1px solid var(--border); background:var(--bg); color:var(--text-muted);
  transition:all .12s; white-space:nowrap;
}
.ht-chip:hover { border-color:var(--primary); color:var(--primary); }
.ht-chip.active { background:var(--primary); border-color:var(--primary); color:#fff; }
.ht-chip-sm {
  padding:2px 6px; min-width:28px; text-align:center;
  border-radius:6px; font-size:.78em; font-weight:600; cursor:pointer;
  border:1px solid var(--border); background:var(--bg); color:var(--text-muted);
  transition:all .12s;
}
.ht-chip-sm:hover { border-color:var(--primary); color:var(--primary); }
.ht-chip-sm.active { background:var(--primary); border-color:var(--primary); color:#fff; }

/* 결과 박스 */
.ht-result {
  display:none; margin-bottom:16px; padding:14px 16px;
  background:var(--bg-card); border:1px solid var(--primary); border-radius:10px;
}
.ht-result-section { margin-bottom:10px; }
.ht-result-section:last-child { margin-bottom:0; }
.ht-result-label {
  font-size:.73em; font-weight:700; color:var(--primary);
  letter-spacing:.04em; margin-bottom:6px;
}
.ht-result-nums { display:flex; gap:20px; flex-wrap:wrap; font-size:.9em; }
.ht-result-num { display:flex; align-items:center; gap:5px; }
.ht-result-num-label { color:var(--text-muted); font-size:.88em; }
.ht-result-num-val { font-weight:700; font-size:1.05em; }
.ht-result-items { display:flex; flex-wrap:wrap; gap:6px; }
.ht-result-item {
  display:inline-flex; align-items:center; gap:4px;
  font-size:.83em; padding:3px 8px;
  background:var(--bg); border:1px solid var(--border); border-radius:6px;
  white-space:nowrap;
}
.ht-result-item img { width:16px; height:16px; object-fit:contain; }
.ht-result-item-count { color:var(--text-muted); }
.ht-result-empty { font-size:.83em; color:var(--text-muted); }