@layer quartz-base{.page-stats{border-radius:var(--radius-s);background:var(--lightgray);border:1px solid var(--line);justify-content:center;align-items:center;gap:1.8rem;margin:2.6rem auto 0;padding:.95rem 1.6rem;display:flex}.page-stats__views{color:var(--darkgray);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.page-stats__num{color:var(--dark);font-variant-numeric:tabular-nums;font-weight:700}.page-stats__label{color:var(--gray);font-size:.78rem}.page-stats__like{border:1px solid var(--line);background:var(--card);color:var(--darkgray);cursor:pointer;transition:transform .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem 1rem;font-size:.85rem;display:inline-flex}.page-stats__like:hover{border-color:var(--secondary);color:var(--secondary);box-shadow:var(--shadow);transform:translateY(-1px)}.page-stats__like.liked{color:#fff;background:linear-gradient(135deg, var(--secondary), var(--tertiary));box-shadow:0 8px 18px -8px color-mix(in srgb, var(--secondary) 70%, transparent);border-color:#0000}.page-stats__like.liked .page-stats__num,.page-stats__like.liked .page-stats__label{color:#fff}.page-stats__like.liked .page-stats__icon{fill:currentColor}.page-stats__like:disabled{opacity:.65;cursor:default;transform:none}}