.likes{padding-top:calc(var(--header-h) + clamp(2rem, 6vw, 4rem))}.likes_head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.likes_title{font-size:var(--text-2xl)}.likes_head_actions{gap:1.25rem;display:flex}.likes_link{color:var(--color-text-muted);font-family:var(--font-body);letter-spacing:.04em;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease);font-size:.8rem;text-decoration:underline}.likes_link:hover{color:var(--color-text)}.likes_empty{color:var(--color-text-muted)}.likes_empty a{color:var(--color-text);text-underline-offset:3px;text-decoration:underline}.likes_hint{color:var(--color-text-muted);max-width:40rem;margin-bottom:2rem;font-size:.85rem}.likes_group{margin-bottom:2.5rem}.likes_group_head{margin-bottom:1rem}.likes_group_title{font-size:var(--text-lg)}.likes_group_context{color:var(--color-text-muted);letter-spacing:.03em;font-size:.8rem}.likes_grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.likes_item{position:relative}.likes_thumbbtn{border-radius:var(--radius-xs);cursor:pointer;width:100%;display:block;position:relative;overflow:hidden}.likes_thumb{aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform var(--dur) var(--ease), opacity var(--dur-fast) var(--ease);display:block}.likes_thumbbtn:hover .likes_thumb{transform:scale(1.03)}.likes_item:not(.is-selected) .likes_thumb{opacity:.5}.likes_check{border-radius:var(--radius-full);width:1.4rem;height:1.4rem;transition:background var(--dur-fast) var(--ease);background:#00000059;border:2px solid #fff;position:absolute;top:.5rem;left:.5rem}.likes_item.is-selected .likes_check{background:#fff}.likes_item.is-selected .likes_check:after{content:"";border:2px solid #111;border-width:0 2px 2px 0;width:.34rem;height:.62rem;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.likes_remove{color:#fff;border-radius:var(--radius-full);width:1.6rem;height:1.6rem;transition:background var(--dur-fast) var(--ease);background:#00000080;border:1px solid #ffffff40;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:inline-flex;position:absolute;top:.4rem;right:.4rem}.likes_remove:hover{background:#000c}.likes_actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.likes_addselected:disabled{opacity:.45;cursor:not-allowed}
