.hm-panel{box-sizing:border-box;inline-size:100%;max-inline-size:640px;margin-inline:auto;background:var(--surface, #f3f4fb);border:1px solid var(--border, rgba(20, 20, 26, .12));border-radius:18px;padding:clamp(16px,3vw,24px);font-family:var(--font-body, "Inter", system-ui, sans-serif);color:var(--text, #14141a);-webkit-font-smoothing:antialiased;text-align:start}.hm-panel *{box-sizing:border-box}.hm-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hm-kicker{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink, #4338ca)}.hm-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--gold-soft, rgba(99, 102, 241, .16));color:var(--gold-ink, #4338ca);border:1px solid var(--gold-line, rgba(99, 102, 241, .45));white-space:nowrap;transition:color .3s ease,background .3s ease,border-color .3s ease}.hm-status .hm-dot{inline-size:7px;block-size:7px;border-radius:50%;background:var(--gold-strong, #4f46e5);flex:0 0 auto}.hm-status[data-state=done]{color:var(--green, #1f9d55);background:#1f9d551a;border-color:#1f9d5566}.hm-status[data-state=done] .hm-dot{background:var(--green, #1f9d55)}.hm-status[data-state=sorting] .hm-dot,.hm-status[data-state=finding] .hm-dot{animation:hm-pulse 1s ease-in-out infinite}@keyframes hm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.hm-caption{margin:12px 0 0;font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:clamp(17px,2.4vw,20px);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text, #14141a)}.hm-you{display:flex;align-items:center;gap:12px;margin-block-start:14px;padding:12px;border-radius:14px;background:var(--card, #fff);border:1px solid var(--gold-line, rgba(99, 102, 241, .45))}.hm-you-av{flex:0 0 auto;inline-size:40px;block-size:40px;border-radius:50%;background:var(--gold, #6366f1);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;font-family:var(--font-display, sans-serif);letter-spacing:-.01em}.hm-you-body{min-inline-size:0}.hm-you-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary, #6b6b74)}.hm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:6px}.hm-chip{font-size:12px;line-height:1;padding:6px 9px;border-radius:999px;border:1px solid var(--border, rgba(20, 20, 26, .12));background:#14141a08;color:var(--text-secondary, #52525b);white-space:nowrap;font-weight:500}.hm-chip.hm-shared-chip{background:var(--gold-soft, rgba(99, 102, 241, .16));border-color:var(--gold-line, rgba(99, 102, 241, .45));color:var(--gold-ink, #4338ca);font-weight:600}.hm-feed{margin-block-start:12px;display:flex;flex-direction:column;gap:10px}.hm-feed.hm-fade{opacity:0;transition:opacity .4s ease}.hm-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:var(--card, #fff);border:1px solid var(--border, rgba(20, 20, 26, .12));border-radius:14px;will-change:transform;transition:border-color .3s ease,box-shadow .4s ease,background .2s ease}.hm-card:hover{background:var(--card-hover, #f4f4fb);border-color:var(--border-hover, rgba(20, 20, 26, .26))}.hm-card.hm-top{border-color:var(--gold-line, rgba(99, 102, 241, .45));box-shadow:0 6px 22px #6366f124}.hm-av{flex:0 0 auto;inline-size:44px;block-size:44px;border-radius:50%;overflow:hidden;background:var(--surface, #f3f4fb)}.hm-av svg{inline-size:100%;block-size:100%;display:block}.hm-info{min-inline-size:0}.hm-name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text, #14141a);line-height:1.3}.hm-name .hm-meta{color:var(--text-tertiary, #6b6b74);font-weight:500}.hm-loc{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary, #6b6b74);margin-block-start:2px}.hm-pin{flex:0 0 auto;color:var(--gold-strong, #4f46e5)}.hm-card .hm-chips{margin-block-start:8px}.hm-score-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.hm-ring-box{position:relative;inline-size:56px;block-size:56px}.hm-ring{inline-size:56px;block-size:56px;transform:rotate(-90deg);display:block}.hm-ring-track{fill:none;stroke:var(--gold-soft, rgba(99, 102, 241, .16));stroke-width:5}.hm-ring-arc{fill:none;stroke:var(--gold-strong, #4f46e5);stroke-width:5;stroke-linecap:round}.hm-score{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display, sans-serif);font-weight:700;font-size:14px;color:var(--text, #14141a);line-height:1}.hm-score .hm-pct{font-size:9px;margin-inline-start:1px;color:var(--text-tertiary, #6b6b74)}.hm-shared{font-size:10px;color:var(--gold-ink, #4338ca);font-weight:600}.hm-badge{position:absolute;inset-block-start:-9px;inset-inline-end:14px;background:var(--gold, #6366f1);color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--gold-line, rgba(99, 102, 241, .45));letter-spacing:.01em;box-shadow:0 3px 10px #6366f133;animation:hm-pop .4s cubic-bezier(.22,1,.36,1);white-space:nowrap}@keyframes hm-pop{0%{opacity:0;transform:translateY(4px) scale(.85)}to{opacity:1;transform:none}}@media(max-width:380px){.hm-ring-box,.hm-ring{inline-size:48px;block-size:48px}.hm-av{inline-size:40px;block-size:40px;font-size:15px}.hm-card{gap:10px;padding:11px 12px}}@media(prefers-reduced-motion:reduce){.hm-card,.hm-ring-arc,.hm-feed,.hm-status{transition:none!important}.hm-status .hm-dot,.hm-badge{animation:none!important}}