:root{--hh-card-bg:#fff;--hh-card-ink:#151c27;--hh-card-ink-2:#444852;--hh-card-muted:#686d79;--hh-card-line:#e5e8ee;--hh-card-line-hover:#dfcef5;--hh-card-tint:#faf7ff;--hh-card-inset:#f0f2f6;--hh-card-skeleton:#e4dfea;--hh-card-radius:14px;--hh-card-radius-inner:10px;--hh-card-pad-compact:12px;--hh-card-pad:16px;--hh-card-pad-featured:20px;--hh-card-gap:8px;--hh-card-stack-gap:12px;--hh-card-shadow:none;--hh-card-shadow-floating:0 8px 24px rgb(27 24 44/.055),0 1px 3px rgb(27 24 44/.04);--hh-card-media-ratio:4/3;--hh-card-title-size:14px;--hh-card-value-size:15px;--hh-card-meta-size:12px;--hh-card-focus:#7c3aed;--hh-card-cta:linear-gradient(180deg,#8a4fe7,#6830d0);--hh-card-cta-hover:linear-gradient(180deg,#7c3aed,#5b21b6);--hh-card-ease:cubic-bezier(.2,0,0,1)}:where(.hh-card){--hh-card-current-pad:var(--hh-card-pad);position:relative;display:block;min-width:0;box-sizing:border-box;padding:var(--hh-card-current-pad);border:1px solid var(--hh-card-line);border-radius:var(--hh-card-radius);background:var(--hh-card-bg);color:var(--hh-card-ink);box-shadow:var(--hh-card-shadow);text-align:start;overflow-wrap:anywhere}:where(.hh-card[data-card]){display:flex;flex-direction:column;gap:var(--hh-card-gap)}:where(.hh-card[data-density=compact]){--hh-card-current-pad:var(--hh-card-pad-compact)}:where(.hh-card[data-density=featured]){--hh-card-current-pad:var(--hh-card-pad-featured)}:where(.hh-card[data-card=media]){--hh-card-current-pad:8px;gap:6px}:where(a.hh-card){text-decoration:none;color:inherit}:where(.hh-card[data-interactive=true],a.hh-card,button.hh-card){cursor:pointer;transition:border-color .12s var(--hh-card-ease),background-color .12s var(--hh-card-ease)}:where(.hh-card[data-interactive=true],a.hh-card,button.hh-card):hover,:where(.hh-card[data-selected=true]){border-color:var(--hh-card-line-hover)}:where(.hh-card[data-selected=true]){background:var(--hh-card-tint)}:where(.hh-card:has(.hh-card-cover:focus-visible)),:where(.hh-card[data-interactive=true],a.hh-card,button.hh-card):focus-visible{outline:2px solid var(--hh-card-focus);outline-offset:2px}:where(.hh-card[data-floating=true]){box-shadow:var(--hh-card-shadow-floating)}:where(.hh-card[data-tone]){border-color:var(--sem-line)}:where(.hh-card[data-tone][data-tone-fill=true]){background:var(--sem-bg);color:var(--sem-fg)}:where(.hh-card-media){position:relative;aspect-ratio:var(--hh-card-media-ratio);overflow:hidden;border-radius:var(--hh-card-radius-inner);background:var(--hh-card-inset)}:where(.hh-card-media[data-ratio=square]){aspect-ratio:1/1}:where(.hh-card-media[data-ratio=wide]){aspect-ratio:16/9}:where(.hh-card-media)>:where(img){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:where(.hh-card-media-fallback){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;background:var(--hh-neutral-bg,#f5f3f7);color:var(--hh-neutral-fg,#686171);font-size:var(--hh-card-meta-size)}:where(.hh-card-source){position:absolute;inset-block-start:8px;inset-inline-start:8px;padding:1px 9px;border:1px solid var(--hh-card-line);border-radius:999px;background:#fff;color:var(--hh-card-ink-2);font-size:11.5px;font-weight:600;line-height:1.7}:where(.hh-card-body){display:flex;flex-direction:column;gap:3px;min-width:0}:where(.hh-card[data-card=media]) :where(.hh-card-body){padding:2px 6px 6px}:where(.hh-card-header){display:flex;align-items:center;gap:10px;min-width:0}:where(.hh-card-header)>:where(.hh-card-body){flex:1}:where(.hh-card) .hh-card-title{margin:0;font-size:var(--hh-card-title-size);font-weight:600;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:where(.hh-card) .hh-card-value{margin:0;font-size:var(--hh-card-value-size);font-weight:700;line-height:1.6;font-variant-numeric:tabular-nums}:where(.hh-card) .hh-card-meta{margin:0;font-size:var(--hh-card-meta-size);line-height:1.7;color:var(--hh-card-muted)}:where(.hh-card[data-tone]) :where(.hh-card-meta[data-tone-text=true]){color:var(--sem-fg)}:where(.hh-card-icon){display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:var(--hh-card-radius-inner);border:1px solid var(--sem-line,var(--hh-card-line));background:var(--sem-bg,var(--hh-card-tint));color:var(--sem-fg,#6938a8);font-size:13px;font-weight:700}:where(.hh-card-footer){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-block-start:auto;padding-block-start:10px;border-block-start:1px solid var(--hh-card-line);font-size:12.5px;font-weight:600}:where(.hh-card[data-tone]) :where(.hh-card-footer){border-color:var(--sem-line)}:where(.hh-card-cover):after{content:"";position:absolute;inset:0;border-radius:inherit}:where(.hh-card-cover):focus-visible{outline:none}:where(.hh-card) .hh-card-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid #6830d0;border-radius:var(--hh-card-radius-inner);background:var(--hh-card-cta);color:#fff;font:inherit;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff26,0 1px 2px #5b21b633}:where(.hh-card) .hh-card-primary:hover:not(:disabled){background:var(--hh-card-cta-hover)}:where(.hh-card) .hh-card-primary:focus-visible{outline:2px solid var(--hh-card-focus);outline-offset:2px}:where(.hh-card) .hh-card-figure{margin:0;font-size:26px;font-weight:700;line-height:1.35;letter-spacing:-.3px;font-variant-numeric:tabular-nums}:where(.hh-card-list){padding:0;overflow:hidden}:where(.hh-card-row){position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:12px var(--hh-card-pad);color:inherit;text-decoration:none}:where(.hh-card-row+.hh-card-row){border-block-start:1px solid var(--hh-card-line)}:where(a.hh-card-row,button.hh-card-row):hover{background:var(--hh-card-tint)}:where(.hh-card-row[data-tone]){background:var(--sem-bg);color:var(--sem-fg)}:where(.hh-card-row)>:where(.hh-card-body){flex:1}:where(.hh-card-thumb){flex:0 0 auto;width:44px;height:44px;overflow:hidden;border-radius:var(--hh-card-radius-inner);background:var(--hh-card-inset);display:inline-flex;align-items:center;justify-content:center;color:#6938a8;font-weight:700}:where(.hh-card-thumb)>:where(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:where(.hh-card-brand){flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--hh-card-line);border-radius:var(--hh-card-radius-inner);background:#fff;color:#6938a8;font-size:12px;font-weight:700}:where(.hh-card-brand)>:where(img){width:24px;height:24px;-o-object-fit:contain;object-fit:contain}:where(.hh-card[aria-busy=true]) :where(.hh-card-skeleton){display:block;height:10px;border-radius:8px;background:var(--hh-card-skeleton);animation:hh-card-breathe 1.6s ease-in-out infinite}:where(.hh-card[aria-busy=true]) :where(.hh-card-media){animation:hh-card-breathe 1.6s ease-in-out infinite}@keyframes hh-card-breathe{0%,to{opacity:.55}50%{opacity:1}}:where(.hh-card-strip){display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--hh-card-stack-gap)}:where(.hh-card-grid){display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--hh-card-stack-gap)}@media (max-width:640px){:where(.hh-card-strip){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block-end:2px;overscroll-behavior-x:contain}:where(.hh-card-strip)>*{flex:0 0 72%;max-width:240px;scroll-snap-align:start}}@media (max-width:480px){:where(.hh-card-row){flex-wrap:wrap;row-gap:4px}:where(.hh-card-row)>:where(.hh-card-body){flex:1 1 calc(100% - 56px)}}@media (prefers-reduced-motion:reduce){:where(.hh-card[aria-busy=true]) :where(.hh-card-skeleton,.hh-card-media){animation:none}:where(.hh-card[data-interactive=true],a.hh-card,button.hh-card){transition:none}}:where(.hh-card[data-tone=violet],.hh-card [data-tone=violet],.hh-card-badge[data-tone=violet]){--sem-fg:var(--hh-violet-fg,#6938a8);--sem-bg:var(--hh-violet-bg,#f3ecfc);--sem-line:var(--hh-violet-line,#dfcef5)}:where(.hh-card[data-tone=teal],.hh-card [data-tone=teal],.hh-card-badge[data-tone=teal]){--sem-fg:var(--hh-teal-fg,#216758);--sem-bg:var(--hh-teal-bg,#eaf5f0);--sem-line:var(--hh-teal-line,#bddfd1)}:where(.hh-card[data-tone=blue],.hh-card [data-tone=blue],.hh-card-badge[data-tone=blue]){--sem-fg:var(--hh-blue-fg,#345e98);--sem-bg:var(--hh-blue-bg,#eef3fb);--sem-line:var(--hh-blue-line,#ceddf2)}:where(.hh-card[data-tone=amber],.hh-card [data-tone=amber],.hh-card-badge[data-tone=amber]){--sem-fg:var(--hh-amber-fg,#825118);--sem-bg:var(--hh-amber-bg,#fbf2e4);--sem-line:var(--hh-amber-line,#ead5b3)}:where(.hh-card[data-tone=rose],.hh-card [data-tone=rose],.hh-card-badge[data-tone=rose]){--sem-fg:var(--hh-rose-fg,#9c3b52);--sem-bg:var(--hh-rose-bg,#fbeef1);--sem-line:var(--hh-rose-line,#f0cdd6)}:where(.hh-card[data-tone=neutral],.hh-card [data-tone=neutral],.hh-card-badge[data-tone=neutral]){--sem-fg:var(--hh-neutral-fg,#686171);--sem-bg:var(--hh-neutral-bg,#f5f3f7);--sem-line:var(--hh-neutral-line,#e4dfea)}:where(.hh-card-badge){display:inline-flex;align-items:center;gap:4px;align-self:flex-start;width:-moz-fit-content;width:fit-content;padding:1px 9px;border:1px solid var(--sem-line,var(--hh-card-line));border-radius:999px;background:var(--sem-bg,#f5f3f7);color:var(--sem-fg,#686171);font-size:11px;font-weight:700;line-height:1.7;white-space:nowrap}:where(.hh-channel-list){margin:0}:where(.hh-channel-list-head){display:flex;align-items:center;gap:8px;min-height:40px;padding:8px var(--hh-card-pad);background:var(--hh-brand-tint,var(--hh-card-tint));border-block-end:1px solid var(--hh-brand-line,var(--hh-card-line))}:where(.hh-channel-list-head)>:where(img){width:20px;height:20px;border-radius:6px;-o-object-fit:contain;object-fit:contain;background:#fff}:where(.hh-channel-list-title){flex:1;min-width:0;font-size:12.5px;font-weight:700;color:var(--hh-card-ink)}:where(.hh-channel-list-brand){color:var(--hh-brand-ink,#6938a8)}:where(.hh-channel-list-meta){font-size:11.5px;color:var(--hh-card-muted);white-space:nowrap}:where(.hh-channel-list-row){align-items:center}:where(.hh-channel-list-row) :where(.hh-card-title){-webkit-line-clamp:1;font-size:13px}:where(.hh-channel-list-side){display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}:where(.hh-channel-list-value){font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}:where(.hh-channel-list-actions){display:flex;align-items:center;gap:6px;flex-shrink:0}