.hpi-card{--hpi-surface:var(--bg-card);--hpi-soft:color-mix(in srgb,var(--pink) 6%,var(--bg-card));--hpi-ink:var(--text-primary);--hpi-muted:var(--text-secondary);--hpi-pink:var(--pink);--hpi-strong:color-mix(in srgb,var(--pink) 82%,var(--text-primary));--hpi-on-strong:var(--bg-card);margin-bottom:var(--sp-3);padding:clamp(14px,2.4vw,20px) !important;border:3px solid var(--hpi-pink) !important;border-radius:var(--r-lg);background:var(--hpi-surface) !important;color:var(--hpi-ink);font-family:var(--font-body,Calibri,sans-serif)}.hpi-card *{box-sizing:border-box}.hpi-head,.hpi-title,.hpi-status-line,.hpi-lock,.hpi-safe-note,.hpi-loading,.hpi-error{display:flex}.hpi-head{align-items:flex-start;justify-content:space-between;gap:14px}.hpi-title{align-items:center;gap:12px;min-width:0}.hpi-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:3px solid var(--hpi-pink);border-radius:50%;background:var(--hpi-soft);font-size:21pt}.hpi-eyebrow{display:block;margin-bottom:2px;color:var(--hpi-strong);font-size:11pt;font-weight:900;letter-spacing:.025em}.hpi-title h3{margin:0 !important;color:var(--hpi-ink);font-size:17pt !important}.hpi-title p{max-width:740px;margin:4px 0 0;color:var(--hpi-muted);font-size:11pt;line-height:1.4}.hpi-readonly{flex:0 0 auto;padding:6px 10px;border:2px solid var(--hpi-pink);border-radius:999px;background:var(--hpi-surface);color:var(--hpi-ink);font-size:11pt;font-weight:900}.hpi-intro{margin-top:14px}.hpi-intro>p{margin:0 0 10px;color:var(--hpi-ink);font-size:11pt}.hpi-promises{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.hpi-promises span,.hpi-hobby-chip{padding:6px 9px;border:2px solid var(--hpi-pink);border-radius:999px;background:var(--hpi-surface);color:var(--hpi-ink);font-size:11pt;font-weight:800}.hpi-card .btn{min-height:40px;font-size:11pt}.hpi-card .btn-primary{border:2px solid var(--hpi-strong);background:var(--hpi-strong);color:var(--hpi-on-strong)}.hpi-card .btn-ghost{border:3px solid var(--hpi-pink);background:var(--hpi-surface);color:var(--hpi-ink)}.hpi-card .btn:focus-visible,.hpi-group summary:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 55%,transparent);outline-offset:2px}.hpi-ready{margin-top:14px}.hpi-status-line{align-items:center;gap:10px;margin-bottom:12px}.hpi-status-line>div{display:grid;gap:2px}.hpi-status-line b{color:var(--hpi-ink);font-size:13pt}.hpi-status-line span{color:var(--hpi-muted);font-size:11pt}.hpi-status-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--hpi-strong);color:var(--hpi-on-strong) !important;font-size:17pt !important;font-weight:900}.hpi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px}.hpi-metric{display:grid;gap:2px;min-height:82px;padding:10px;border:3px solid var(--hpi-pink);border-radius:var(--r-md);background:var(--hpi-surface);color:var(--hpi-ink)}.hpi-metric b{font-size:23pt;line-height:1}.hpi-metric span{color:var(--hpi-ink);font-size:11pt;font-weight:800}.hpi-metric.hpi-green{border-color:var(--green)}.hpi-metric.hpi-yellow{border-color:var(--yellow)}.hpi-safe-note,.hpi-lock{align-items:flex-start;flex-direction:column;gap:3px;margin:10px 0;padding:10px 12px;border-left:6px solid var(--green);border-radius:var(--r-md);background:var(--hpi-soft);color:var(--hpi-ink)}.hpi-safe-note b,.hpi-lock b{color:var(--hpi-ink);font-size:11pt}.hpi-safe-note span,.hpi-lock span{color:var(--hpi-muted);font-size:11pt;line-height:1.4}.hpi-groups{margin:13px 0}.hpi-groups h4{margin:0 0 8px;color:var(--hpi-ink);font-size:13pt}.hpi-group{margin-bottom:7px;border:3px solid var(--hpi-pink);border-radius:var(--r-md);background:var(--hpi-surface)}.hpi-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 11px;color:var(--hpi-ink);font-size:11pt;cursor:pointer}.hpi-group summary>span:last-child{font-weight:800;white-space:nowrap}.hpi-group-body{display:flex;flex-wrap:wrap;gap:7px;padding:0 11px 11px}.hpi-loading,.hpi-error{align-items:flex-start;flex-direction:column;gap:6px;margin-top:14px;padding:13px;border:3px solid var(--hpi-pink);border-radius:var(--r-md);background:var(--hpi-surface);color:var(--hpi-ink)}.hpi-loading b,.hpi-error b{color:var(--hpi-ink);font-size:13pt}.hpi-loading span,.hpi-error span{color:var(--hpi-muted);font-size:11pt}html:not([data-theme="dark"]) .hpi-card,html[data-theme="light"] .hpi-card{--hpi-surface:#fff;--hpi-soft:#fff;--hpi-ink:#000;--hpi-muted:#000;--hpi-strong:#a60f4b;--hpi-on-strong:#fff}@media (max-width:720px){.hpi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hpi-head{align-items:stretch;flex-direction:column}.hpi-readonly{align-self:flex-start}}@media (max-width:430px){.hpi-title{align-items:flex-start}.hpi-icon{flex-basis:42px;width:42px;height:42px;font-size:17pt}.hpi-metrics{grid-template-columns:1fr}.hpi-group summary{align-items:flex-start;flex-direction:column}}