.ht-scatter{--ht-surface:var(--ui-surface);--ht-border:var(--ui-card-border);--ht-hover-border:var(--ui-primary-bg);--ht-text:var(--app-text);--ht-cobalt-bg:var(--ui-accent-soft-bg);--ht-cobalt-fg:var(--ui-accent-soft-text);--ht-green-bg:var(--ui-success-soft-bg);--ht-green-fg:var(--ui-success-bg);--ht-amber-bg:var(--ui-warning-soft-bg);--ht-amber-fg:var(--ui-warning-soft-text);--ht-coral-bg:var(--ui-accent-warm-soft-bg);--ht-coral-fg:var(--ui-accent-warm-bg);flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.ht-scatter.is-centered{justify-content:center}.ht-tile{background:var(--ht-surface);border:1px solid var(--ht-border);box-shadow:var(--elevation-1);transform:rotate(var(--rot,0deg));border-radius:12px;align-items:center;gap:10px;padding:9px 14px 9px 9px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;display:inline-flex}.ht-tile:hover{box-shadow:var(--elevation-3);border-color:var(--ht-hover-border);z-index:10;transform:rotate(0)translateY(-5px)scale(1.04)}.ht-ic{border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ht-tile.cobalt .ht-ic{background:var(--ht-cobalt-bg);color:var(--ht-cobalt-fg)}.ht-tile.green .ht-ic{background:var(--ht-green-bg);color:var(--ht-green-fg)}.ht-tile.amber .ht-ic{background:var(--ht-amber-bg);color:var(--ht-amber-fg)}.ht-tile.coral .ht-ic{background:var(--ht-coral-bg);color:var(--ht-coral-fg)}.ht-ic svg{width:15px;height:15px}.ht-lab{white-space:nowrap;color:var(--ht-text);font-size:14px;font-weight:600}.ht-scatter.is-compact{gap:6px}.ht-scatter.is-compact .ht-tile{box-shadow:none;border-radius:9px;gap:6px;padding:4px 10px 4px 4px;transform:none;margin-top:0!important}.ht-scatter.is-compact .ht-ic{border-radius:6px;width:20px;height:20px}.ht-scatter.is-compact .ht-ic svg{width:12px;height:12px}.ht-scatter.is-compact .ht-lab{font-size:12.5px}@media (prefers-reduced-motion:reduce){.ht-tile{transition:none}}