.empty-state--art .empty-state__title{margin:var(--space-2) 0 0;font:var(--text-heading)}.empty-art{margin-bottom:var(--space-2)}.empty-art,.friend-empty{display:flex;justify-content:center}.friend-empty{flex-direction:column;align-items:center;text-align:center;gap:12px;min-height:112px}.friend-empty p{margin:0;max-width:46ch;font:400 14px/20px var(--font-ui),-apple-system,sans-serif;color:var(--text-muted);text-wrap:pretty}.friend-empty__ghosts{display:flex;flex:none;gap:8px}.friend-empty__ghosts>*{display:block;border-radius:var(--radius-sm);background:var(--surface-sunken)}.friend-empty__ghosts>:nth-child(2){opacity:.86}.friend-empty__ghosts>:nth-child(3){opacity:.72}.friend-empty__ghosts>:nth-child(4){opacity:.3}.friend-empty--covers .friend-empty__ghosts>*{width:48px;height:72px}.friend-empty--cells .friend-empty__ghosts>*{width:104px;height:64px;border-radius:var(--radius-md)}.friend-empty--follows .friend-empty__ghosts>*{width:48px;height:72px}.friend-empty--follows .friend-empty__ghosts>.friend-empty__ghosts-disc{width:72px;height:72px;border-radius:50%}.friend-empty--rows .friend-empty__ghosts{flex-direction:column;gap:12px}.friend-empty--rows .friend-empty__row{display:flex;align-items:center;gap:10px;background:none}.friend-empty--rows .friend-empty__row>span{display:block;background:var(--surface-sunken)}.friend-empty--rows .friend-empty__row>:first-child{width:30px;height:30px;border-radius:3px}.friend-empty--rows .friend-empty__row>:last-child{width:176px;height:8px;border-radius:999px}.friend-empty--rows .friend-empty__row:last-child>:last-child{width:118px}.friend-empty--locked .friend-empty__lock{display:flex;align-items:center;justify-content:center;width:48px;height:72px;color:var(--text-faint)}@media (max-width:640px){.friend-empty{gap:10px;min-height:96px}.friend-empty--covers .friend-empty__ghosts>*{width:40px;height:60px}.friend-empty--covers .friend-empty__ghosts>:nth-child(4){display:none}.friend-empty--cells .friend-empty__ghosts>*{width:58px;height:56px}.friend-empty--rows .friend-empty__row>:last-child{width:84px}.friend-empty--rows .friend-empty__row:last-child>:last-child{width:56px}.friend-empty--locked .friend-empty__lock{width:40px;height:60px}}.cal-art{--cell:32px;--gap:6px;position:relative;padding:30px 14px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(var(--accent-solid) 0 16px,transparent 16px),var(--surface);box-shadow:var(--shadow-card)}.cal-art__ring{position:absolute;top:-8px;width:8px;height:20px;border-radius:4px;background:var(--border-strong);box-shadow:inset 0 0 0 2px var(--surface-sunken)}.cal-art__ring--l{left:28%}.cal-art__ring--r{right:28%}.cal-art__grid{display:grid;grid-template-columns:repeat(7,var(--cell));grid-auto-rows:var(--cell);grid-gap:var(--gap);gap:var(--gap)}.cal-art__day{border-radius:4px;background:var(--surface-sunken)}.cal-art__day--mark{background:var(--border-strong)}.friends-art{display:flex;justify-content:center}.friends-art__discs{position:relative;display:flex}.friends-art__bubble{position:absolute;top:-18px;left:100%;z-index:1;display:flex;flex-direction:column;gap:6px;width:112px;margin-left:14px;padding:11px 12px 12px;border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 3px;background:var(--surface);box-shadow:var(--shadow-card)}.friends-art__stars{width:68px;height:12px}.friends-art__stars path{fill:var(--border-strong)}.friends-art__stars path.is-on{fill:var(--accent)}.friends-art__line{display:block;height:5px;border-radius:3px;background:var(--surface-sunken)}.friends-art__line--short{width:60%}@media (max-width:768px){.empty-art{zoom:.82}}