.ha-wrap{max-width:380px;height:130px;margin:28px auto 0;position:relative;overflow:hidden}.ha-card{border-radius:var(--br-sm,12px);-webkit-backdrop-filter:blur(8px);opacity:0;background:#0a1a2e80;border:1px solid #4a9eda1a;padding:16px 20px;transition:opacity .4s,transform .4s;position:absolute;inset:0;transform:translateY(24px)}.ha-card--in,.ha-card--fill{opacity:1;transform:translateY(0)}.ha-card--out,.ha-card--exit{opacity:0;transform:translateY(-24px)}.ha-card--hidden{opacity:0;pointer-events:none}.ha-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ha-card-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--c-accent);background:#4a9eda1a;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.ha-card-time{color:var(--c-text-dim,#ffffff59);font-size:11px}.ha-card-title{color:var(--c-heading,#fff);margin-bottom:10px;font-size:14px;font-weight:500}.ha-card-skel{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.ha-skel-line{background:#4a9eda14;border-radius:2px;width:100%;height:4px}.ha-skel-line--short{width:65%}.ha-progress{background:#4a9eda14;border-radius:1px;height:2px;overflow:hidden}.ha-progress-bar{background:var(--c-accent);border-radius:1px;width:0;height:100%;transition:none}.ha-progress-bar--fill{width:100%;transition:width 2.5s linear}