/* Data-led detail fills the heatmap's spare space; statistic cards get a short, meaningful entrance. */
.usage-stats article{position:relative;overflow:hidden;justify-content:center!important;gap:5px}.usage-stat>i{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;font-size:9px;font-style:normal;font-weight:850}.usage-stat.lifetime>i{color:#3874c4;background:#eaf2ff}.usage-stat.streak>i{color:#138a7e;background:#e4f6f1}.usage-stat.peak>i{color:#9a65c1;background:#f4ebff}.usage-stat strong{font-size:19px!important}.profile-sheet.open .usage-stat{animation:usage-stat-pop .42s cubic-bezier(.2,.85,.28,1.2) both}.profile-sheet.open .usage-stat:nth-child(2){animation-delay:.07s}.profile-sheet.open .usage-stat:nth-child(3){animation-delay:.14s}.usage-board{grid-template-columns:17px max-content minmax(86px,1fr)!important;align-items:center}.usage-insight{min-height:94px;margin-left:8px;padding-left:11px;display:flex;align-items:center;gap:8px;border-left:1px solid rgba(47,99,113,.1)}.usage-insight>i{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;font-style:normal;background:radial-gradient(circle at center,#fff 58%,transparent 60%),conic-gradient(#39b5a5 var(--activity),#e9eff2 0);box-shadow:0 3px 10px rgba(33,135,126,.1);animation:usage-ring-in .7s ease both}.usage-insight b{font-size:10px}.usage-insight b small{font-size:6px;color:#8090a4}.usage-insight>span{min-width:0;display:grid;gap:3px}.usage-insight small,.usage-insight em{color:#8795a7;font-size:6.5px;font-style:normal}.usage-insight strong{font-size:10px}.usage-insight em{white-space:nowrap}.usage-card footer{position:relative;z-index:1}@keyframes usage-stat-pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes usage-ring-in{from{opacity:0;transform:scale(.65) rotate(-65deg)}to{opacity:1;transform:none}}@media(max-width:380px){.usage-board{grid-template-columns:17px max-content!important}.usage-insight{display:none}.usage-stat>i{display:none}}@media(prefers-reduced-motion:reduce){.profile-sheet.open .usage-stat,.usage-insight>i{animation:none!important}}